Learning website design and development

Learning website design and development

Learning website design and development

Online is made up of websites. The lesson (Learning website design and development) you are learning now is about website design. So in this tutorial, we are going to learn something more unique and the most key statements you need to know about websites. Websites are becoming more key to the successes of most technological systems in-universe.

What is a website Anyway?


A website is, traditionally, a collection of pages of information, creating a web page (i.e Smart tech community.com). The web page is, in many ways, very similar to writing a letter with a word processor like “Microsoft word, WPS Office, etc” and saving it on your computer.


Web pages they contain a code when viewed in a browser like Internet Explorer or Firefox or another web browser will be seen as a web page. Web pages you see in a browser might seem simple, but the code under the web page may sometimes be complicated.

One of the things you need to learn when you’re thinking about starting a career in Web Design and Web Development the programming language. 


The languages that are probably used are HTML, CSS / CSS3, JavaScript, SQL, and PHP. But do you know what those things are?

HTML (HyperText Markup Language)


It is used extensively in Web development. HTML is the code that serves as the foundation of Web pages, allowing people to create and structure electronic documents for viewing online.


The most current version of HTML.

CSS (Cascading Style Sheet)

Is programming markup language with code that tells browsers how to format and style HTML for a web page and controls things such as font type and colors.

CSS3 (Cascading Style Sheet 3(New Version))

The most current version of CSS.


JavaScript is used by Web developers and software engineers to manipulate page elements to make them more engaging. JavaScript enhances HTML, and it is embedded in most Internet browsers.

PHP (Pre Hyper Processor)

Developers use PHP as an open-source language to create dynamic Web Pages. Widely used platforms such as WordPress and Drupal work cohesively with PHP.


Enables programmers to create, read, update, and delete information (i.e CRUD) in a database. Companies use to gather data.

Getting familiar with the major ideas is critical. knowing the tech terms you’re most likely to encounter makes it easier to ask the right questions from the right people like me !.


Here are the most common terms you’re likely to hear on (Learning website design and development).


Back End

Part of a website or Web service that makes it work and includes applications, web servers, and databases. (mainly for Dynamic websites).

Cloud Computing

Storing and accessing information and services via the internet instead of your computer.


A simplified form language with very strict rules and syntax used by humans to tell the computer what to do.

Coding language 

A specific set of rules and syntax for writing the code that tells computers what to do. This includes programming, assembly, and markup languages such as Ruby, PHP, and HTML.

Computer Programming 

The process of writing and implementing, various instructions for a computer to do a particular task (or set of tasks), using code.


Collection of electronic information (data) stored on a web server.

Front END 

The part of a website that can be seen by the user and is made up of HTML, CSS, and JavaScript.

Grid System 

Set of columns and rows that can be used as guidelines to arrange content on a web page.

Programming Language 

Technically a subset of coding languages that specifically tell computers what to do.

Semantic Element 

An HTML element that gives the browser more information about the content in it. Example: navbar, aside (for sidebars), header, footer and many more.


An outline or map of the pages needed fo ar a website. Usually drawn using lines and boxes to visualize the hierarchy of pages.

Text Editor 

Software used to write plain text (text with no formatting) that are used for coding and programming. Examples: Sublime Text, Text Edit, Text Wrangler, Brackets, Notepad+ +, Notepad and many more.

Web Developer 

A software developer who specializes in coding websites and web applications.

Web Designer 

A designer who specializes in designing websites and web applications.

Dynamic Websites & Static (Basic) HTML pages 

Basic Websites: basic websites are simple websites with one or more web pages (called HTML pages). You can build them on your computer with software like Dreamweaver and then upload the pages to your host’s server using any FTP software (such as FileZilla ). Whenever you need to make changes to your website you’ll have to edit the pages on your computer and upload them again. Since they cannot be modified dynamically. Static websites are cheaper than dynamic websites but come with limited functionality and no option for E-commerce or interactivity.

Dynamic Websites: Dynamic websites contain information that changes depending on the time of the day, the viewer and other factors. They make use of both Client-side and server-side scripts to create and update content. Client-side scripts that run on a user’s computer are mainly used for appearance and interaction purposes. Server-side scripts, which reside on a server and are extensively used by E-commerce and social-networking sites, allow users to have individual accounts and provide a customized response for each user. Dynamic websites are CMSs -driven and allow you to directly add and edit content (i.e text, design, photos, and videos), as well as let your visitors leave comments and start discussions. Dynamic websites are ideal for businesses and organizations. Examples of dynamic websites include Blogs, Forums, Photo galleries, and E-commerce.

Start your Website

Get your website that is Up and Running with A2 Hosting?


HTTP is a communication standard governing the requests and responds that take place between the browser running on the end’s user’s computer and the webserver.

The server’s job is to accept a request from the client and attempt to reply to it in a meaning way, usually by serving up a requested web page that’s why the term server is used. The natural counterpart to a server is a client, so that term is applied both to the web browser and the computer on which it’s running.

Between the client and the server, there can be several other devices such as routers, proxies, gateways and so on. They serve different roles in ensuring that the requests and responses are correctly transferred between the client and the server. Typically they use the internet to send this information.

A web server can usually handle multiple simultaneous connections and – when not communicating with a client- spends its time listening for an incoming connection. When one arrives, the server sends back a response to confirm its receipt.

website design

The Request / Response Procedure

At its most basic level, the request/response process consists of a web browser asking the webserver to send it a web page and the server sending back the page. The browser then takes care of displaying the page.

website design

website design

website design

Each step in the request and response sequence is as follows :

1. You enter http://server.com into your browser’s address bar.

2. Your browser looks up the IP address for server.com.

3. Your browser issues a request for the home page at server.com.

4. The request crosses the Internet and arrives at the server.com web server.

5. The web server, having received the request, looks for the web page on its disk.

6. The web page is retrieved by the server and returned to the browser.

7. Your browser displays the web page.

For an average web page, this process takes place once for each object within the page: a graphic, an embedded video or flash file, and even a CSS template.

In step, notice that the browser looked up the IP address of server.com. Every machine attached to the Internet has an IP address – your computer included. But we generally access web servers by name, such as google.com. As you probably know, the browser consults an additional internet service called the Domain Name Service (DNS) to find its associated IP address and then uses its service to communicate with the computer.

For Dynamic web pages, the procedure is a little more involved, because it may bring both PHP and MYSQL into the mix.

website design

1. You enter http://server.com into your browser’s address bar.

2. Your browser looks up the IP address for server.com.

3. Your browser issues request to the address for the web server’s home page.

4. The request crosses the Internet and arrives at the server.com web server.

5. The web server has received the request fetches the home page from its hard disk.

6. With the home page now in memory, the webserver notices that it is a file incorporating PHP scripting and passes the page to the PHP interpreter.

7. The PHP interpreter executes the PHP code.

8. Some of the PHP contains MySQL statements, which the PHP interpreter now passes to the MySQL database engine.

9. The MySQL database returns the results of the statements to the PHP interpreter.

10. The PHP interpreter returns the results of the executed PHP code along with the results from the MySQL database, to the webserver.

11. The web server returns the page to the requesting client, which displays it.

Although it’s helpful to be aware of this process so that you know how the three elements work together, in practice you don’t need really to concern yourself with these details, because they all happen automatically.

HTML pages returned to the browser in each example may well contain JavaScript which will be interpreted locally by the client and which could initiate another request the same way embedded objects such as image would. So here is the full lesson for your web development and web designing

Do you want to build a successful business online (click button below)

Leave a Reply

Close Menu