Hey there!
I hope this finds you all well. I am stuck at home with a sinus infection. Yuck. I will adjust the next week to accommodate the work we need to get done. More details to follow.
Class Five Classwork and Homework
Finally we get to start designing!
Classwork
- Quiz today
- I will drop the lowest quiz score out of the two you take this semester
- Download class files
- Be sure to download and install the Lato font as I used it in my work file
- What exactly is possible?
- Photoshop files for web design: basics and etiquette
- File size
- Layers and folders
- Color space
- Resolution
- Grids
- Lab time
Homework
- Start designing your site in Photoshop: you are expected to design each major page type. Rough drafts are due next week.
- Use a grid of some sort: 960 Grid | 1200px System
- Only use legal web fonts!
- One good source: Font Squirrel
Posted in Classwork, Homework
Leave a comment
Class Four Classwork and Homework
Classwork
From here on out, you will drop all homework into your folder on Dropbox. I will check your email on Friday afternoons.
- Files for today, please download.
- CSS in depth
- The Box Model
- Classes and IDs
- Positioning (Introduction to floats)
- Optimizing Images: jpegs, gifs, and pngs
- Resource: Subtle Patterns
- Color on the web
- Review sitemaps and wire frames
- Go over the basic format/form of the gallery we will use in this class
Homework
- Pencil sketches of your proposed look and feel
- Continue adding content to your site in terms of text, refine your IA
- Study for next week’s quiz
- Filepaths
- Links
- Adding images
- Basic CSS
Posted in Classwork, Homework
Leave a comment
Class Three: Notes and Homework
Good morning! I am finally fully restored, so get ready to rock and roll!
Class Plan:
- Review last week’s code, if you have it saved.
- Download this week’s code.
- Watch some videos on this wonderful site: Don’t Fear the Internet
- Go over file paths, just to really drive that home
- Construct rough site, complete with basic navigation between pages.
- Go over site maps and wire frames:
- Why do we make them?
- How do we make them?
Homework:
- Sitemap of your site: please make this in Illustrator or InDesign and send to me as a PDF by Friday.
- Wire frames of your site: please make this in Illustrator or InDesign and send to me as a PDF by Friday.
- Start filling the rough site we built in class with your content, meaning your text, rough styling, and color choices. We will add images in a little while. Remember, it will look horrible until we get the styling up to snuff.
- Use the internet to help yourself! Go to HTML Dog, start coding on your own!
Posted in Class Information, Homework
Leave a comment
Class Two: Notes and Homework
Class plan
We have a lot to cover, so here is the plan:
- Go over our domains, I’ll check in with everyone first thing.
- HTML Handout (download for class)
- CSS Handout (download for class)
- HTML: an introduction
- Download these files to work with today
- Writing our first HTML with Text Wrangler
- CSS: an introduction
- Writing our first CSS with Text Wrangler
- Adding links
- Publishing our work to the web using Cyberduck
- Sitemaps and wireframes: information architecture
Homework
- Make sure you publish your work to your site as I will be checking your domain every week after class
Posted in Classwork, Homework, Lecture
Leave a comment
Homework: Class 1
Site idea:
You must decide what you will showcase in your portfolio site. Really think about the following questions:
- Who would you really want to come to this site?
- What is the one major idea you want this visitor to learn about you?
Site Domain and Hosting:
You must purchase your domain name and get hosting by next week. Here is a page with a video to walk you through that process.
Posted in Homework
Leave a comment
