![Page 1: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/1.jpg)
![Page 2: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/2.jpg)
Principles of Web Design
Keep it simple
Content is critical--Form is not.
Speed is “King”.
Consistent filenames are key.
Design efficiently.
Cite your sources.
![Page 3: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/3.jpg)
K.I.S.S. Principle
Maintain simple, consistent page layout.
Keep backgrounds simple and high contrast to allow easy viewing of content.
Design the page so that user does not have to scroll from left to right to see the whole page
![Page 4: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/4.jpg)
Content is Critical….
Users are completely uninterested in learning anything about how your site works. They came for content.
“Learn and think about your audience, then learn and think about computers, then think again about your audience.”
Use a simple template to design your webpage. You then have time for other things in your life.
![Page 5: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/5.jpg)
Speed is King
You have 3 seconds to convince a user not to use the Back button.
More speed, less interactivity
Follow the less is more principle.
![Page 6: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/6.jpg)
Consistent filenames are key.
Use all lowercase
No spaces
First page is named index.htm
All webpage files are stored in the same folder
All images are stored in a folder within the folder that stores the web files.
![Page 7: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/7.jpg)
Design efficiently
Include images and animation that help communicate the content.Images should not exceed a total 100k per page. Do not include identification information with photographs. Use a large, commonly understood navigation scheme.Use meaningful terms for hyperlinks
![Page 8: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/8.jpg)
Design tips continued
Use standard fonts
Colors should be “web safe” as much as possible.
Pages should be sized so they will display properly in a variety of screen resolutions.
![Page 9: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/9.jpg)
Cite your sources
“Give credit where credit is due”
Have another coworker double check the webpage before publishing.
![Page 10: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/10.jpg)
Web Design Resources
http://www.bagism.com/tablemaker/
http://werbach.com/barebones/
http://www.kn.pacbell.com/wired/beyond/
http://www.smplanet.com/webpage/webpage.html
http://libweb.uoregon.edu/it/webpub/
http://www.suelebeau.com/webdesigning.htm
![Page 11: Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your](https://reader036.vdocument.in/reader036/viewer/2022083009/5697c0091a28abf838cc7287/html5/thumbnails/11.jpg)
Sources
http://www.hotwired.com/webmonkey/98/34/index1a_page2.html?tw=design
http://www.bham.wednet.edu/technology/webtenets.htm
http://k-12.pisd.edu/guide/schools/webpages/