Resources about website

What is a website?

A place on the Internet with one or more pages of information about a company, business, topics, news, and other subjects to be shared. It's also a central location of web pages that are related and accessed by visiting the home page of the website using a browser.

Why do I need a website?

A website offers a wide variety of benefits for small businesses, and most of these benefits increase in value exponentially year over year, just like the Internet itself. Most consumers think a website makes your business more credible than companies that only have social media profiles. Your website is also the perfect place to show off any professional certifications or awards your business has. Beyond that, having your website lets you create a branded email address (e.g., kent@domain.com) which adds a level of professionalism to all of your correspondence, especially if you’ve used a personal email address to conduct business until now.

• Anyone, Anywhere & Anytime with websites
• Easy access to business information
• Keep your corporate information up-to-date
• Publicity & advertising for your products and services
• A website makes you look professional
• A website can attract new customers through Google
• A website can create awareness of your company and enhance your brand
• A website can showcase your products and services
• A website can display your best reviews and testimonials prominently
• A website can build the network and connection for customers to contact you
• A website can establish your place in your industry

What is website development?

Website development is the work involved in developing a website for the Internet (World Wide Web) or an intranet (a private network). Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services.

What is web design?

Web design surrounds many skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design; authoring, including standardized code and proprietary software; user experience design; and search engine optimization.

What is Classic Website Development?

Most website development is depending on CMS, which is an application that is used to manage content, allowing multiple contributors to create, edit and publish. Classic web development, it’s the opposite of the development method traditionally. It directly deploys a website with HTML coding that bypasses any CMS platform or system to display the website. HTML coding is coding by a coder using standard markup language for creating Web pages.

What is HTML?

HTML is the standard markup language for creating Web pages.

• HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

How to build a website?

The following are crucial steps to building a site from scratch. [ Source: W3Schools ]

1. Create a Website with a CSS Framework

CSS framework includes a set of global styles (e.g., colors, form elements, and buttons) that we could reuse each time a new component was created.

2. A "Layout Draft"

It is always wise to draw a layout draft of the page design before building a website. Having a "Layout Draft" will make it a lot easier to create a web site.

3. Doctype, Meta Tags, and CSS

4. Creating Page Content

Inside the element of our web site we will use our "Layout Picture" and create:

• A navigation bar
• A slide show
• A header
• Some sections and articles
• A footer

5. Semantic Elements

HTML5 introduced several new semantic elements. Semantic elements are important to use because they define the structure of web pages and helps screen readers and search engines to read the page correctly.

These are some of the most common semantic HTML elements:

The <section> element can be used to define a part of a website with related content.

The <article> element can be used to define an individual piece of content.

The <header> element can be used to define a header (in a document, a section, or an article).

The <footer> element can be used to define a footer (in a document, a section, or an article).

The <nav> element can be used to define a container of navigation links.

5. The Navigation Bar

On our "Layout Draft" we have a "Navigation bar".

6. Slide Show

On the "Layout Draft" we have a "Slide show".

For the slide show we can use a <section> or <div> element as a picture container:

7. Sections and Articles

Looking at the "Layout Draft" we can see that the next step is to create articles.

First we will create a <section> or <div> element containing band information:

8. Footer

Finally we will use a <footer> or <div> to create a footer: