Assignment 01 \\ Part 01
Assignments completed in this lab will provide you with the skills to build a SIMPLE web site. The assignments in this class will guide you to create and maintain your own web portfolio on the XARTS server. Describe why the site you want to build is needed. Discuss what you want it to do and how you want it to “look.” How do you imagine the site to be?
Assignment 01 \\ Part 02
List elements you want to include [previous projects from other classes, photographs, links, video, animations.]
Assignment 01 \\ Part 03
Prepare 3–5 sketches of your site.
_____________________________________
Assignment 02 \\ Basic Web Skills Part 01
Set up folders for your Design Media II projects. Include folders for images, documents, pdfs, or other assets.
Assignment 02 \\ Basic Web Skills Part 02
Find the same 2 web sites in Safari, Firefox. and IE Compare and contrast the typography and over all design of the sites. Write two paragraphs describing the differences and similarities.
Review more web sites and determine what are some standard web sizes used for the following: web pages, tables, headers, footers. What do some of the elements [favicon, titles, tags, headers] look like?
Assignment 02 \\ Site Map Part 03
Produce 3-5 complex sketches and or maps of layouts for your web site. Include dimensions and indicate what the components are, ie. swf file, table, buttons, scrolling window, etc. Map out what you need to build for the site.
_____________________________________
Assignment 03 \\ Basic HTML
Skills After reviewing the demonstrations in class. Create a simple site using TextEdit and raw coding. Use 2-3 images/graphics from the collection of elements for your site. Create a brief description of your site. [1 paragraph.] Using SFTP, upload the pages to your XARTS server space.
Sarah Wells
Natalie Nakai
_____________________________________
Assignment 04 \\ Dreamweaver Basics
Making a basic page (title, body, background color)
How to make a link, mail link, image link, rollover link
How to insert images and rollovers
How to insert
tables/ div tags/ AP elements
Changing background color and background pattern / page properties
Text (size, color, style, web fonts:
Defining a Site Using “Manage Sites” to manage files and upload files to the server
Web Hosting Basics / Securing a domain
_____________________________________
Assignment 05 \\ Dreamweaver Layout + Navigation
General Web Design Theme
Creating a consistent look across an entire site Navigation
Menus (hierarchy in information)
Jacob Ewing
Matthew Tominaga
Jamie Mcclafferty
Assignment 05_part 2 \\ Photoshop/ Fireworks: Imaging for the Web Skills
How to set up a document (size and resolution for the web)
Vectors vs. Pixels
JPG, GIF, PNG files types (differences between and what to use when)
Creating GIF animations in Photoshop
Iris Lerch
Elizabeth Brown
_____________________________________
Assignment 06 \\ CSS + Dreamweaver
Creating new CSS for font styles on a page
Basic CSS for layouts
Editing existing CSS templates to apply font styles
Nicole Pittman
Robert Mingoa
Sarah Recht
Chris Chappelle
Elizabeth Brown
Assignment 06_part 2 \\ CSS + Dreamweaver
Attaching a separate CSS style sheet to an entire site
Basic CSS for layouts
Creating a CSS template
Chris Chappelle
Gabrielle Scharaga
Assignment 07 \\ CSS Page Layout
Assigning and editing CSS rules
Page Layout and CSS [review]
Assignment 08 \\ Dreamweaver Media Skills
How to make a swf. [slideshow presentation]
How to insert a Flash .swf
Scripts and the Scripts folder
Inserting QuickTime movies
File management review