Class 08

Topics Finals Final Presentations Final Exam Keep Going Where do I go from here? What else is there to know? What will be covered in Web Design 2 and Web Design 3?   Keep Going! Where do I go from here? Keep going. I hope to see all of you in Graphic Design 66 (Web […]

More



Class 07

Week 07 – Topics Formatting text Web typography Final Exam Study Guide Assigned Reading I love typography: A Guide to Web Typography Guide A Basic Look at Typography in Web Design Learn the Basics: 25+ Sites And Resources To Learn Typography Final Exam Study Guide We will have a 10 question final exam the last […]

More



Class 06B

Image slicing Earlier we discussed the basic principles of compressing your images for the web. What do you do when you have all of your final design comps ready in Photoshop and you want to optimize all of the images you’ll need to build your web site? Saving each image one-by-one can be very inefficient. […]

More



Class 06A

Topics Layout Positioning Web graphics File formats Image Compression

More



Class 05B

Two Column CSS Layout Basic HTML: Two column layout <html> <head> <title></title> <link href=”style.css” rel=”stylesheet” type=”text/css” /> </head> <body> <div id=”wrapper”> <div id=”header”> </div> <div id=”content”> </div> <div id=”sidebar”> </div> <div id=”footer”> </div> </div> </body> </html> Note that the only difference between the one-column and two-column HTML is the addition of the <div> for the […]

More



Class 05A

Topics CSS Based Layout Floats Clears CSS Box Model Positioning Margins Padding   CSS Layout Learning how to build a CSS-based layout is one of the biggest challenges for a web designer. The short history Over the years, web page layout has evolved from the early years of table-based layouts to the current practice of […]

More



Class 04B

Topics Dreamweaver Inserting images Inserting rollovers Image maps Tables Inserting links (missing)   Dreamweaver Inserting images Web pages are usually a combination of text and images, and Dreamweaver allows you to place, adjust and to a limited extent, set the layout of images on the page. Keep in mind that HTML is a page MARKUP […]

More



Class 04A

Topics Final Project Assignment Competitive Analysis FTP Dreamweaver WYSIWYG Creating a new web page in Dreamweaver Previewing in the browser Dreamweaver Windows Page properties The document toolbar   Final Project Assignment Due Thursday, December 13 Pick an existing website of your choice. The website must be a business or organization, and not a personal site […]

More



Class 03B

Topics   One-Column Exercise: Smithsonian Education VIDEO: One Column CSS Layout – Part 1 VIDEO: One Column CSS Layout – Part 2 VIDEO: One Column CSS Layout – Part 3 . HTML <html> <head> <title>Smithsonian Education</title> <link href=”style.css” rel=”stylesheet” type=”text/css” /> </head> <body> <div id=”wrapper”> <div id=”header”> <div id=”nav”> <ul> <li><a href=”#”>Educators</a></li> <li><a href=”#”>Families</a></li> <li><a […]

More



Class 03A

Topics Marking up text HTML Tags What the heck is a “Div”? HEAD & BODY Sections Basic HTML Basic CSS Additional Resources Basic HTML: One column layout Basic CSS: One column layout   Marking up text Chapter 4 exercise <html> <head> <title>Black Goose Bistro</title> <style type=”text/css”> body { background-color: #C2A7F2; font-family: sans-serif;} h1 { color: […]

More



Next