Web Designing Interview Questions

CSS mainly stands for “Cascading Style Sheets”.  CSS help to control and manage font sizes, font styles and website colour combinations that are used in a web page. CSS files make global appearance changes easy a single change in CSS file will mean that any pages using that CSS file will automatically display the changes.
CSS is not case sensitive.
External Style Sheet is a template/document/file containing style information which can be linked with any number of HTML documents. The file is linked with HTML documents via the LINK element inside the HEAD element. Files containing style information must have extension .css, e.g. style.css.
It’s very easy we can do it by using mailto command in AHREF link tag example give below:
< A HREF=”mailto:kapil@speakingtechnically.com?Subject=Enquiry”>Click here to mail Speaking Technically< / A> .
By using align statement in your IMG SRG tag
< IMG SRC=”http://www.speakingtechnically.com/chguy.gif” align=top > Also, instead of align=top you can do align=middle, and align=bottom.
static, relative, absolute, fixed, inherit.
Number, String, Boolean, Function, Object, Null, Undefined.
It’s a number in JavaScript, derived by dividing negative number by zero.
Return true if the argument is not a number
Since 1 is a string, everything is a string, so the result is 124.
Use the parseInt() function, that takes a string as the first parameter, and the base as a second parameter. So to convert hexadecimal 3F to decimal, use parseInt (“3F”, 16);
A prompt box allows the user to enter input by providing a text box.
An alert box displays only one button which is the OK button whereas the Confirm box displays two buttons namely OK and cancel.
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 drag the ball, background layers also will be affected)
The work area in Photoshop has the following basic functionality and features: ? Menu Bar ? this is where you can access most of the commands and features in Photoshop ? Drawing Palette ? where the image being worked on will appear ? 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. Lasso options bar ? Tool box – for creating an editing images (display or hide using Windows > Tools)? Palettes – to monitor and modify images (there are 5 palettes by default) ? Palette Well – to organize palettes in work area ? Drag a palette? 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.
Don’t be confuse HTML5 is the latest version of HTML which includes few new features like as Video, Audio/mp3, date select function , placeholder , Canvas, 2D/3D Graphics, Local SQL Database added so that no need to do external plugin like Flash player or other library.
The <!DOCTYPE> is an instruction to the web browser about what version of HTML the page is written in. AND The <!DOCTYPE> tag does not have an end tag and It is not case sensitive.

Tag                  Description

<audio>               For multimedia content, sounds, music or other audio streams
<video>               For video content, such as a movie clip or other video streams
<source>             For media resources for media elements, defined inside video or audio elements
<embed>            For embedded content, such as a plug-in
<track>               For text tracks used in media players
<canvas>           Yes we can use Canvas element in html5 like below

Like below we can add video in html5
<video width=”320? height=”240? controls=”controls”>
<source src=”pcds.mp4? type=”video/mp4? />
<source src=”pcds.ogg” type=”video/ogg” />
</video >
And audio like this
< audio controls=”controls”>
< source src=”song.ogg” type=”audio/ogg” />
< source src=”song.mp3? type=”audio/mpeg” />

The canvas element is used to draw graphics images on a web page by using javascript like below
The session Storage object stores the data for one session. The data is deleted when the user closes the browser window. like below we can create and access a sessionStorage here we created “name” as session
" <script type=”text/javascript”>"
" sessionStorage.name=”PCDS”;"
document.write(sessionStorage.name); </script>
HTML elements communicate to the browser how to render text. When surrounded by angular brackets <> they form HTML tags. For the most part, tags come in pairs and surround text.
Semantic HTML is a coding style where the tags embody what the text is meant to convey. In Semantic HTML, tags like < b> for bold, and for italic should not be used, reason being they just represent formatting, and provide no indication of meaning or structure. The semantically correct thing to do is use and . These tags will have the same bold and italic effects, while demonstrating meaning and structure (emphasis in this case).
The term DOCTYPE tells the browser which type of HTML is used on a webpage. In turn, the browsers use DOCTYPE to determine how to render a page. Failing to use DOCTYPE or using a wrong DOCTYPE may load your page in Quirks Mode. See example:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>.
Perhaps the biggest issue is the poor browser support XHTML currently enjoys. Internet Explorer and a number of other user agents cannot parse XHTML as XML. Thus, it is not the extensible language it was promised to be. There are many other issues. Take your pick.
Quirks Mode is a default compatibility mode and may be different from browser to browser, which may result to a lack of consistency in appearance from browser to browser.
8 total. 4 pairs of tags. <HTML>
<TITLE>Simplest page ever!</TITLE>
To link an image, use < img> tags. You need specify the image in quotes using the source attribute, src in the opening tag. For hyperlinking, the anchor tag, < a>, is used and the link is specified in the href attribute. Text to be hyperlinked should be placed between the anchor tags. Little known fact: href stands for “hypertext reference.” When linking to an email, the href specification will be “mailto:send@here.com.” See examples below:
<img src=”HTMLrocks.jpg”></img>
<a href=”www.skilledup.com”>Skilledup</a>
<a href=”brad@skilledup.com”>Email Me</a>
It could be any number of things, but the most common mistakes are leaving out a tag bracket or quote missing for href, src, or alt text may be the issue. You should also verify the link itself.
Bulleted lists use the < ul> tag, which stands for “unordered,” whereas < ol> is used to create an ordered list.

