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 […]
“The answer is to use whichever you prefer. It’s just a personal preference. Regardless of which you use, the resulting web page will work the same. There are no functional differences between HTML and XHTML. While XHTML is newer, it’s not better, and it doesn’t have any new features. Because there were no advantages for […]
