welcome to creative web design you will soon be creating your first web page
TRANSCRIPT
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.