Вы находитесь на странице: 1из 21

FOLDERS

REVIEW
Whats a URL and what does it stand for?
What is in a web address?
Protocol, host, domain, top level domain
Whats a home page?
Explain HYPERTEXT.
What is HTML?
Whats the W3C?
FOLDERS
EVERY website exists in a folder
CREATE
each site is created on a computer
PUBLISH
the site is published by copying it to the Web
server's folder
LIVE
the site becomes a live site once uploaded

ONE FOLDER!
Put ALL items for the
website in one folder
CREATE a folder in
your 6
th
Hour Folder
called MY WEBSITE
EVER SEE THIS?
NON TEXT FILE
Contains info for
programs, not
people
PLAIN TEXT FILE
Every web page is a
plain text file
In a web browser
or text editor, looks
normal

WINDOWS NOTEPAD
Built in, comes with Windows
1.Click the Start button
2.Choose All Programs
3.Choose Accessories
4.Choose Notepad.

Filename Extensions
ASSIGNMENT
1. Open your 6
th
Hour folder.
2. Click the ORGANIZE button
in the folder (top left), and
then click Folder and
Search Options, as shown.

ASSIGNMENT 1
3. In the Folder Options
dialog box that opens,
click the View tab.
4. Clear the checkbox
next to Hide
extensions for known
file types (this will
make it so that the
filename extensions
are no longer hidden).
5. Click OK to save
setting.

CODE vs. CONTENT
CODE vs. CONTENT
not seen in browser
determines look &
feel of the content
defines which text
are headings,
paragraphs, etc.
instructs where
pictures will be
placed, etc.
the stuff you see
when you view the
page in a browser
text
pictures

What language is
used to write code?
TAGS?
o DEFINE what each element in a document is

1. Open Notepad.
2. Type this tag: <html>
3. ENTER to start a new line.
Then type the tag
<head>
4. ENTER. Then type TWO
TAGS
<title></title>
5. Press ENTER to end that
line. Type the remaining
tags

</head>
<body>
</body>
</html>

<html> tells the computer that
it's about to open an html
document
</html> bottom of the page,
tells the computer that it has
reached the end of the html
document.
Tags in PAIRS
OPENING TAG - first tag in the pair
CLOSING TAG - same as opening
tag except has a slash (/) right
after the < at the start of the tag.

<head> : starts the head
element in the page
NOT VISIBLE TO PEOPLE
contains METADATA --
information about the page
for computer/browser

<title> & </title> :
Between head elements
contain page title
title doesnt appear on
page, appears in the Web
browser program window

<body> & </body> :
below the head section
defines BODY ELEMENT
of the page
people SEE CONTENT
when they visit your
website using their Web
browsers


SAVE IT AS
1. Click Close (X) in the Upper R corner.
2. When asked if you want to save your
work, click Save or Yes.
3. Choose MyWebsite as the folder that
you want to save the file in.

SAVE IT AS
4. Type index.htm as the filename, as
shown in the images below.
5. Click the Save button.

Вам также может понравиться