User Interface Designer Interview Preparation Guide
Sharpen your UI Designer interview expertise with our handpicked 29 questions. These questions are specifically selected to challenge and enhance your knowledge in UI Designer. Perfect for all proficiency levels, they are key to your interview success. Secure the free PDF to access all 29 questions and guarantee your preparation for your UI Designer interview. This guide is crucial for enhancing your readiness and self-assurance.29 UI Designer Questions and Answers:
1 :: Suppose If background and colour should always be set together, why do they exist as separate properties?
The reasons for this are as follows:
- It increases the legibility of the style sheets. The background property is a complex property in CSS. If it is combined with color, the complexity will further increase.
- Color is inherited, but background isn’t. This can further increase the confusion.
- It increases the legibility of the style sheets. The background property is a complex property in CSS. If it is combined with color, the complexity will further increase.
- Color is inherited, but background isn’t. This can further increase the confusion.
2 :: Please distinguish between Static vs. Dynamic HTML?
The easiest difference is static HTML once rendered cannot be changed on the other hand dynamic HTML can be changed.
Static web pages cannot have database access but dynamic pages can be connected to database.
Using static HTML no interactions persist between user and server but dynamic HTML has capability to interact with the user.
Static HTML does not require server side coding but dynamic HTML requires server side coding.
No animation, games can be developed using the static HTML but on the other hand dynamic HTML can perform this task.
Static web pages cannot have database access but dynamic pages can be connected to database.
Using static HTML no interactions persist between user and server but dynamic HTML has capability to interact with the user.
Static HTML does not require server side coding but dynamic HTML requires server side coding.
No animation, games can be developed using the static HTML but on the other hand dynamic HTML can perform this task.
3 :: Do you know what are different ways to integrate a CSS into a Web page?
There are three ways to integrate CSS into a Web page
a.) Inline: HTML elements may have CSS applied to them via the STYLE attribute.
b.) Embedded: By placing the code in a STYLE element within the HEAD element.
c.) Linked/ Imported: Place the CSS in an external file and link it via a link element.
a.) Inline: HTML elements may have CSS applied to them via the STYLE attribute.
b.) Embedded: By placing the code in a STYLE element within the HEAD element.
c.) Linked/ Imported: Place the CSS in an external file and link it via a link element.
4 :: Do you know which browsers support DHTML and how will non-supporting browsers handle DHTML?
Version of Netscape navigator and Internet Explorer higher than 4.0 or 4.0 supports DHTML in easy way. But as compared to both browsers Internet Explorer 4.0+ supports the DHTML in the best way.
DHTML includes JavaScript to make the page dynamic and regardless of which scripts is written for and the scripts are designed in such a way that it can be compatible with as many numbers of browsers as possible. The most important thing that must be kept in the mind is that we must test the code before running it over the server or making it live. Also we certainly cannot guarantee that all users will use the browser that will support the scripts.
DHTML includes JavaScript to make the page dynamic and regardless of which scripts is written for and the scripts are designed in such a way that it can be compatible with as many numbers of browsers as possible. The most important thing that must be kept in the mind is that we must test the code before running it over the server or making it live. Also we certainly cannot guarantee that all users will use the browser that will support the scripts.
5 :: What is external Style Sheet? How would you link to it?
- External Style Sheet can be called as a template/document/file which contains style information and can be linked with more than one HTML documents.
- Using this the entire site can be formatted and styles just by editing one file.
- The file is linked with HTML documents via the LINK element inside the HEAD element.
<HEAD> <LINK REL=STYLESHEET HREF="style.css" TYPE="text/css"> </HEAD>
- Using this the entire site can be formatted and styles just by editing one file.
- The file is linked with HTML documents via the LINK element inside the HEAD element.
<HEAD> <LINK REL=STYLESHEET HREF="style.css" TYPE="text/css"> </HEAD>
6 :: Tell me what are the advantages and disadvantages of Embedded Style Sheets?
The advantages of Embedded Style Sheets are:
- It is possible to create classes for use on multiple tag types in the document
- Under complex situations, selector and grouping methods can be used to apply styles.
- No extra download is required to import the information.
The disadvantages of Embedded Style Sheets are:
- It is not possible to control the styles for multiple documents from one file, using this method.
- It is possible to create classes for use on multiple tag types in the document
- Under complex situations, selector and grouping methods can be used to apply styles.
- No extra download is required to import the information.
The disadvantages of Embedded Style Sheets are:
- It is not possible to control the styles for multiple documents from one file, using this method.
7 :: Can you explain what are the advantages and disadvantages of External Style Sheets?
The advantages of External Style Sheets are:
- Using them, the styles of multiple documents can be controlled from one file.
- Classes can be created for use on multiple HTML element types in many documents.
- In complex situations, selector and grouping methods can be used to apply styles.
The disadvantages of External Style Sheets are:
- In order to import style information for each document, an extra download is needed.
- Until the external style sheet is loaded, it may not be possible to render the document.
- For small number of style definitions, it is not viable.
- Using them, the styles of multiple documents can be controlled from one file.
- Classes can be created for use on multiple HTML element types in many documents.
- In complex situations, selector and grouping methods can be used to apply styles.
The disadvantages of External Style Sheets are:
- In order to import style information for each document, an extra download is needed.
- Until the external style sheet is loaded, it may not be possible to render the document.
- For small number of style definitions, it is not viable.
8 :: Tell me what are the advantages and disadvantages of Inline Styles?
The advantages of Inline Styles are:
- It is especially useful for small number of style definitions.
- It has the ability to override other style specification methods at the local level.
The disadvantages of Inline Styles are:
- It does not separate out the style information from content.
- The styles for many documents can not be controlled from one source.
- Selector grouping methods can not be used to handle complex situations.
- Control classes can not be created to control multiple element types within the document.
- It is especially useful for small number of style definitions.
- It has the ability to override other style specification methods at the local level.
The disadvantages of Inline Styles are:
- It does not separate out the style information from content.
- The styles for many documents can not be controlled from one source.
- Selector grouping methods can not be used to handle complex situations.
- Control classes can not be created to control multiple element types within the document.
9 :: What is Positioning?
Is some what where we need the object to be placed in the graphical view i:e on screen. If we talk in DHTML sense then we have two types of positioning: Relative and Absolute.
10 :: What is Relative Positioning?
Relative positioning is the same as the current HTML3 layout and is best reserved for situations where you want to be sure that the content will revert to this default inside a document that also uses absolute positioning.