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

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.
    Difference between <DIV>, <SPAN>, <SECTION>

    Difference between <DIV>, <SPAN>, <SECTION>

    The SPAN and DIV HTML Elements
    How to Use SPAN and DIV with CSS on Web Pages
    The SPAN and DIV elements are very useful when dealing with CSS(Cascading Style Sheets).
    These two elements in a similar fashion, but they serve different purposes.
    The DIV Element :The DIV elements define logical divisions in your web page. It acts a lot like a <P> element, by placing newlines before and after the division. A division can have multiple paragraphs in it.
    Using the DIV Tag
    To use the DIV element, simply surround the area of your page that you want as a separate division with the <div> and </div> tags:
    <div id=”mydiv”>
    <p>contents of div</p>
    </div>
    The DIV element gives you the chance to define the style of whole sections of the HTML. You can define a division of your page as a call out and give that area a different style from the surrounding text. That area could have images, paragraphs and headlines, anything you wanted. The DIV element also gives you the ability to ID areas of your documents so that you can change them with Ajax and dynamic HTML.
    The DIV element is different in new HTML5 SECTION element because it does not give the enclosed content any semantic meaning. If you aren’t sure whether the block of content should be a DIV or a SECTION, think about what that content’s purpose is and why you need the DIV or SECTTION element.
    1.    If you need the element simply to add styles to that area of the page, you should use the DIV element.
    2.    If that area of the page has a specific meaning, for example it holds all your social media elements or it contains your blogroll, then you should use the SECTION element.
    One thing to keep in mind when using the DIV element is that it breaks paragraphs. It acts as a paragraph end/beginning, and while you can have paragraphs within a DIV you can’t have a DIV inside a paragraph.
    The primary attributes of the DIV element are:
    1.    style
    2.    class
    3.    id
    Even if you don’t use style sheets or DHTML, you should get into the habit of using the DIV element. This will give you more flexibility and future proof your HTML. Also, you can use the id to identify your divisions so that your web pages are well formed.
    Because the CENTER element has been deprecated in HTML 4.0 and is obsolete in HTML5, it is a good idea to start using <div style=”text-align: center;”> to center the content inside your DIV.
    Learn More About the DIV Element
    The SPAN Element
    The SPAN element has very similar properties to the DIV element, in that it changes the style of the text it encloses. But without any style attributes, the SPAN element won’t change the enclosed items at all.
    The primary difference between the SPAN and DIV elements is that SPAN doesn’t do any formatting of it’s own. The DIV element includes a paragraph break. The SPAN element simply tells the browser to apply the style rules to whatever is within the SPAN.
    To use the SPAN element, simply surround the text that you want to add styles to with the<span> and </span> tags:
    <div id=”mydiv”>
    <p><span class=”highlight”>Highlighted text</span> and non-highlighted text.</p>
    </div>
    The SPAN element has no required attributes, but the three that are the most useful are the same as for the DIV element:
    ·    style
    ·    class
    ·    id
    Use SPAN when you want to change the style of elements without placing them in a new block-level element in the document. For example, if you had a Level 3 Heading (H3) that you wanted the second word to be red, you could surround that word with <span style=”color : #f00;”>2ndWord</span> and it would still be a part of the H3 tag, just red. For example:
    <h3>This is My <span style=”color: red;”>Awesome</span> Headline</h3>

    Adobe Photoshop Interview questions and answers

    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?

     

    Download

    Interview Questions and answers for web designers – HTML & CSS

    Interview Questions and answers for web designers – HTML & CSS

    1. How can we submit a form without a submit buttom?
    2. How do I center a table?
    3. Can I include comments in my Style Sheet?
    4. In DHTML what is the difference between “FontSize” and “Font Size”
    5. HTML is a Programming Language or Scripting Language?
    6. How do I quote font names in quoted values of the style attribute?
    7. What are META tags?
    8. How can I check for errors om html?
    9. How do I make my div 100% height?
    10. what can be done with style sheets that can nit be accomplished with regular HTML ?
    11. Is there anything that can’t be replaced by style sheets ?
    12. What browsers support style sheets? To what extent?
    13. Do any WYSIWYG editors support the creation of Style Sheets? Any text-based HTML editors?
    14. Can you use someone else’s Style Sheet without permission?
    15. What does the “Cascading” in “Cascading Style Sheets” mean?
    16. Which style specification method should be used? Why?
    17. What are the advantages/disadvantages of the various style methods?
    18. How do you override the underlining of hyperlinks?
    19. What is the difference between ID and CLASS?
    20. Which characters can CSS-names contain?

     

    Download the answers file here

    [like_to_read]Download[/like_to_read]