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.
    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]

    Web Designer interview Questions and Answers

    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=”http://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