web pages: creating and maintaining ** cajee cordeiro [email protected] cordeicf instructor:...
TRANSCRIPT
WEB PAGES: CREATING AND MAINTAINING **
Cajee [email protected]
http://udel.edu/~cordeicf
Instructor:
Wednesday: 2:00pm -3:15pm
Week 2
WYSIWYG Editors
Web pages on the Internet ?
What is a web page ??
Server vs. Client
How do I access a web page ?What’s a Browser ?
Default page - “ index.html ”
hypertext transport protocol
Learning HTML
Learning HTML
Plan Your Site
Creating your First Web Page
Using HTML Tags
Is it Difficult ...
Is this going to require that I learn a whole newComputer language like Basic or Fortran or someother cryptic, God-awful, silly-lookin', gothicextreme gobbledygook?
6
IF IF = THEN THEN THEN = ELSE ELSE ELSE = IF;
Questions … Answers...
7
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.
Questions … Answers...
8
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?
916
Typical Program to “easily” create a website
PICK ONE!
How ….
• Use Notepad to create a text file
• Learn simple rules of H.T.M.L
• Hyper Text Markup Language
• Display using Browser
10
HTML - Simple - yeah right!
11
HTML - Simple - yeah right!
• Just like reading…
• Top to bottom….• Left to right …
12
You just create a “simple” text file
• with “Tags”
Hyper Text Markup Language
13
< >
< u >
< /u >
Use TAGS (commands)
Example:
to start underline:
to stop underline
Important! No Spaces
14
< u >
LEARNING HTML IS EASY
HTML
< /u >
The Underline TagEndingStarting
LEARNING <u> IS EASY</u>
15
LEARNING HTML IS EASY
HTMLLEARNING <u> IS EASY</u>
This is what will be displayed in the Browser
This is what you typed into the Text File.
17
< html > < /html >
EndingStarting
Tags that are on ALL Web Pages !!!
< head > < /head >
< title > < /title >
< body > < /body >
18
Basic Tags on All Web pages
16
<html>
</body>
<head>
</head>
<title>
</title>
<body>
</body>
They define sections of the page
19
Basic Tags on All Web pages
16
<html>
<html>
<head>
</head>
<title>
</title>
<body>
</body>
This is the title
Welcome to my webpage