Slide 13 of 16

Main Content

HTML Code

...
<td class="content"><a name="main" id="main"></a>
<!-- InstanceBeginEditable name="body" -->
<h2>Schedule</h2>
<h3>CSS Part 1: Using CSS with Dreamweaver Templates</h3>
<p class="slides"><a href="http://cita.rehab.uiuc.edu/presentations/2005-01-19-css-1/">View Slides of Part 1</a></p>
<p>Come learn about the basic Cascading Style Sheet(CSS) terminology and techniques for styling text, creating borders, changing text padding and margins, use of background images for styling, hover effects and accesskeys as we create a Dreamweaver template using CSS for control of styling. Issues of accessibility, compatibility with non-graphical technologies like cell phones and PDAs will be presented, along with compatibility issues with legacy technologies like Netscape 4.77.</p>
<p>Date: January 19th, 2005<br>Location: 126 GSLIS<br>Time: 12:00pm</p>
<h3>CSS Part 2: Graphical Effects only available in CSS</h3>
<p>This session will present CSS positioning techniques as an alternative to using tables for layout. The Dreamweaver Template developed in the previous week will be modified to use CSS for layout. Other CSS techniques will be demonstrated to show how to create CSS based pull down menus, scrolling data tables, dynamically hiding/displaying content and having fixed navigation bars with scrollable text without using FRAMES.</p>
<p>Date: January 26th, 2005<br>Location: 126 GSLIS<br>Time: 12:00pm</p>
<!-- InstanceEndEditable -->
</td>
...

CSS Code

...
body {
text-align: center;
background-color: #CCCCCC;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
color: #000000;
width: 100%;
}
p {
margin: 0px;
padding: 0px 0px 15px;
}
p.slides {
margin: 0;
padding: 0;
}
a:link {
color: #0033cc;
}
a:visited {
color: #0033cc;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 250%;
color: #CC3300;
margin: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #CC3300;
}
h2 {
font-family: "Times New Roman", Times, serif;
font-size: 200%;
color: #CC3300;
margin: 0px;
padding: 0px 0px 15px;
}

h3 {
font-family: "Times New Roman", Times, serif;
font-size: 150%;
color: #CC3300;
margin: 0px;
padding: 0px 0px 2px;
border-bottom: #CC3300 solid 1px;
}
...