Responsive design is an approach to building sites to provide an optimal viewing and interaction experience. It focuses on easy navigation of site with a minimum of scrolling, panning and resizing across all devices. Bootstrap is the most popular CSS, HTML and JS framework used for developing responsive web design..
In CSS, you would use CSS float when you want to make an element of your page be pushed to the right or left and make other elements wrap around it.
Some of the JQuery function used for webpage designing include
• Simple slide panel
• Simple disappearing effect
• Chainable transition effect
• Accordion#1 and Accordion#2
• Animated hover effect
• Entire block clickable
• Collapsible panels
• Image replacement gallery
• Styling different link types

A grid system is a structure comprising a series of horizontal and vertical lines which intersect and used to arrange content. It is a way of providing a system that designers can work with the structure and present content. For web design beginners, it is always suggested that they use the pre-made framework for web design as they are relatively easy to use.
Keep in mind not all browsers support scrolling text. however to do this add a tag similar to the below example. < marquee >THIS WOULD SCROLL< /marquee> The above example would create the below scrolling text. If your browser supports scrolling text the below example should be scrolling.
Quirks Mode is a default compatibility mode and may be different from browser to browser, which may result to a lack of consistency in appearance from browser to browser.
Canvas is an element that manipulates two-dimensional (2D) pixels while Scalable Vector Graphics works in 2D and three-dimensional (3D) vectors. Essentially, Canvas is to SVG as Photoshop is to Illustrator.
WebSQL is a structured relational database at the client browser side. It’s a local RDBMS inside the browser on which you can fire SQL queries.
With GET the form data is encoded into a URL by the browser. The form data is visible in the URL allowing it to be bookmarked and stored in web history. The form data is restricted to ASCII codes. Because URL lengths are limited there can be limitations on how much form data can be sent.
With POST all the name value pairs are submitted in the message body of the HTTP request which has no restrictions on the length of the string. The name value pairs cannot be seen in the web browser bar.
Visibility:Hidden; - It is not visible but takes up it's original space.
Display:None; - It is hidden and takes up absolutely no space as if it was never there
- A image sprite is a collection of images put into one single image.
- Using css positioning you can show and hide different parts of the sprite depending on what you need.
- Sprites reduces the number of http requsts thus reducing load time of page and bandwidth What is a better way to design the layout of a web page – a table tag or div?
- The better way to design the layout of the webpage is by using the div> tag. - The tag is used to present the data in tabular format
- The better way to design the layout of the webpage is by using the div tag.
- The table tag is used to present the data in tabular format.
Logical tags are used to tell the meaning of the enclosed text. The example of the logical tag is tag. When we enclosed text in strong tag then it tell the browser that enclosed text is more important than other text.
- Physical text are used to tell the browser that how to display the text enclosed in the physical tag.
Some example of the physical tags are: , ,
Following are the New Media Elements are present in HTML5:
1. audio tag : For playing audio.
2. video tag : For playing video.
3. source tag : For media resources for media elements.
4. embed tag : For embedded content.
5. track tag : For text tracks used in media players
SPAN : Used for the following things:
1. Highlight the any color text
2. For adding colored text
3. For adding background image to text.
No, browser will not be able to identify that it’s a HTML document and HTML 5 tags will not function properly.
Selectors help to select an element to which you want to apply a style. For example below is a simple style called as ‘intro” which applies red color to background of a HTML element.