Web Designing Interview Questions and Answers

A website or site is a group of different web pages that is accessible over the internet/network. Website is a central location of various web pages that are all related and can be accessed by visiting the home page using a browser. The website contains various things that may include text, images, audio, and video. When we type a web address, it takes us to their website’s homepage, and it tells us what that site offers.

A web browser is a software application used for retrieving and displaying information on the World Wide Web (WWW). The most popular web browsers are:

• Google Chrome
• Mozilla Firefox
• Apple Safari
• Microsoft Edge
• Opera
• Maxthon

A domain name is a unique IP address. The word unique has been used because domains names cannot be same. A domain name is an Internet resource name that is universally understood by Web servers and online organizations and provides all pertinent destination information. To access an organization’s Web-based services, website users must know the precise domain name. If someone has already booked the domain name which we want we cannot have it for example http://www.interviewgig.com

Web servers are computers that deliver (serves up) Web pages. Every Web server has an IP address and possibly a domain name. The server then fetches the page named index.html and sends it to your browser. Any computer can be turned into a Web server by installing server software and connecting the machine to the Internet. There are many Web server software applications, including public domain software from NCSA and Apache, and commercial packages from Microsoft, Netscape and others.

Website design refers to the design of website or web application that are displayed on the internet. Website design means planning, creation and updating of websites. Website design also involves information architecture, website structure, user interface, navigation ergonomics, website layout, colors, contrasts, fonts and imagery (photography) as well as icons design. HTML and CSS are the codes for writing web pages. HTML handles the basic structure and ‘bones’ of your page, while CSS handles the style and appearance.

A web designer is responsible for creating attractive and fully functional websites, but they do more than just that. Web designer’s main job is to design web pages. There is a lot to consider in the design of websites which may not be immediately apparent when looking at a webpage for the first time. The aesthetic aspect is an important one and selecting the appropriate colors, font, layout and images creates the whole personality of the website.

In addition to considering aesthetic aspects, the usability of the website has to be a priority. It is important to create a page that the target market can relate to. The web designer is in control of the entire website and must understand how to create the appropriate image while ensuring the website is easy to use and the information is easy to access.

HTML/HTML5: The HTML is a web language that gives you knowledge of how the web works and create web pages effectively.  HTML5 is a core-technology markup-language that allow you create powerful website applications on the internet.

CSS/CSS3: CSS (Cascading style sheets) is a prominent language and a second basic skill should be learned by the web designers. CSS3 is a robust tool for web designers and come up with exciting new functions and features.

JavaScript: this governs certain behaviors on websites and can be used for a variety of interactions and features.

Design: creating the visual look and feel of websites has always been an important aspect of the industry.

CGI programming: CGI, and the next few entries (PHP, ASP, etc.) are all different flavors of programming languages. Many sites do not require any of these languages, but sites that are more feature-rich will certainly need to be coded using some of these languages. PHP, ASP, ColdFusion scripting, Java, Perl, or C++.

XML Information architecture: the way a site’s content and navigation is structured and presented helps make for a successful site that is easy and intuitive to use.

Content: people come to websites for the content that those sites contain. Being able to create that content is a critically important component in the world of website design.

Server management: all websites need to be hosted. The management of the servers that host those sites is an important web design skill

Web strategy and marketing: having a website is not enough. Those sites will also need to be marketed with an ongoing digital strategy

Ecommerce and conversions

Speed: a successful site is one that loads quickly on a wide variety of devices, regardless of a visitor’s connection speed. Being able to tune the performance of sites is a very valuable skill.

SEO: Search engine optimization ensures that websites are attractive to Google and other search engines and that people looking for the products, services, or information features on that site can find it once they look for it online

The Web Design and Development Company you choose to design your website should be

