Basic Guide to Website Design

Website is a collection of web pages. Webpage is a collection of HTML elements. HTML stands for Hypertext markup language. HTML is a standard language for creating web pages and web applications. HTML Uses tags to create HTML elements (For Example : hyperlink, Paragraph Formatting, Text formatting,Table, etc).

Website can be of 2 types.

• Static Website
• Dynamic Website

Static Website : A static website contains Web pages with Static (Fixed) content. Static websites are very simple and easy to develop. The codes are fixed for each page so the information contained in the page does not change and it looks like a printed page.

Dynamic Website : A dynamic websites contains web pages with Dynamic content. Dynamic website displays various content types every time it is browsed. Depending on the viewer, dynamic website information changes on the time of the day, the time zone, the viewer's native language, and other factors. A dynamic website can contain client-side scripting or server-side scripting to generate the content.

To make website accessible to public, we need to follow below steps.

• Create Wireframe.
• Website Design & Development.
• Purchasing a suitable Domain Name.
• Purchasing hosting.
• Use Content Management System (CMS) to maintain website content.

Create Wireframe

Wireframe is a skeleton, which represents website layout. A wireframe is a visual mockup that outlines the basic structure of your website, app, or landing page.

You can use below tools to create a wireframe for your website.

• Sketch
• InVision
• Adobe XD
• Adobe Photoshop
• Adobe Illustrator
• Canva

Website Design & Development

Website design is a most important part in this process. Web design is a process of conceptualising, planning, and building a collection of electronic files that determine the layout, colors, text styles, structure, graphics, images, and use of interactive features that deliver pages to your site visitors. Professional Web design helps to make your business appear credible online.

We can design website using HTML, CSS, Javascript, jQuery, etc. We can also use different Front-end frameworks like Bootstrap, Material Design, Materialize CSS to create a Responsive Design. For writing web development code we can use IDE like Sublime Text, Net Beans, Note pad++, Eclipse, etc.

Picking a suitable Domain Name

Domain name plays important role in SEO (Search Engine Optimization). You have a pick perfect name for your website. Domain name is universal name which can be accessed All over the world.

Points to remembers before picking your perfect domain.

• Keep the name as short as possible
• Make the Domain Unique.
• Make it Easy to Remember
• Use Keywords
• Try to avoid using Hyphens and Numbers

Web Hosting

Web hosting is a service that allows organisations and individuals to post a website or web page onto the Internet. Websites are hosted on special computers called servers. Internet users need to type Website URL (Uniform Resource Locator) in their browser.

There are 4 of the most common types of hosting available:

• Shared
• VPS ( Virtual Private Server )
• Cloud hosting
• Dedicated

Content Management System (CMS)

CMS is an application that used to manage web content, It allows users to Create, Edit and Publish the Content. Content in a CMS is typically stored in a database and displayed in a presentation layer based on a set of templates.

Most Popular CMS Examples are :

• Wordpress
• Joomla
• Drupal
• Magento
• Wix
• Squarespace
• Weebly