Dig through the WordPress Codex page on Template Tags, looking for functions that might be useful to implementing your gallery. Use at least three functions you find there in your theme. Write at least three short paragraphs about the functions you chose, one paragraph for each. Describe what the function does and why you chose to use [...]
Continued…This week we will begin development of our WordPress galleries, using the Interactive1 Gallery Theme as our starting point.
The development will consist of a first implementation round (this one), followed by a critique and review, followed by a second round of revisions and then deployment. The grade for your final will be a combination of [...]
Continued…Interactive 1 Midterm Project
Remember those Choose Your Own Adventure books from when you were a kid? The basic idea is this: You start on page one with some background story, and are confronted with a choice—do you pick up the dagger, or not?. Depending on your choice, you turn to a different page, and the [...]
Continued…You’ve designed wireframes, now it’s time to move on to the design phase.
In this phase you’ll be designing the website as it will actually appear. You’ll create static design files, or comps in Photoshop. A note to all you Illustrator folks: Photoshop is generally a better tool and the de facto standard for designing comps, [...]
Continued…Take a look at these websites:
http://www.homestarrunner.com/sbsite/ http://www.colorado.gov/ http://disney.go.com/index http://lesailes.hermes.com/us/en/
Your Assignment
Write one paragraph of critique for each website above (4 total), describing problems you find with the design and interaction. Look at it from a design standpoint, examining balance, color, hierarchy and focus. Also examine it from an interaction standpoint:
Did anything behave in an unexpected way? Why? How would you [...]
Continued…Due: Feb 17.
Class on the 15th will be devoted to lab time.
Project Requirements
Wireframes for:
Site
Headers Main navigation Sidebars Footers
Main page Single Portfolio Item Page Content Page (For about page, etc)
Your wireframes should map out with boxes and labels where all major pieces of information will be on the page.
Here’s an example of a very simple wireframe I put together in Photoshop:
Your [...]
Continued…Due Feb 3.
Using what you’ve learned about HTML and semantics, take a copy of your resume and mark it up with HTML. Focus on describing the information on the page, rather than picking elements based on their default style.
Make use of this cheatsheet of useful HTML elements and what they represent.
Using separation of content from [...]
Continued…