Latest Web Designing Interview Questions and Answers for 2018

Latest Web Designing Interview Questions and Answers for 2018

The web design of learning is very easy and interesting, but the most important thing is the location of the company, which is one of the steps after the process of several interviews. If you have the ability to cross the interview, then nobody can stop at creating the web design expert.
Here we are sharing one of the best tips on the web design interview along with questions and answers.

  1. Mention what is the main language or platform used for web design.

The main language used for web design is
HTML: base template
CSS: style
JavaScript: Functionality
PHP: server-side scripts

  1. Explain how you can set an image as a background on web pages.

To set an image as a background on the web page, point to the bottom of the body with the name of the image you want to set as the background, as shown below.
</ head> tag
<body background = “picture.gif”>
You can also correct the background image, so when using the scroll bar in the browser, it does not move. To do this, add the BGPROPERTIES tag as shown below
<body background = “picture.gif” bgproperties = “fixed”>

  1. Mention what do you mean by receptive design on a web page?

Receptive design is an approach to build sites to provide an optimal viewing and interaction experience. It focuses on easy site navigation with minimal scrolling, scrolling and resizing on all devices.
Bootstrap is the most popular CSS, HTML and JS framework used to develop a responsive web design

  1. Mention what are some bad examples of web design.

  • Blinking, rotating or blinking images
  • Black background with white, light or pale text
  • Black backgrounds with dark text
  • Mosaic background images occupied with any color text
  • All centered
  • Too many images or huge images
  • List of links
  • Too many headlines or flickering text


  1. Explain what information architecture is?

In the information on the website, architecture often refers to the structure and navigation of a complete site.

  1. Explain how you can align the image so that one can be higher or lower than the other.

To align the image so that one can be higher or lower than the other, use the alignment instruction on your IMG SRC tag.
<IMG SRC = “” align = top> Also, you can use align = top or you can do align = middle / bottom

  1. Explain what a Dreamweaver template is?

Dreamweaver templates allow webmasters to define “non-editable” and “editable” regions of a web page, only the “non-editable” regions can be edited in the Dreamweaver template. Any changes implemented in the Dreamweaver template will update the HTML pages that use the template.

  1. Explain what is the difference between “visibility: hidden” and “screen: none”?

Both are style properties

  • visibility: hidden: this property hides the element, but still takes up space in the design
  • display: none: Completely removes the element from the document. It does not take up space, even though the HTML for it is still in the source code.


  1. 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 move to the right or to the left and make other elements surround it.

  1. Why should a graphic that contains several words in GIF be saved instead of JPG?

It is preferable to store the image in GIF format if the image is composed of certain words because JPG has file compression features that can make the fonts illegible.

  1. Explain how you can integrate the CSS file into your web page.

To integrate the CSS file with any number of HTML files, you must integrate the file after the <head> tag using the “Link” property.
<head> <Link REL = STYLESHEET HREF = “filename.css” Type = “text / css”> </ head>

  1. Make a list of some of the JQuery functions used to design web pages.

Some of the JQuery functions used for web page design include

  • Simple sliding panel
  • Simple disappearance effect
  • Chainable transition effect
  • Accordion No. 1 and Accordion No. 2
  • Animated scroll effect
  • All the block that can be clicked
  • Folding panels
  • Image replacement gallery
  • Design different types of links


  1. As a web designer while you declare the “delete” button, what would be your choice of color?

Make the “Delete” button more prominent by using colors like red, especially when you have to show two buttons side by side. Red is a sign of caution, so it will definitely help the user to get their attention.

  1. Explain how a developer can learn about web design.

The developer can learn about web design by following the tips

  • Visit the website as “Smashing Magazine” to get a better idea about web design
  • Another website is “Best web gallery” can also be useful to get a vision of quality design and designs
  • Test your hands with tools such as Adobe Illustrator
  • Create dynamic website using MySQL and PHP
  • Learn basic languages ​​such as HTML, CSS, JavaScript, PHP or jQuery


  1. Explain why people delete the screen several times when using a calculator?

The previous version of the calculators has several “cancel” buttons (C, CE). The CE button will only erase the last entry but does not interrupt with the current calculation. For example, if you enter 2 + 1 and then press CE, it would display 0, but the calculator waits a second operand for the sum. (2+ is still there in memory). Therefore, to ensure that nothing is left in the memory and start a new calculation, we often see people pressing the “clear” button several times. It is not due to a defect in the design of the calculator.

  1. Mention why the mouse cursor is slightly tilted and not straight.

During the beginning of mouse technology, it was discovered 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. In addition, the slanted arrow can help calculate the position of the click more easily because the origin of the cursor bitmap was in the upper left corner. This saved the mouse tracking subroutine one calculation per click.

  1. Explain what is the Grid system?

A grid system is a structure that comprises a series of horizontal and vertical lines that intersect and are used to organize the content. It is a way to provide a system that designers can work with the structure and content present. For beginners of web design, it is always suggested that they use the prefabricated framework for web design, since they are relatively easy to use.

  1. When writing an error message, what things should you keep in mind?

You must take the following things into consideration

  • Do not use negative words
  • Mention clearly the error so that the user knows what to correct
  • Provide the user with a clue or link to resolve the error
  • Blame yourself and not the user

For detail regarding Courses in Web Designing:
Contact-0172-4612244, +918427123322
Bigboxx Academy
SCO- 146-147, Basement, Sector-34-A
Chandigarh 160022