Comcast is terrible. Also, working on a layout

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 &copy;. In my code it looked like.

<div id=”footer”>

<p> Copyright &copy; 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.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s