concerned about generating revenue for your website too. They should provide a genuine list of strategies that can be incorporate into a site design. These result-oriented strategies must be matched with your goals like proper placement of your business contact information, an eye-catching slideshow on the homepage features products and sales properly placed on every page of the website and prominent of CTAs to catch the visitor’s attention

 The local storage was used to be associated with cookies. Cookies was not really beneficial for usages that include a large amount of data. This was passed on from server to server and hence resulted in very slow and ineffective website performance. This is not the same case in HTML5 as data is not passed in every subsequent server and is used only when asked.

Hence, it can be possible to store large amounts of data by itself and still do not affect the website’s performance. Such data is stored in different areas of the website and the website can access most of the data stored by itself.

The page should only have one H1 element, unless there are ARTICLE or SECTION elements, in which case each of those can have a single H1 of its own. The H1 tag is important for search engines and other machines that read the web page’s code and interpret its content. The H1 of a document, article or section is considered to be its main heading or title. Not using H1 elements properly can impact the website’s SEO performance.

• Minimize HTTP Requests
• Reduce 301 Redirects
• Enable compression
• Enable browser caching
• Optimize images
• Reduce the number of plugins use on site
• Put script references at the bottom

An alert box displays only one button which is the OK button whereas the Confirm box displays two buttons namely OK and cancel.

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.

</head>tag.

<body background= “picture.gif”>

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

<body background = “picture.gif”bgproperties=”fixed”>

We can apply this by using mailto command in an ahref link tag given below:

< a href mailto:[email protected]?subject=enquiry””> click here to mail interviewgig</a>

To link an image you use the <img> tags. In this the user has to define the image source and its attributes through the src tag. For hyper texting or for linking the different parts of the website, using <a> which is also called as the anchor tag. The link is usually specified in the href attribute. Href attribute is also called as hypertext reference and is used to refer the formed link back to the original source. The text to be linked should be placed in between the anchor tags. For example: <a> text linked <a>.

A prompt box allows the user to enter input by providing a text box.

Information architecture (IA) is a science of organizing and structuring content of the websites, web and mobile applications, and social media software.

A website’s information architecture has two main components:

Identification and definition of site content and functionality

The underlying organization, structure and nomenclature that define the relationships between a site’s content/functionality

 CMS is a software application or set of related programs that are used to create and manage digital content. CMSes are typically used for enterprise content management (ECM) and web content management (WCM). A website content management system allows you to change the text and images on your website easily by visiting a page somewhere, entering your user name and password to log in, clicking a link or two, typing something and pressing Save – as in the example on the right. It is a system to let you manage the content of your website.

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.

Search engines love the websites which contain various pages and rich content. A normal standalone website usually has: About Us, Contact Us, FAQs, and Terms & Conditions and other pages like blogs, services, testimonials, and products will be decided according to your business type.

• Static Pages
• Landing Pages
• Confirmation Pages
• Blog Posts

A template is a common structure of a web site that most of your web pages use. Usually web sites follow a standard structure,

DWT stands for Dream weaver Template. DWT is a file extension for a template file used with Adobe Dreamweaver, a web design program. 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.

There are four types of template regions:

• Editable region
• Optional region
• Repeating region
• Editable tag attribute

A website’s navigation is a collection of user interface components. The main goal of navigation is to help users find information and functionality, and encourage them to take desirable actions. Navigation components include global navigation, utility navigation, local navigation, breadcrumbs, filters, facets, related links, footers, fat footers, etc.

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.

The type of positioning used for the webpages can be determined by using “position” element. These include static, relative, fixed, inherit and absolute.

A web design and development company should follow latest design trends and web development standards so that your website functions in all web browsers and operating systems.

The pricing structure is of two types, flat project price, and second hourly rate. But do understand that prices depend on experience, expertise, and scope of the project.

• Too many headlines or Blinking text
• Blinking, spinning or flashing images
• Black background with white, light or pale text
• Busy tiled background images with any color text
• Everything Centered
• Black backgrounds with dark text
• Too many images or Huge images
• List of links