WDS 12: Final Projects 04/16/18


CREATE: 1 HTML/CSS page. Include:
– multiple columns (2 or 3)
– Use @import for CSS and/or Fonts
– try a simple media rule
– try a CSS drop-down menu
EXAMPLE

REVIEW:
All about favicons.

STUDIO 12:
FINAL DELIVERABLES:
A. The Development Process Documents (This was your midterm. Make sure you include a link to your Prototype + interface):

B. Homework Assignments.

Studio 11
CREATE: 1 HTML/CSS page. Include:
– multiple columns (2 or 3)
– Use @import for CSS and Fonts
– try a simple media rule
– try a CSS drop-down menu
– UPLOAD TO YOUR SERVER

Studio 07
HOMEWORK:
– Make sure you understand the “Z-index”. Try either example.
– Try the Float and Clear Examples
– Try CSS Dropdown

Studio 06
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
– Place background image and practice positioning and margins.
– Use external CSS
– Try CSS opacity hover
– Boxes of all types
– Display: Inline/Block
– Example

Studio 05
Catch up on Assignments
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image with CSS.
— 2. Use the “box model”
— 3. Use pseudo-classes

Studio 04:
Create at 3 HTML/CSS interlinked pages, and complete the following on each page:
— 1. place background image with CSS.
— 2. Use the “box model”
— 3. Use pseudo-classes

Studio 02:
– At least 3 HTML pages set up in Parent, Child, and Grandchild directories.
– Use the “id” attribute, to link to “top”
– Use the “id” attribute to link to a specific section on another page
– Use the link attribute, to generate a new page (link to a new page or tab)
– Mount a large image in an HTML table using Photoshop. Next, put text over the image as demonstrated in class.

Studio 01:
Create a splash page for your website (use anything you want) with an image and a link.

C. WordPress site. Installed and customized (Include a link if this is not your final site)

D. Final Site (URL) AND a screen shot of your site.

WORK on your final