elements of webdesign week 1 \\ website layout, software overview, proposal guidelines
TRANSCRIPT
![Page 1: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/1.jpg)
![Page 2: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/2.jpg)
Elements of WebdesignWeek 1 \\ Website Layout, Software Overview, Proposal Guidelines
![Page 3: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/3.jpg)
Website elements
Header-body-footer
Body
Header
![Page 4: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/4.jpg)
Website elements
Header-body-footer
Body
Footer
![Page 5: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/5.jpg)
Website elements
Header-body-footer Navigation Graphics Favicon Domain name
![Page 6: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/6.jpg)
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
![Page 7: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/7.jpg)
Software OverviewElements of Webdesign \\ Week 1
![Page 8: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/8.jpg)
Software
Filezilla FTP WordPress Serif Webplus X6
![Page 9: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/9.jpg)
Make a Website ANYWHEREElements of Webdesign \\ Week 1
![Page 10: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/10.jpg)
Make a Website ANYWHERE
Write “HTML” (HyperText Markup Language) code Bold Italics Underline Paragraphs and breaks Hyperlink Examples on a website
![Page 11: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/11.jpg)
Make a Website ANYWHERE
Bold: <b>
Code:<b>Howdy there! This is a bold line.</b>
Output: Howdy there! This is a bold line.
![Page 12: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/12.jpg)
Make a Website ANYWHERE
Italics: <i>
Code:<i>Howdy there! These are italics.</i>
Output: Howdy there! This is a bold line.
![Page 13: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/13.jpg)
Make a Website ANYWHERE
Underline: <u>
Code:<u>I’m underlined!</u>
Output: I’m underlined!
![Page 14: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/14.jpg)
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.
![Page 15: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/15.jpg)
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.
![Page 16: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/16.jpg)
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.
![Page 17: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/17.jpg)
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.
![Page 18: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/18.jpg)
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
![Page 19: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/19.jpg)
Homework AssignmentElements of Webdesign \\ Week 1
![Page 20: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/20.jpg)
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
![Page 21: Elements of Webdesign Week 1 \\ Website Layout, Software Overview, Proposal Guidelines](https://reader031.vdocument.in/reader031/viewer/2022013101/56649e0e5503460f94af8d11/html5/thumbnails/21.jpg)