Elements of WebdesignWeek 1 \\ Website Layout, Software Overview, Proposal Guidelines

Website elements

Header-body-footer

Body

Header

Website elements

Header-body-footer

Body

Footer

Website elements

Header-body-footer Navigation Graphics Favicon Domain name

Website elements

HTML http://www.roanmountain.com/statepark.htmWordPress/some online system http://www.weather.gov/ http://hmcpl.org/ http://www.weatherbellmodels.com/weather/ http://www.amazon.com/ http://www.simonscat.com/ http://www.optimumorg.com/dyn/index.php/i

t-main/it-webdesign/it-wd-portofolio/Flash http://www.thehobbit.com/index.html

Look for…• Header-body-footer• Navigation• Graphics/favicon• Domain name!• Webhost• Search engine optimization

Software OverviewElements of Webdesign \\ Week 1

Software

Filezilla FTP WordPress Serif Webplus X6

Make a Website ANYWHEREElements of Webdesign \\ Week 1

Make a Website ANYWHERE

Write “HTML” (HyperText Markup Language) code Bold Italics Underline Paragraphs and breaks Hyperlink Examples on a website

Make a Website ANYWHERE

Bold: <b>

Code:<b>Howdy there! This is a bold line.</b>

Output: Howdy there! This is a bold line.

Make a Website ANYWHERE

Italics: <i>

Code:<i>Howdy there! These are italics.</i>

Output: Howdy there! This is a bold line.

Make a Website ANYWHERE

Underline: <u>

Code:<u>I’m underlined!</u>

Output: I’m underlined!

Make a Website ANYWHERE

Paragraphs: <p>

Code:<p>The quick brown fox</p><p>jumps over the lazy dog.</p>

Output: The quick brown fox jumps over the lazy dog.

Make a Website ANYWHERE

Breaks: <br>

Code:The quick brown fox<br>jumps over the lazy dog.

Output: The quick brown fox jumps over the lazy dog.

Make a Website ANYWHERE

Hyperlinks: <a>

Code:The website is located <a href=“http://www.google.com”>download here</a>.

Output: The website is located over here.

Make a Website ANYWHERE

Combinations:

Code:There once was a <i>man</i> who had a <b>dog</b>, and<br><u>Bingo</u><br> was his name-o.

Output:There once was a man who had a dog, and Bingo was his name-o.

Make a Website ANYWHERE

Examples of these codes ON a live website How to make a quick download link to a website or photo or video,

show copy and paste

Homework AssignmentElements of Webdesign \\ Week 1

Homework Assignment

Find three interesting websites, email their links before next class Read articles under week 1 on the class website (posted by Sunday) Start milling ideas for the proposal, contact the client this week! Explore software