Showcase yourself and your work.
Assignment Brief
Create a basic typographic website to showcase all projects and creative challenges completed during the semester. Think gallery. Think simplicity.
Objectives
- To explore the basics of valid structure using HTML tags
- To explore the powerful presentation capability of CSS (Cascading Stylesheets)
- To understand folder structure on a remote web host and practice uploading and downloading via FTP
Specifications
- Seven HTML pages
- Width: 960px
- <h1> tag for your name
- <p> tag for your biographic introduction
- <div> tags for layout
Header, Footer, LEFT & Right Columns - <ol> list for navigation
- Links
Email, Internal, external & Anchor - Use only two colors
- Use only one typeface
- Use nested folders to organize projects
- Must be viewable at your domain name
Final Deliverables
Be ready to present your website on-screen at the beginning of class.
Seven Page Website: Typographic website uploaded and viewable at your domain name. The website should be error free.
Timeline
Project hours: 24
Three weeks of the semester are assigned to complete this project. Late work will not be accepted or critiqued. See semester schedule for deadlines.
Week One
Research & Ideation: Research well-designed typographic websites. Thumbnail 5-10 layouts with two columns, header and footer. Your thumbnails should clearly show a consistent grid across different page types.
Idea Exploration: Choose the most successful layout and recreate using the Adobe Illustrator browser template provided. Export a PDF for on-screen presentation and one-on-one critique. Bring your thumbnails as evidence of the different layout options you explored.
Week Two
Prototype: Focus on the technical requirements of your website. Create a functional version of your website. Ensure all HTML and external CSS code is clean. Upload your website for on-screen presentation and group critique.
Week Three
Refinement & Presentation: Focus on the aesthetics of your website. Refine both the functionality and aesthetics of your website. Ensure all HTML and external CSS code is clean. Upload your website for on-screen presentation and final class critique.
Inspiration
Adobe Illustrator Browser Templates
