Presentation 1
Download
Report
Transcript Presentation 1
WEB PAGES: CREATING AND MAINTAINING **
Wednesday:
2:00pm -3:15pm
Instructor: Cajee Cordeiro
[email protected]
http://udel.edu/~cordeicf
Week 2
WYSIWYG Editors
Plan Your Site
Go to the
Class website:
http://udel.edu/~cordeicf
Click on week 2
Creating your First Web Page
Using HTML Tags
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;
6
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
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
Typical Program to
“easily” create a website
PICK ONE!
16
9
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 …
You just create a “simple” text file
• with “Tags”
12
Hyper Text Markup Language
Use TAGS (commands)
<
Example:
to start underline:
Important!
No Spaces
to stop underline
>
< u>
< /u >
13
The Underline Tag
Starting
Ending
<u>
< /u >
LEARNING HTML IS EASY
LEARNING <u>HTML </u> IS EASY
14
This is what will be displayed in the Browser
LEARNING HTML IS EASY
LEARNING <u>HTML </u> IS EASY
This is what you typed into the Text File.
15
Tags that are on ALL Web Pages !!!
Starting
Ending
< html >
< /html >
< head >
< /head >
< title >
< /title >
< body >
< /body >
17
Basic Tags on All Web pages
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</body>
They define sections of the page
16
18
Basic Tags on All Web pages
<html>
<head>
<title>
This is the title
</title>
</head>
<body>
Welcome to my webpage
</body>
<html>
16
19