1) Mention what are the main
language or platform used for web-design?
The main language used for
web-designing are
HTML: Base template
CSS: Styling
JavaScript: Functionality
PHP: Server side scripts
2) Explain how can you set
an image as a background on web pages?
To set an
image as a background on web page, point the body background to the name of
your image you want to set as a background as shown below.
tag.
You can
also fix the background image, so while using the scroll bar in the browser, it
does not move. To do this add the
BGPROPERTIES tag as shown below
3) Mention what do you mean
by Responsive design on a web page?
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
4) Mention what are some bad examples
of web design?
Blinking, spinning or flashing
images
Black background with white, light
or pale text
Black backgrounds with dark text
Busy tiled background images with
any color text
Everything Centered
Too many images or Huge images
List of links
Too many headlines or Blinking text
5) Explain what is
Information Architecture?
On web page
information, architecture is often referred to the structure and navigation of
an entire site.
6) Explain how can you align
picture so that one may be higher or lower than the other? In order
to align picture so that one may be higher or lower than the other, use the
align
statement in your IMG SRC
tag.
Also, you can use align=top
or you can do align=middle/bottom
7) Explain what is a
Dreamweaver Template?
Dreamweaver
Templates enables webmasters to define “non-editable” and “editable” regions of
a webpage, only in Dreamweaver template the “non-editable” regions can be
edited. Any changes implemented to the
Dreamweaver Template will update any HTML pages that use the template.
8) Explain what is the
difference between “visibility:hidden” and “display:none”?
They are both style properties
visibility:hidden: This property hides the element, but it still takes up space in
the layout
display:none: It eliminates 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.
9) In CSS when you will use
CSS float?
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.
10) Why should a graphic
containing several words should be saved in GIF instead of
JPG?
It is preferable to store
the image in GIF format if image consists of certain words because JPG
has file compression
features which may render the fonts unreadable.
11) Explain how can you
integrate CSS file to your webpage?
To integrate CSS file with
any number of HTML files, you have to integrate the file after the
12) List out some of the
JQuery function used for webpage designing?
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
13) As a web-designer while declaring “delete” button what would
be your color choice?
Make the “Delete” button more prominent by using color like Red,
especially when you have to show two button side by side. Red is sign of
caution, so that will definitely help the user to draw their attention.
14) Explain how can a developer learn about web design?
Developer can learn about web design by following tips
Visit website like
“Smashing Magazine” to get better idea about web design Another website is “
Best Web Gallery” can also be helpful to get insight of quality design and
layouts
Try your hands on tools like Adobe
Illustrator
Create dynamic website using MySQL
and PHP
Learn basic languages as HTML, CSS,
JavaScript, PHP or jQuery
15) Explain why do people
clear the screen multiple times when using a calculator?
The older
version of calculators have several “cancel” button (C, CE). The CE button will
only clear the last entry but does not interrupt with the current computation. For instance, if you enter 2+1 and then press
CE, it would show 0, but the calculator expects a second operand for the
addition. (2+ is still there in memory). So to ensure that nothing remains left
in memory and to start a new calculation we often see people hitting clear
button couple of times. It is not due to a flaw in the calculator’s design.
16) Mention why is the mouse
cursor slightly tilted and not straight?
During beginning
of mouse technology, it was found that given the low resolution of the screens
in those days, drawing a straight line and a line at a 45 degree angle was
easier to do and more recognizable than the straight cursor. Also, the tilted
arrow can help the click position easier to calculate because the origin of the
cursors bitmap was in the upper left. This saved the mouse tracking subroutine
a calculation on every click.
17) Explain what is Grid
system?
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.
18) While writing an error
message what all things you need to take into consideration?
You need to take following things in
consideration
Don’t use negative words
Clearly mention the error so that
the user knows what to correct
Give user a clue or link to solve
the error
Put the blame on yourself and not
on the user
