welcome to creative web design you will soon be creating your first web page

Welcome to Welcome to Creative Web DesignCreative Web Design

Welcome to Welcome to Creative Web DesignCreative Web Design

You will soon be creating

your first web page.

PleasePlease do notdo not enter enter or exit through or exit through

back door.back door.

Mr. HarrisMr. Harris needs to needs to

know who’s comingknow who’s coming and going and going

in his room.in his room.

• No Cell No Cell PhonesPhones

•No MusicNo Music

• No No ProfanityProfanity

• No Food or No Food or DrinkDrink

1.1. WarningWarning

2. Phone Call2. Phone Call3. Gone3. Gone

InternInternetet

URLURL Root Root LevelLevel

Search Search EngineEngine

HTML tagHTML tagBrowserBrowser

Local RootLocal Root

hyperlinkhyperlink

uploauploadd

Web Web AddressAddress

Web ServerWeb Server

domaindomain

What’s behind the web page?

What’s behind the web page?

What’s behind the web page?

•Behind every web page is computer code.

• Go to “Page Source” to see it.• Click Here for Sample

What’s behind the web page?

•This is what you’ll be learning in this class.

What’s behind the web page?

Computer Programming is uses a separate

language you must learn to

speak.

Element

• An element is any object or item in a web page.

• Pictures, text, lines, etc. all of these can be elements.

Learn some words in computer language:

• Elements are separated by “tags.”“tags.”

<element><element> Mr. Millendez’s Page </element></element>

Element

Learn some words in computer language:

tagstags

• Elements are separated by “tags.”“tags.”

<element><element> Mr. Millendez’s Page </element></element>

Element

Learn some words in computer language:

You cant see the You cant see the tags on the web tags on the web

page because page because they have:they have:

>><<These ThingsThese Things

Mr. Millendez’s Page

Element

Learn some words in computer language:

<element><element> </element></element>

The web browser knows not to show the stuff

inside the < >

Elements• The “tag” is the

code on either side of the content.

• The “code” looks like this:

• Tags should be lower case letters.

• There are many different kinds of “tags” you will see and be working with soon. <p><p> Math Class </p></p>

Review:Element:

Tag:

< >

A part of a web page.

Computer code surrounding the element.

Parts on the outsides of the tags (that’s how you know it’s a tag…)

So now that you know a few

words of computer

language…

Let’s try writing something…

Open Notepad.