FAQ, HTML & CSS, Photoshop

Web designer adobe Photoshop,html,css interview questions and answers

  1. What is difference between properties and attributes ?
  1. Every body thinks that property and attributes are same but in real those are different.
    the syntax of property and attributes is
    <property attribute="attributeValue">proopertyValue</property>
    for more details you can visit here
  • write a border radius for all browsers ?
    1. -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
  • if you are writing a special css file for ie you will attach  it in head section and we will comment it but how the browser read it ?
    1. it was called as conditional comments. for example
      <!--[if IE ]> <link href="iecss.css" rel="stylesheet" type="text/css"> <![endif]—>
      we will write the code as above we have closed the IE in conditional statement called “if “ in square braces.
      The enclosed HTML content—a <link> tag—will be revealed to all IE browsers that support conditional comments. It links to a style sheet that only IE will see. All browsers other than IE versions 5 and later will see the code above as one simple HTML comment. If we remove the brackets and text for the sake of clarity, we’re basically left with a normal comment structure as follows:
        <link href="iecss.css" rel="stylesheet" type="text/css" >
  • What is the shortcut key for 100% zoom in Photoshop ?
    1. Double click on zoom tool
  • What is CS in adobe version numbers ?
    1. CS means Creative Suit
  • What a lasso tool? For what purposes it can be used?
    1. The lasso tool was an  selection tools (shortcut L). It was used for selection .
  • Can you make gif animations using Photoshop tool?
    1. yeas Photoshop has a small tool called Imgeready to do 2d animations.
  • Which tool(s) will you choose to slice up an image in Adobe Photoshop?
    1. Crop tool
  • What is the use of notes tool(N) in adobe Photoshop ?
    1. To make comments.
  • How do you export the Photoshop file to web ?
    1. Slice the image with Slice tool (k) and press alt+shift+ctrl+f, select the save button in the next dialogue box and save type is Images and HTML.


    FAQ, Photoshop

    Adobe Photoshop Interview questions and answers

    1. For Photoshop is cs3 really that much better than cs2 on an Intel Mac?
    2. How do I slice up an image in Adobe Photoshop CS4 Extended ?
    3. How do you select an exact color to match?
    4. What is gradient tool?
    5. What do you mean by Gaussian Blur? What is Smart object?
    6. How to Unlock Background?
    7. How to achieve Black/White with Color Detail?
    8. How do you print the grid?
    9. How do you create an artistic border?
    10. What is a heal tool?
    11. How to Use the NEF Software with Photoshop?
    12. Name few open source alternatives of Photoshop.
    13. Which color models Photoshop uses?
    14. What are the layers & masks in Photoshop?
    15. What is PSB & how it is different from PSD?
    16. What is a Photoshop plug-in? Name few of them.
    17. What are main components of Photoshop workspace?
    18. What is the shortcut to zoom back to 100%?
    19. What is default color for foreground & background in Photoshop?




    Dreamweaver, FAQ, Photoshop

    Web Designer interview Questions and Answers

    1. What is the difference between cell spacing and cell padding?
      1. cell padding Specifies the space between the cell wall and the cell content and
        cell spacing Specifies the space between cells
    2. If a page has to be loaded over all frames in window, what should be the value of TARGET attributes?
      1. Target is main window or main frame.
    3. Which one of the following settlement is correct?
      1. A table cannot contain another table and A Form can be nested inside another form
    4. Which element are table cells?
      1. <td> </td>
    5. What tags are used to embed one html page inside another html page (without using frames)?
      1. <div style=”margin: 0 auto; width:100%; height:400px;”><object type=”text/html” data=”https://psd2web.in/” style=”width:100%; height:400px; margin:1%;”></object></div>
    6. In Dreamweaver what is used to apply same layout to my pages?
      1. By using Templates option we can apply same layout for all pages.
    7. Which HTML tag is used to define an internal style sheet?
      1. < style type=text/css media=”screen”>your css here</style>
    8. How to define an inline style in HTML tag ?
      1. <p style=”color: red; text-align:right; font-weight: bold”>
    9. How do you define an inline style?
      1. A CSS or cascading style sheets style that is written directly on the element or tag it affects.
    10. How to align total webpage center?
      1. body{margin: 0 auto;}
    11. What is a DTD? What DTD do you generally use?
      1. A DTD is a Document Type Definition, also know as DOCTYPE. In a document served as text/html, the DOCTYPE informs the browser how to interpret the content of the page. If the the doctype is not declared, the browser assumes you don’t know how to code, and goes into “quirks mode”. If you know what you are doing and include a correct XHTML DOCTYPE, your page will be rendered in “standards mode”.
    12. What are the possible values for the display attribute that are supported by all browsers?
      1. Display : Block;
    13. What is the default value for the display attribute for the image element?
      1. <img src=”smiley.gif” alt=”Smiley face” height=”42″ width=”42″ />
    14. what is the difference between inline and block level elements ?
      1. A block-level element is an element that creates large blocks of content like paragraphs or page divisions. They start new lines of text when you use them, and can contain other blocks as well as inline elements and text or data.An inline element is an element that define text or data in the document like STRONG makes the enclosed text strongly emphasized and Q says the enclosed text is a quotation. They don’t start new lines when you use them, and they generally only contain other inline tags and text or data. Or they include nothing at all, like the BR tag.
    15. What does display: run-in do?
      1. Creates either block or inline boxes, depending on context. Properties apply to run-in boxes based on their final status (inline-level or block-level).
    16. Difference between “visibility:hidden” and “display:none”?
        These two style properties do two different things.

      1. visibility: hidden hides the element, but it still takes up space in the layout and display: none removes the element completely from the document. It does not take up any space, even though the HTML for it is still in the source code.
    17. What are the pros and cons of using display:none?
      1. Pros
        1. Makes fonts look smoother
        2. Rounded edges look round
        3. Type is easier to read (for some) because it looks more like what printed type looks like
        4. Some people feel it’s prettier
      2. Cons
        1. Small fonts become too fuzzy to read
        2. Sharp edges may be fuzzy and not precise
        3. You can’t print anti-aliased text as it comes out blurred
        4. Images are generally larger
        5. Type is easier to read (for some) because the blurring is reduced and the fonts are clear
    18. When to Use Anti-aliasing or Font Smoothing
      1. Anti-aliasing is a good choice for web images with flat colors and curves and text that is intended for web pages. With text, you should try to let the browser display the fonts with CSS, rather than putting them in a graphic.
    19. What are the five possible values for “position”?
      1. Values for position: static, relative, absolute, fixed, inherit
    20. What is the default/initial value for “position”?
      1. Static


    FAQ, Photoshop

    Adobe Photoshop Interview Questions and Answers.

    1 :: What is Adobe Photoshop? 

    Adobe Photoshop is a professional image editing software package that can be used by experts and novices alike. While this handout offers some very basic tips on using the tools available in Photoshop, more comprehensive guidance can be accessed on the web or in the help menu of your version of Photoshop. The version used for this tutorial is Adobe Photoshop CS.

    2 :: Explain about the Photoshop Work Area? 

    The work area can be intimidating to work with because of all the complex functionality but with a quick breakdown of the available features and their uses, you will be ready to comfortably navigate the work area with ease. The work area in Photoshop has the following basic functionality and features:

    a. Menu Bar : This is where you can access most of the commands and features in Photoshop

    b. Drawing Palette : Where the image being worked on will appear

    c. Options bar : Content sensitive display of tool options changes as different tools are selected display using Window > Options or Click a tool in the toolbox.

    d. Tool box : for creating an editing images (display or hide using Windows > Tools

    e. Palettes – to monitor and modify images (there are 5 palettes by default)

    f. Palette Well – to organize palettes in work area Drag a palettes tab into the palette well to store it in the palette well. Once in the palette well click on the palette tab to use it

    3 :: What is Resizing Images and Size Guide in Adobe Photoshop?

     When working with images for a website, you will need to resize your images to suit your particular purpose. Here is a basic guide that can help you decide on what is suitable. (The units used here are pixels, which are standard units across all computer platforms. The conversion between pixels and inches is roughly 1inch = 72 pixels or 1cm = 28 pixels) To use this particular unit of measure you will need to adjust you preference settings by selecting Edit > Preferences > Units and Rulers and changing the units and rulers to measure in pixels.

    a. Type of picture : Size in Pixels

    b. Background : 1024 x 768

    To resize a picture look on the menu bar and select Image > image size

    4 :: How do we crop an image in Photoshop?

    Cropping an image allows you to cut out any portion of the image you don’t like and/or make an image smaller. This document contains the steps performed to crop an image in each of the major image editors. To the right is a visual example of a large image, such as a image scanned into the computer being cropped to a smaller image.

    5 :: What is Gradients in Adobe Photoshop? 

    Gradients are a great way to introduce flashy, eye-catching graphics in your pages.

    6 :: How do we print the grid in Adobe Photoshop?

    Put the non printing grid on how you want it, then take a screen capture (alt + PrintScreen on PC) Open a new file, the size should be set as the size of the grab, and paste. Crop away everything (the background of the photoshop window, etc.)except for the image with grid on it…and print.

    7 :: Can you organize layers as in photoshop?

    Yes we can organize layes..
    For example you create a Ball in 1st layer and then in
    second layer you create the background. But you should lock
    all the layers and unlock the layer which u r working,
    because unlocked layers will be active always(active means,
    if u want to drage the ball, background layers also will be

    8 :: For photoshop is cs3 really that much better than cs2 on an Intel Mac?

    On both the Photoshop CS works fine. But on Mac it seems to speed up faster. The startup is much faster than on windows but relative to the velocity of the CS2, it indeed is faster. So yes, photoshop cs3 is better at functioning on an intel mac rater than cs2, due to the faster startup

    9 :: What is a Smart Object in Adobe Photoshop?

    Photoshop CS2 introduces a new type of layer called a Smart Object layer. Smart Objects are a little like symbols in Illustrator. Smart objects can consist of pixel-based content or vector-based content, like an Illustrator drawing placed in a Photoshop document. With smart objects, you can make multiple copies of a single object and all copies will be updated when one of the copies is edited ? but you can still apply layer styles and adjustment layers to the individual smart objects without affecting all copies, which provides for a lot of flexibility. Pixel-based smart objects also remember their original size and can be transformed multiple times without loss.

    10 :: How do I slice up an image in Adobe Photoshop CS4 Extended?

    Well, I just got Adobe Photoshop CS4 Extended and I saw that there is no slice tool. I found that kind of strange. I mean, that is a HUGE tool. All master web designers use the slice tool to make their websites which is what I need it for. So could someone please tell me how I slice an image in Adobe Photoshop CS4 Extended? Thanks!

    11 :: Explain about stress analysis in Adobe Photoshop?

    People working on these areas as a aerospace engineers should have familiarity and exposure to NASTRAN and MATLAB with knowledge on space environment and modeling of flexible dynamics. These aerospace engineers will be responsible to conduct stress analysis on metallic and composite structures. NASTRAN, IDEAD, Oracle and PATRAN proficiency level is required. Their duties also include on aircraft which are metallic and composite structures. This includes and understanding of control surface stiffness and loop calculations, finite element modeling (FEM), fatigue testing requirement and analysis.