Presentation is loading. Please wait.

Presentation is loading. Please wait.

Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines.

Similar presentations


Presentation on theme: "Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines."— Presentation transcript:

1

2 Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines

3 Website elements  Header-body-footer

4 Website elements  Header-body-footer

5 Website elements  Header-body-footer  Navigation  Graphics  Favicon  Domain name

6 Website elements HTML  http://www.roanmountain.com/statepark.htm http://www.roanmountain.com/statepark.htm WordPress/some online system  http://www.weather.gov/ http://www.weather.gov/  http://hmcpl.org/ http://hmcpl.org/  http://www.weatherbellmodels.com/weather/ http://www.weatherbellmodels.com/weather/  http://www.amazon.com/ http://www.amazon.com/  http://www.simonscat.com/ http://www.simonscat.com/  http://www.optimumorg.com/dyn/index.php/it -main/it-webdesign/it-wd-portofolio/ http://www.optimumorg.com/dyn/index.php/it -main/it-webdesign/it-wd-portofolio/ Flash  http://www.thehobbit.com/index.html http://www.thehobbit.com/index.html Look for… Header-body-footer Navigation Graphics/favicon Domain name! Webhost Search engine optimization

7 Software Overview Elements of Webdesign \\ Week 1

8 Software  Filezilla FTP  WordPress  Serif Webplus X6

9 Make a Website ANYWHERE Elements of Webdesign \\ Week 1

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

11 Make a Website ANYWHERE  Bold: Code: Howdy there! This is a bold line. Output: Howdy there! This is a bold line.

12 Make a Website ANYWHERE  Italics: Code: Howdy there! These are italics. Output: Howdy there! This is a bold line.

13 Make a Website ANYWHERE  Underline: Code: I’m underlined! Output: I’m underlined!

14 Make a Website ANYWHERE  Paragraphs: Code: The quick brown fox jumps over the lazy dog. Output: The quick brown fox jumps over the lazy dog.

15 Make a Website ANYWHERE  Breaks: Code: The quick brown fox jumps over the lazy dog. Output: The quick brown fox jumps over the lazy dog.

16 Make a Website ANYWHERE  Hyperlinks: Code: The website is located download here. Output: The website is located over here.

17 Make a Website ANYWHERE  Combinations: Code: There once was a man who had a dog, and Bingo was his name-o. Output: There once was a man who had a dog, and Bingo was his name-o.

18 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

19 Homework Assignment Elements of Webdesign \\ Week 1

20 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

21


Download ppt "Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines."

Similar presentations


Ads by Google