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)

This Post Has 6 Comments

  1. Judy

    Hi there,

    I hope you’re doing well, I handle influencer relations for LeggingsHut. Great to meet you!

    I stumbled across your account and thought your content would be perfect for us. If you feel we’d make a good fit, I’d love to invite you to our referral program.

    Use this link to visit, http://lotless.co

    If you have any questions, just reply to this email.



    1. samuel

      Thanks Judy for the good comment. Push technology to the next level as i’m doing too. Keep on pushing.

  2. Eric Jones

    Hey, my name’s Eric and for just a second, imagine this…

    – Someone does a search and winds up at smartechcommunity.club.

    – They hang out for a minute to check it out. “I’m interested… but… maybe…”

    – And then they hit the back button and check out the other search results instead.

    – Bottom line – you got an eyeball, but nothing else to show for it.

    – There they go.

    This isn’t really your fault – it happens a LOT – studies show 7 out of 10 visitors to any site disappear without leaving a trace.

    But you CAN fix that.

    Talk With Web Visitor is a software widget that’s works on your site, ready to capture any visitor’s Name, Email address and Phone Number. It lets you know right then and there – enabling you to call that lead while they’re literally looking over your site.

    CLICK HERE http://www.talkwithwebvisitor.com to try out a Live Demo with Talk With Web Visitor now to see exactly how it works.

    Time is money when it comes to connecting with leads – the difference between contacting someone within 5 minutes versus 30 minutes later can be huge – like 100 times better!

    Plus, now that you have their phone number, with our new SMS Text With Lead feature you can automatically start a text (SMS) conversation… so even if you don’t close a deal then, you can follow up with text messages for new offers, content links, even just “how you doing?” notes to build a relationship.

    Strong stuff.

    CLICK HERE http://www.talkwithwebvisitor.com to discover what Talk With Web Visitor can do for your business.

    You could be converting up to 100X more leads today!

    PS: Talk With Web Visitor offers a FREE 14 days trial – and it even includes International Long Distance Calling.
    You have customers waiting to talk with you right now… don’t keep them waiting.
    CLICK HERE http://www.talkwithwebvisitor.com to try Talk With Web Visitor now.

    If you’d like to unsubscribe click here http://talkwithwebvisitor.com/unsubscribe.aspx?d=smartechcommunity.club

    1. Hi Eric, Im Smartechcommunity, i made this website as a website to discuss online stuf. And im happy that my will is doing well. I also thank you for your comment. Keep on encouraging others people’s business. We thank you as SmartechCommunity Group !!!!

  3. Sheri Stover

    Hi Everyone,

    I want to send you good wishes & good health in your future studies.
    I have a couple reading assignments for you.

    1984 by George Orwell
    Brave New World by Aldous Huxley

    What is happening now is criminal. I urge you to write local and federal goverments and voice your disgust with how they are handling this situation.

    You should voice your opinion everywhere you go.
    You will not be manipulated by fear.

    I urge you to do research and to think for yourself and question everything that government tells you.

    Please share these links, we need to end this crime against us.

    Important News Feeds


    Important Tools



Leave a Reply