Project Timeline: 3/13 ~ 4/12 (4 weeks) 3/15: Study company websites, prepare the research paper, and check the sketches 3/20: Review the research paper draft and make a grid decision for <div> arrangement 3/22: Prepare the project brief (draft), sitemap draft, and complete the graphic design in AI 3/27: Complete the Craftmaster site homework and […]
Actually, there is no height to a webpage if you plan to design a comprehensive website. The default height is “auto”. However you can force the page to have a real height by setting it to a fixed pixel height if your page doesn’t have too much content. If your page layout is static, you […]
Clear And Effective Communication In Web Design “Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of websites are affected by the need for good communication in one way or another. Regardless of […]
February 28: Please check the following three aspects of the project: A. Site management (root folder checking) • No PSD or AI files involved in the root folder • One image folder • Naming files: short file name / no space in the file names B. Validation for both CSS and XHTML C. Site completion […]
There is no excerpt because this is a protected post.
1. In Dreamweaver: File > New: HTML 2. View > Visual Aids > Frame Borders (Make sure Ruler and Grid are showing) 3. Drag the border to right about 200 px / Command Drag to drag the top frame 4. Save Framesets As index.html / Create the site (save it into the frame-site folder) 5. […]
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> […]
