Teaching Assignments / Class Meeting Time_Spring 2012 MWF: Art-211 Design II / 3D Design 11:30 am – 1:20 pm / A-211_Section II 1:30 pm – 3:20 pm / A-211_Section I TuTh: Art-420: Viscomm III / Web Design 7:30 am – 10:20 am Office Hours_Spring 2012 MWF: 3:20 pm – 5:20 pm TuTh: 10:20 am – […]
The order of link styles in the code matters. If they are out of order they may not work properly. The correct top to bottom order should always be: 1. a:link (a) 2. a:visited 3. a:hover 4. a:active (they control the entire linking system except those inside the navigation div) CSS Reference & Properties
Before | After Get the exercise asset here 1. In Dreamweaver, choose Site > New Site 2. Select the text “Menu Goes Here”, then delete the text 3. Insert > Spry > Spry Menu Bar 4. Delete items / add items for creating sub-menus 5. In CSS panel, select ul.MenuBarHorizontal a (change bgcolor to #CCC) […]
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> […]
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 […]
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: • […]
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 […]
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. […]
Dreamweaver CS5 Outline
XHTML code has only minor differences from HTML. For using XHTML, you must follow the following rules: • Must use an XHTML document type at the top of the file • All tags must be in lowercase • All tags must have a close tag • All attributes must have quotes • If tags do […]
