22Nov 08
Posted in IMD100 | No Comments »
Description
After weeks of figuring out what our projects are about, it’s now time for the actual building of our sites. Creating a collection of web pages can seem daunting, but to make the process a little more streamlined and a little easier (work smarter, not harder), we introduce the concept of templates.
Templates are files that work out all the technical kinks (much like the comps work out the the design kinks) before full-blown production. Rather than building all the pages at once, you focus on on template file. When this file and it’s accompanying files are completed and working, you can easily duplicate it to create all the other pages in your web site.
Objectives
- Create an HTML template and CSS style sheet based on your design comp
Prerequisites
Materials and Equipment
- Graphics software
- Text editor
- Web browsers
Follow-up Activities
Assessment/Evaluation
Deliverables
- Completed HTML template
- Uploaded to student account
- Link submitted via eCompanion drop box
Deadlines
Grading
- HTML template and accompanying files: 100pt
22Nov 08
Posted in IMD100 | No Comments »
This week’s readings are from the book:
- Ch. 14: Style Sheets for Printing
- Ch. 24: Getting People to Visit
You will work on assignments for your Wild Animals of DC project related to these readings.
22Nov 08
Posted in IMD100 | No Comments »
This week’s reading includes one online reading and three from the book:
The online reading, the Web Monkey’s Web Typography tutorial, is a good introduction to web typography–if a little dated. Typography is a deep and well-respected field of design and a search on web typography will yield many additional, good resouces.
The remaining readings from the book review techniques shown in class.
21Nov 08
Posted in IMD100 | No Comments »
Description
A design comp (short for comprehensive) is a design document that presents a mock-up of the intended design for a web site (or any designed document). This mock-up helps the client visualize and eventually approve the design before any code is written. It also anticipates and helps solve many design issues that may arise. Another advantage of creating a design comp before coding begins is that it allows the designer the opportunity to play around with the design without having to worry about getting the design to work in code (that comes later). Also, in some web design operations, a designer may not be handling the page coding–that may be someone else’s job. In this case, the design creates the exact look needed for the coder/programmer to execute.
read on »
21Nov 08
Posted in IMD100 | No Comments »
Wk1 :: Wk2 :: Wk3 :: Wk4 :: Wk5 :: Wk6 :: Wk7 :: Wk8 :: Wk9 :: Wk10 :: Wk11
Week 6 :: 2208-11-15
Assignment Type
Description
Information Architecture (IA) is the process of gathering all of a web site’s content and assets and organizing them into cohesive, usable groups based on user and business needs previously determined. The process can be broken down into grouping and labeling. The outcome is a document that outlines the actual structure or organization of the site. This site structure–architecture–is the backbone for the navigation design for the site.
The first part, grouping, is the task of looking at all of the content identified to be on the site and organizing it into groups of like or related things. Sometimes larger groups will needed to be subdivided into smaller groups of like things.
Labeling is the act of giving names to the various groups you’ve organized your content into. Labels should be meaningful and descriptive. Often, they will be used in the navigation as button or menu item names.
There are many ways to present information architecture. For our purposes, we will create an organizational flow chart that shows the relationships between the different groups.
read on »