Monday, October 31st, 2005
Here’s a link to Mr. Jewett’s version of Project 1.
See if you can figure out where the drop shadow came from.
What makes the link backgrounds change color when you hover over them?
Mr Jewett’s Hackley Web 1 Project Index.
Posted in
Hackley Web I | No Comments »
Monday, October 24th, 2005
If you like, you may use this page as a starting point with some dummy content already filled in. The advantage of this is that you can see more quickly how your divs are being affected by your style sheets. Remember, if a div is empty and you haven’t given it a specific size in your style-sheet, it’s height collapses down to zero.
Remember that the header link for your stylesheet assumes that your stylesheet is named “style.css.”
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Untitled</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8" />
</head>
<body>
<div id="wrap">
<div id="header">
<h1>Main Page Header</h1>
</div>
<div id="nav">
<h3>Favorites</h3>
<ul>
<li><a href="" id="" title="title">Link 01</a></li>
<li><a href="" id="" title="title">Link 02</a></li>
<li><a href="" id="" title="title">Link 03</a></li>
<li><a href="" id="" title="title">Link 04</a></li>
</ul>
</div>
<div id="content">
<h2>First Subheader</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ut velit. Ut adipiscing varius augue. <a href="">Here's a link to absolutely nowhere</a>. Cras arcu ipsum, laoreet quis, laoreet ut, luctus eu, ante. Donec a dui eget sem luctus elementum. Etiam felis urna, porttitor eu, consectetuer nec, aliquam eu, pede.</p>
<p>Donec ornare, augue a tincidunt sagittis, magna elit rutrum ipsum, vitae elementum felis odio non lorem. Donec consequat ipsum eu ipsum. Duis erat. Aliquam erat. <a href="">Here's another link that takes you right here</a>. Suspendisse egestas urna ut ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis wisi lacus, pellentesque sed, pharetra in, lobortis non, lacus.</p>
<h3>List of things I'm talking about:</h3>
<ul>
<li>The first thing.</li>
<li>The second thing.</li>
<li>The third thing.</li>
<li>The fourth thing.</li>
</ul>
<h2>Second Subheader</h2>
<p>Nulla fringilla pretium quam. Fusce id mi sed turpis tempus semper. Donec congue arcu vel nunc. Vivamus mollis est eget metus.</p>
<p>And that's all I have to say about that.</p>
</div>
<div id="footer">
<p>© 2005-2006 by [Your name here].</p>
</div>
</div>
</body>
</html>
Posted in
Hackley Web I | No Comments »
Thursday, October 20th, 2005
“Even he, to whom most things that most people would think were pretty smart were pretty dumb, thought it was pretty smart.”
Posted in
Quotes | No Comments »
Wednesday, October 19th, 2005
I’ve just relaoded the MySQL database for the site into a new DB with the encoding improperly set. Until I can get in and fix that, there will likely be quite a number of odd looking characters sprinked throughout the text.
Update: Think it’s all fixed now.
Posted in
Notices | No Comments »
Thursday, October 6th, 2005
There are hundreds of places on the web that have good HTML and CSS references, and I encourage you to read as many of them as your curiosity and time allow.
I have found this site, HTML Dog, to be one of the best for getting right to the point and giving you the information you need quickly.
Members of the Hackley Web 1 class should point themselves at these particular sections:
HTML Beginner
CSS Beginner
Of course, feel free to read the Intermediate and Advanced sections as well.
There are also reference sections which you should bookmark for easy lookups while working on your projects.
HTML Tag Reference
CSS Property Reference
Posted in
Hackley Web I | Comments Off