Page layout is the key to making your website look good. Or just actually like a website. Ever see a site that looks like a bunch of text and colors randomly placed? That would be a combination of poor layout/design and css skills.
W3C suggests you arrange content in multiple columns, like a magazine or newspaper. You use <div> elements to group the content, and then css to style it.
For this exercise, I wanted to use the example on the link above to make a site for a construction company. First step was to write some html. I forgot how to link it to a stylesheet exactly. This was my first try:
<link type=”html/css” href=”file:///Users/kyledamken/Desktop/code%20stuff/CSS/construction.css”>
Anddd here is the correct version:
<link rel=”stylesheet” type=”text/css” href=”file:///Users/kyledamken/Desktop/code%20stuff/CSS/snowboard.css”>
I forgot to set the rel attribute to stylesheet. What is the rel attribute? It specifies the type of relationship between the current document and the linked document, which is why I set it to stylesheet.
Now it was time to use my stylesheet. I had a pneumonic device for remembering whether . or # goes with class or id in stylesheets. The closest I have is: “If you get your period in class (.classname) you’ll get pounded, unless you have an id (#idname).
I also had trouble writing a copyright sign for my footer. Turns out, there are specific codes for symbols like that. The copyright one is ©. In my code it looked like.
<div id=”footer”>
<p> Copyright © Big Joe’s Construction 2014</p>
</div>
More to come, but I had to spend 2 hours fighting the fucking awfulness that is comcast to get my internet back on, so I’ll finish up tomorrow.