![Page 1: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/1.jpg)
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.
![Page 2: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/2.jpg)
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.
![Page 3: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/3.jpg)
• No Cell No Cell PhonesPhones
•No MusicNo Music
• No No ProfanityProfanity
• No Food or No Food or DrinkDrink
![Page 4: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/4.jpg)
1.1. WarningWarning
2. Phone Call2. Phone Call3. Gone3. Gone
![Page 5: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/5.jpg)
InternInternetet
URLURL Root Root LevelLevel
Search Search EngineEngine
HTML tagHTML tagBrowserBrowser
Local RootLocal Root
hyperlinkhyperlink
uploauploadd
Web Web AddressAddress
Web ServerWeb Server
domaindomain
![Page 6: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/6.jpg)
What’s behind the web page?
![Page 7: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/7.jpg)
What’s behind the web page?
![Page 8: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/8.jpg)
What’s behind the web page?
•Behind every web page is computer code.
• Go to “Page Source” to see it.• Click Here for Sample
![Page 9: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/9.jpg)
What’s behind the web page?
•This is what you’ll be learning in this class.
![Page 10: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/10.jpg)
What’s behind the web page?
Computer Programming is uses a separate
language you must learn to
speak.
![Page 11: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/11.jpg)
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:
![Page 12: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/12.jpg)
• Elements are separated by “tags.”“tags.”
<element><element> Mr. Millendez’s Page </element></element>
Element
Learn some words in computer language:
tagstags
![Page 13: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/13.jpg)
• 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
![Page 14: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/14.jpg)
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 < >
![Page 15: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/15.jpg)
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>
![Page 16: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/16.jpg)
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…)
![Page 17: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/17.jpg)
So now that you know a few
words of computer
language…
Let’s try writing something…
![Page 18: Welcome to Creative Web Design You will soon be creating your first web page](https://reader030.vdocuments.us/reader030/viewer/2022032805/56649ee05503460f94bf09db/html5/thumbnails/18.jpg)
Open Notepad.