This site allows you to see color pallets from other designers and to create your own at Kuler.adobe.com
Why are some web sites easy to navigate and enjoyable? How does one build a great web site? Creating good information architecture, like a web site, is challenging. It involves iterative design, a cyclic process of prototyping, testing, analyzing, and refining a product or process. Iterative design is integral with [...]
Creating the little icon seen by the web page address in the top corner of the web browser is easy with http://favicon.cc
Imagine the school of tomorrow. How would you design it? How would you integrate creativity, problem solving, collaboration, participation, and put all the tools together to help this happen? Explore the School 2.0 web site to see what some are imagineering.
Want to create a web site for free? How about a very nice looking web site? How about an easy to make and manage site? If you answered Yes! Yes!! and Yes!!! The check out wix.com. It’s pretty amazing.
Make a folder named “surf” on your desktop.
Make another folder named “media” inside your surf folder.
Download the surf.html file into your surf folder.
http://hulk.osd.wednet.edu/sleduc/surf/
Download the surf.gif file into your media folder.
http://hulk.osd.wednet.edu/sleduc/surf/media/surf.gif
Open surf.html in Dreamweaver.
View the source code and look to see how the div tags work in the CSS at the top of the page and [...]
This screencast is for students working through the Head First HTML and CSS book. Student from other classes may find it useful, because the process for publishing is the same for everyone.
Example Mock-up
Creating a paper protototype is the first step in building a web site. A List Apart, a web site for, “For people who make websites”, is a great place to learn about web design and development.
Shawn Medero published an article on Paper Prototyping. Itn highlights the importance of creating paper mock-ups with great examples. [...]
Due Date: Tuesday, December 2nd at the end of day.
Must be placed:
in the folder
in the folder
on the hulk.osd.wednet.edu web server
Goal
Redesign McNashton’s business web site
Must include the logo and a Hawaiian theme in the design
Get better at the web site production cycle
Product
Rough draft paper sketch, scanned and saved in the folder on the Hulk Server
Save as a .jpg file so [...]
CHS Web Site Boxes Design
CHS Web Site CSS Code Box Design
CHS Commented Code
Details
Goal
Understand how to build a web page with numerous columns, positioning, padding, margins,and more!
Product
A web page with 3 columns
Tools
The Noodle Incident
W3schools.com
CSS Examples
Adobe Dreamweaver
Kompozer
Resources
Download the zipped copy of the Three Column Web Page within the folder
Three_Column_Web_Page (zip)
Continue reading about Explore HTML and CSS Relationship - Day 5
