Button rollover with CSS

Posted by: Ping

There are a couple of ways for button rollover: A. Button rollover with Javascript (treat the buttons as image links) B. Button rollover with CSS Download the reference file from here <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> <title>DWWK</title> <link href=”dwwk.css” rel=”stylesheet” type=”text/css” /> </head> <body> […]

DWWK Project – Get started

Posted by: Ping

Today’s class content: 1. Design the home page layout in Adobe Illustrator CS5 (800 X 600 or 1024 X 768) 2. Export the design to Adobe Photoshop CS5 3. Create a gif animation for the banner image 4. Re-name slices to different image names, and save all images into the image folder 5. Create site […]

Drawing in Space – Project Inspiration

Posted by: Ping

Research: World famous wire sculptors and their works • Alexander Calder – American sculptor (1898 – 1976) • Elizabeth Berrien – American sculptor (Animal in Wire) • Ivan Lovatt – African sculptor (Portraits in Wire) • Nathaniel Stitzlein – American sculptor (Found object and Wire) Wire Sculpture Tools & Techniques: http://www.wire2craft.com/resource.html

Basic CSS Structure

Posted by: Ping

CSS stands for Cascading Style Sheet. It is a style language used to define the colors, fonts, etc. of, elements in an HTML file or in an HTML site. The main concept is that HTML files hold the content and CSS formats that content. There are three CSS styles in the World Wide Web: • […]

A-420 / Project-2:
Dreamweaver Workbook

Posted by: Ping

Objective Build a web site to achieve the following : 1. To create web pages by using Adobe Dreamweaver CS5. 2. To learn web site construction and management. 3. To learn CSS rules in the Dreamweaver environment. 4. To learn other software like Illustrator, Photoshop, that assist in building web pages. 5. To upload the […]

A-211 / Project-2: Line Drawing in Space

Posted by: Ping

Objective: To use wire to create an object in-the-round Please download the project brief, print it out, and fill it into your process book: http://www.pxstudio.us/pdf/P2_Line Drawing-in-Space.pdf Inspiration: http://pxstudio.us/student-work/3dp2.htm Due Day: February 10, 2012 Critique Day: February 13, 2012

P1 – Student Work_A-211_Spring ’12

Posted by: Ping

Online Critique: http://www.flickr.com/groups/1811954@N24/ Flickr Presentation: https://www.flickr.com/photos/_pxstudio/galleries/72157625802458593/ Top three – student rating: 1. Stephanie Dunn: secure.flickr.com/photos/73960869@N02/6791089363/in/pool-… 2. Alison Abbenhaus: secure.flickr.com/photos/74088565@N05/6790467301/in/pool-… 3. Zhaoli Ge: secure.flickr.com/photos/75529235@N05/6791190041/in/pool-… Online Presentation: http://www.flickr.com/photos/_pxstudio/galleries/72157625802458593/ Project Pool: http://pxstudio.us/student-work/3dp1.htm

Page Layout Using AP Div

Posted by: Ping

AP Div stands for Absolute Positioned Div. Earlier we used table tags to layout a page. Let’s learn a more advanced layout technique, page layout using AP divs, through the following exercise. In this exercise, you need: 1. create an HTML page with a header, a main content area, and a sidebar using AP divs. […]

Space Lattice – Project Sample

Posted by: Ping

Inspiration: http://pxstudio.us/student-work/3dp1.htm Online Presentation: http://www.flickr.com/photos/_pxstudio/galleries/72157625802458593/