Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd
Upload
3 views

Web Development Lesson 1

This document serves as an introductory lesson on web development, covering topics such as the definition of a website, the web development process, and the benefits of becoming a web developer. It also introduces HTML, its basic elements, and provides a simple example of an HTML homepage. Additionally, it discusses website editors and the major components involved in creating a website project.

Uploaded by

oluwafemiarike517
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
3 views

Web Development Lesson 1

This document serves as an introductory lesson on web development, covering topics such as the definition of a website, the web development process, and the benefits of becoming a web developer. It also introduces HTML, its basic elements, and provides a simple example of an HTML homepage. Additionally, it discusses website editors and the major components involved in creating a website project.

Uploaded by

oluwafemiarike517
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

WEB DEVELOPMENT

LESSON ONE

By Oluwadamilare Idowu Joshua


Table of Content

• Introduction to web
development
o What is a Website
o What is Website Development
o Benefits of being a web developer
o Website Editors
o Major Components of a website
o Creating a Website Project

• Introduction to HTML
o What is HTML
o Basic HTML Element/Tag
o Programming a Basic HTML Homepage
What is a Website
A website is a collection of
publicly accessible,
interlinked Web pages that
share a single domain name.
Together, all publicly
accessible websites
constitute the World Wide
Web. Notable examples are
wikipedia.org, google.com,
and amazon.com.
What is Web Development
Web development refers to building, creating, and an
maintaining websites. It includes aspects such as web design,
web publishing, web programming, and database
management. Web development can range from developing
a simple single static page of plain text to complex
web-based internet applications (web apps), electronic
businesses, and social network services. A website developer
designs and creates websites.
Why Learn How to Design Website

● It’s one of the most sought-after jobs


● It’s a high-paying job
● You can work independently(be your own boss) or
with a team
● You can work from anywhere
● It brings out or improves your creativity(build your
own idea from nothing)
● It’s interesting and fun
● It helps you become a better problem-solver
● It is a job for the future
● Websites can be reached from all over the world
Website Editors

Website Editors are Software used to create and Edit Web pages.
Examples of Web Editors include;

Notepad Notepad++ Sublime Atom


Visual
Text Studio Code
Major Components of
a Website

A static website is made up of there major


components, mainly;

● HTML i.e. the structure of the website


● CSS i.e. the beauty or design of the
website
● JAVASCRIPT i.e. the behaviour of the
website
● Other components of a website
include; SQL, PHP, JQuery, Python,
Ajax, XML, JAVA, Angular, .NET etc.
Creating a Website Project
A Website Project is a collection of
several documents and codes that
makes up a website. All website
documents should be saved in a single
folder for easy assessment of website.
The Homepage of most website is
usually given the name index. To create
website homepage;
● Open notepad
● Click the file menu
● Type “index.html” in the filename box
● Change the file type to all files
WHAT IS HTML
HTML is a computer language
devised to allow website creation.
These websites can then be viewed
by anyone else connected to the
Internet. It is relatively easy to learn,
with the basics being accessible to
most people in one sitting; and quite
powerful in what it allows you to
create.
Basic HTML Element/Tag

An HTML element is an individual component of an HTML document.


Technically, an HTML element is the collection of start tag, its
attributes, an end tag and everything in between. On the other hand
an HTML tag (either opening or closing) is used to mark the start or
end of an element, as you can see in the below illustration.
A Basic HTML Homepage

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

You might also like