web Class Lesson 2

1
WEB PAGES CREATING AND MAINTAINING
Wednesday 200pm -315pm
Tom Keane Mayis Seapan
Instructors
Week 2
2
(No Transcript)
3
hypertext transport protocol
Whats a Browser ?
WYSIWYG Editors
How do I access a web page ?
What is a web page ??
Default page - index.html
Learning HTML
Plan Your Site
Web pages on the Internet ?
Server vs. Client
4
Pop Quiz
Go to the Class website http//udel.edu/tomkean
e/web Click on week 2
5
Creating your First Web Page
Using HTML Tags
6
Is it Difficult ...
Is this going to require that I learn a whole
new Computer language like Basic or Fortran or
some other cryptic, God-awful, silly-lookin',
gothic extreme gobbledygook?
IF IF THEN THEN THEN ELSE ELSE ELSE IF
NO!
6
7
Questions Answers...
Q. Must I be logged onto the Internet to do
this? Specifically, will learning this make me
spend a lot of time on-line? A. No. You will
write off-line.
7
8
Questions Answers...
Q. Do I need an expensive program to help me
write this? A. No. You will write using just
Notepad. You can buy those programs if you'd
like, but they're not needed.
But are they EASIER to use?
8
9
Typical Program to easily create a website
PICK ONE!
16
9
10
How .

• Use Notepad to create a text file
• Learn simple rules of H.T.M.L
• Hyper Text Markup Language
• Display using Browser

10
11
HTML - Simple - yeah right!
11
12
HTML - Simple - yeah right!

• Just like reading
• Top to bottom.
• Left to right

• You just create a simple text file
• with Tags

12
13
Hyper Text Markup Language
Use TAGS (commands)
lt gt
Example to start underline
lt u gt
Important! No Spaces
to stop underline
lt /u gt
13
14
The Underline Tag
Ending
Starting
lt u gt
lt /u gt
LEARNING HTML IS EASY
HTML
LEARNING
ltugt
IS EASY
lt/ugt
14
15
LEARNING HTML IS EASY
HTML
LEARNING
ltugt
IS EASY
lt/ugt
15
16
The Underline Tag
Ending
Starting
lt u gt
lt /u gt
16
17
Tags that are on ALL Web Pages !!!
Ending
Starting
lt html gt
lt /html gt
lt head gt
lt /head gt
lt title gt
lt /title gt
lt body gt
lt /body gt
17
18
Basic Tags on All Web pages

lthtmlgt
ltheadgt
lttitlegt
lt/titlegt
lt/headgt
ltbodygt
lt/bodygt
lt/htmlgt
They define sections of the page
16
18
19
Basic Tags on All Web pages

lthtmlgt
ltheadgt
lttitlegt
This is the title
lt/titlegt
lt/headgt
ltbodygt
Welcome to my webpage
lt/bodygt
lthtmlgt
16
19
20
Your Turn !!
Open Notepad ( Start, All Programs,
Accessories, Notepad )
Notepad
15
20
21
Basic Tags on All Web pages
lthtmlgt ltheadgt lttitlegt my web
page lt/titlegt lt/headgt ltbodygt welcome to my web
page! lt/bodygt lt/htmlgt

• Optional .
• upper /lower
• Indenting

Verify your spelling, File Name " web1.html
" Save the file in My Documents
17
21