Basic Web Page Creation: How To Create A Web Page Using Notepad?

WWW.
BASICWEBPAGECREATION
BASIC WEB
PAGE CREATION
how to create a web page using Notepad?
What is a web
A web page or webpage is a
page? document commonly written in
HTML, that is viewed in an
internet browser. A web page can
be accessed by entering a URL
address into a browser’s address
bar. A web page may contain text,
graphics, and hyperlinks to other
web pages and files.

WYSIWYG means that;
whatever you type, draw,

WYSIWYG
insert, rearrange, and
(What You See
whatever you do on a page is
Is What You Get)
what the audience will see.
Like using the
Microsoft*Word, WYSIWYG
shows and prints whatever
you type on the screen.

OTHER WAYS TO CREATE A WEB pAGE
Using codes like HTML codes to create a page and CSS code to design
them.
1. HTML 2. CSS
(Hyper Text MarkUp Language) (Cascading Style Sheets)
Is the set of markup
Is a web page derived
symbols or codes
from multiplesources
inserted in a file
with a dedined order of
intended for display on a

precedence where the
World Wide Web browser definitions of any style
page. element conflict .

Creating web page using a note pad
Windows Notepad is a basic word
processing program that you can use
to write your web pages. Web pages
are just text, and you can use any
word processing program to write
HTML.
1. Save the Page as HTML 1. When you create a page, save the
file before you get too far along.
Use all lowercase letters and no
spaces or special characters in the
filename.
1. In Notepad, click File and then Save
As.
2. Go to the folder where you save your
website files.
3. Change the Save As Type drop-down
menu to All Files (*.*).

4. Name the file, using an extension of
either .htm or .html.

2. Start Writing the Web Page
Start your Notepad HTML5 document with the

After you specify the doctype, begin your HTML.
DOCTYPE. This string tells the browsers what type

Type both the beginning tag and the end tag and
of HTML to expect. leave some space for your web page body
The doctype declaration isn't a tag. It tells the

contents. Your Notepad document should look
computer that an HTML5 document is arriving. It

like this:
goes at the top of every HTML5 page and it takes
this form:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
"http://www.w3.org/TR/html4/loose.dtd">
<html>

</html>

3. Create a Head for Your Web Page
The head of an HTML document is where basic information about your web page is stored
—things like the page title and possibly meta tags for search engine optimization. To create
a head section, add the head tags in your Notepad HTML text document between the html
tags.

<head>
</head>
As with the html tags, leave some space between them so you have room to add the head
4. Add a Page Title in the Head Section

The title of your web page is the text that
displays in the browser's window. It is also
what is written in bookmarks and favorites
when someone saves your site. Store the
title text between the title tags. It won't
appear on the web page itself, only at the
top of the browser.

This example page is titled "McKinley,
Shasta, and Other Pets."

<title>McKinley, Shasta, and Other Pets</title>
It doesn't matter how long your title is or if it spans multiple lines in
your HTML, but shorter titles are easier to readu, and some browsers
cut off long ones in the browser window.

5. The Main Body of Your Web Page
The body of your web page is stored
within the body tags. It should come
after the head tags but before the
ending html tag. This area is where
you put the text, headlines,
subheads, images and graphics,
links and all other content. It can be
as long as you like.

Leave extra space between the
starting and ending body tags.

This same format can be followed to
write your web page in Notepad.
<body>
</body>

6. Creating an Images Folder
Before you add content to the body of
your HTML document, set up your
directories so that you have a folder for
images.
1. Open the My Documents
window.
2. Open the folder where you
store your web files.

3. Click File > New > Folder.
4. Name the folder images.
Store all the images for your website in the images folder so that you can find
them later. This makes it easy to upload them when you need to.
Using Notepad for
HTML

In the early days of the web, tools like Notepad were the standard tool for
writing new webpages. However, given the complexity of most modern pages,
plus the interplay of HTML with CSS, almost no one uses Notepad anymore—
either they use graphical tools like Adobe Dreamweaver, or they rely on coding
platforms like Visual Studio Code. A text environment that offers linting and
code correction is preferable to a blank and undifferentiated canvas, so
although Notepad works in a pinch, it's far less optimal for HTML editing than
coding editors or graphical web-design applications

QUIZ! QUIZ! QUIZ!
1. The set of a markup symbols inserted in a
file?
2. Where you store all your images for your
website?
3. It is a basic word processing program used
towrite web pages?

4. What can be accessed by entering a URL
address into a browser’s address bar?

5. What is the second to the last step upon creating a web
page using notepad?

6. Both of these are codes to create a web page.
7. In _______, click File and then Save As.
8. The title of your web page is the text that displays in
the?
9. The body of your web page is stored within the?
10. It may contain text, graphics, and hyperlinks to other
web pages and files?

Thank you all for
listening!!!

Basic Web Page Creation: How To Create A Web Page Using Notepad?

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Basic Web Page Creation: How To Create A Web Page Using Notepad?

Uploaded by

Copyright:

Available Formats

WWW.

page? document commonly written in

HTML, that is viewed in an

internet browser. A web page can

be accessed by entering a URL

address into a browser’s address

bar. A web page may contain text,

graphics, and hyperlinks to other

web pages and files.

whatever you type, draw,

Like using the

shows and prints whatever

you type on the screen.

intended for display on a

World Wide Web browser definitions of any style

page. element conflict .

Windows Notepad is a basic word

processing program that you can use

to write your web pages. Web pages

are just text, and you can use any

word processing program to write

1. In Notepad, click File and then Save

menu to All Files (*.*).

either .htm or .html.

Start your Notepad HTML5 document with the

DOCTYPE. This string tells the browsers what type

The doctype declaration isn't a tag. It tells the

computer that an HTML5 document is arriving. It

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

3. Create a Head for Your Web Page

4. Add a Page Title in the Head Section

displays in the browser's window. It is also

what is written in bookmarks and favorites

when someone saves your site. Store the

title text between the title tags. It won't

appear on the web page itself, only at the

top of the browser.

Shasta, and Other Pets."

cut off long ones in the browser window.

5. The Main Body of Your Web Page

The body of your web page is stored

within the body tags. It should come

after the head tags but before the

ending html tag. This area is where

you put the text, headlines,

subheads, images and graphics,

links and all other content. It can be

as long as you like.

starting and ending body tags.

write your web page in Notepad.

6. Creating an Images Folder

Before you add content to the body of

your HTML document, set up your

directories so that you have a folder for

1. Open the My Documents

store your web files.

code correction is preferable to a blank and undifferentiated canvas, so

coding editors or graphical web-design applications

1. The set of a markup symbols inserted in a

towrite web pages?

address into a browser’s address bar?

page using notepad?

menu to All Files (.).