1.

Web page creation using templates

2. Web page design using an online
WYSIWYG platform
1. Create a web page using Microsoft Word;
2. Create your own website using a free host;
3. Design a website using an online
WYSIWYG platform; and
4. Edit and insert elements for their website.
▪WYSIWYG is the acronym
for What You See Is What You
Get.
▪The Internet is a worldwide collection of
interconnected computers whose users
can communicate with each other and
share information.
▪Computers that are linked together form
a network.
▪Transmission Control Protocol / Internet
Protocol (TCP/IP) prepares the data to be sent
and received.
▪The information that you are sending does not
travel to your friends computer directly, or even
in a single continuous stream. The file you are
sending gets broken up into separate data
packets.
❖The World Wide Web (or "the Web" for short)
is the part of the Internet where computers
communicate with each other using a
computer-network protocol called HTTP.
❖It supports multimedia and consists of a
collection of linked documents called Web
Pages. A hyperlink, also called a link, is used
to connect a Web page to another Web page.
❖A Web site is a collection of Web pages.
➢ Web server is the computer that stores
the Web document that users access.
➢ Web browser is the software program
that accesses the Web document and
displays its content on the user’s
computer.
1. The World Wide Web is a network of
thousands of computers, all of which
fall neatly into two categories: clients
and servers.
2. Servers store information and process
requests from clients.
3.Clients make requests for information
and displays that information to the
end user.
4. The World Wide Web is a distributed
network.
5. Users navigate the World Wide Web
through the use of hypertext links.
.

o Uniform Resource Locator (URL)

is a Web address.
o URLs are used by Web browsing
software to locate and access
information on the World Wide Web
o The protocol is the way in which the page
is accessed; that is, the type of protocol or
program your browser will use to get the
file. If the browser is using HTTP to get to
the file, the protocol part is http. If the
browser uses FTP, it's ftp.
Protocol Directory

https://www.facebook.com/ardhee/empow.html

Host Name Filename

oThe host name is the system on
the Internet where the
information is stored, such as
www.netcom.com, ftp.apple.com,
or www.aol.com.
o The directory is the location of the file or
other form of information on the host.
o The directory may be an actual directory
and filename, or it may be another
indicator that the protocol uses to refer to
the location of that information.
ocomplete title of a file and file
extension

othe ending of a file that helps identify

the type of file in operating systems,
such as Microsoft Windows
o HTML stands for Hyper Text Markup Language
• Language is a system of signs used for
communication—written and oral.
• Markup is the process of preparing the text
to define how it displays when viewed as
pages on the WWW by marking them with
formatting directions conveyed by notations
called “tags.”
• Text refers to the words on the
computer screen that we are marking
up.

• Hyper should be combined with the

term "text" in this discussion, which
refers to creating linked and nonlinear
structures of information.
oHTML is a document-layout and hyperlink
specification language.
oHTML is a set of logical codes (markup) in
parentheses that constitute the appearance of a
web document and the information it contains.
o E.g. <B>This text would appear bold in the browser</B>
oHTML is platform independent.
oThe basic syntax and semantics of HTML are
defined in the HTML standard.
o An element is a fundamental component
of the structure of a text document. It is
the first word or character that appears
inside the "<" opening bracket.
o Words that follow the element and are
contained inside the ">" bracket of the
opening tag are called attributes.
o To denote the various elements in an HTML
document, you use tags. HTML tags consist of
a left angle bracket (<), a tag name, and a
right angle bracket (>). Tags are usually
paired (e.g., <H1> and </H1>) to start and
end the tag instruction. The end tag looks just
like the start tag except a slash (/) precedes
the text within the brackets.
o Title : A Web page’s title identifies the
subject or purpose of the page.
o Body: The body of the Web page contains
information that displays in the browser
window.
o Normal text : It is the text that makes up the
main content of a Web page.
o Headings: These are used to set off different
paragraphs of text or different sections of a
page.
o Image: It is another important element of a
Web page such as an icon, bullet, line,
photo, illustration or other picture.
o Hyperlink : It serve as a primary way to
navigate between pages.
o The easiest way to create and develop a
document is to type the required elements in as
a starting point.
o In NotePad you would start with:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY> </BODY>
</HTML>
oThe <HTML> and </HTML> tags serve to delimit
the beginning and end of an HTML document.
o<HTML>
oFunction:
oDelimits a complete HTML document
oAttributes:
oVERSION
oEnd tag:
o</HTML>; may be omitted
o The <HEAD> tag specifies that the lines
within the beginning and ending points of the
tag are the prologue to the rest of the file.
o The <HEAD> tag has no attributes and serves
only to encapsulate the other header tags.
<HEAD>
Function: Defines the document header
Attributes: None
End tag:
</HEAD>; rarely omitted
o The <TITLE> define the title for your
document.
<TITLE>
Function:
Defines the document title
Attributes:
None
End tag:
</TITLE>; never omitted
Example:
<HTML>
<HEAD>
<TITLE>Empowerment Technologies</TITLE>
</HEAD>
</HTML>
The document body is where you put the contents of
your document.
<BODY>
Function: Defines the document body
Attributes:
ALINK (Netscape only), BACKGROUND (extension),
BGCOLOR (extension), BGPROPERTIES (Internet
Explorer only), LEFTMARGIN (Internet Explorer only),
LINK (extension), TEXT (extension), TOPMARGIN
(Internet Explorer only), and VLINK (extension)
End tag: </BODY>; may be omitted
Background Color:
o To set your document’s background
color, you use the BGCOLOR attribute.
The following example would display a
document with a white background color:
<BODY BGCOLOR="#FFFFFF"></BODY>
Text Color :
o The TEXT attribute is used to control the color of
all the normal text in the document. This will
affect all of the text within the document that is
not being colored by some other element, such
as a link.
<BODY BGCOLOR="#FFFFFF"
TEXT="#FF0000"></BODY>
LINK, VLINK, and ALINK:
o These attributes control the colors of the
different link states:
o LINK - initial appearance – default = Blue
o VLINK - visited link – default = Purple
o ALINK - active link being clicked – default = Red
<BODY BGCOLOR="#FFFFFF" TEXT="#FF0000"
LINK="#0000FF" VLINK="#FF00FF"
ALINK="FFFF00">
Image Background :
o The BODY element also gives you the ability of
setting an image as the document’s
background. Background images are "tiled" in
the web browser.
<BODY BACKGROUND="logo.gif"
BGCOLOR="#FFFFFF">
o HTML files are simple text, any program can be
used as long as it can save files in plain text
format. This includes Notepad, Word Pad and
even elaborate word processors such as
Microsoft Word and WordPerfect.

o HTML documents has a file extension .html or

.htm
https://www.thebest10websitebuilders.com/charts/7/best-website-builders?utm_campaign=ma_thebest10_en_thebest10websitebuilders.com-bing_en-3_b-
p^1271035692675482&experiment_id=267595607^{adposition}^{creative}^web%20page%20creation^p