INLS161-001 | Spring 2018

Class Session: Monday Feb 05, 2018

CSS: The Presentation Layer of Web Design


Preparation for this Session

Learning Web Design

For the presentational layer class, read from Learning web design : a beginner's guide to HTML, CSS, Javascript, and web graphics , 4th Edition.

Look over Chapter 11. Cascading Style Sheets Orientation

If you wish, you may also want to look over Chapter 12. Formatting Text: (Plus More selectors) through Chapter 18. CSS Techniques, but you are not required to read them prior to class. We will touch on some of the topics, but will spend more time on the Chapter 11 topics.

Glance at:

the W3C discussion of CSS

top/reload prep panel

Mozilla.org Web Dev Pages

Take a look at this example on the codepen site. Play around with the CSS. See if you can change the background color, font color and text sizes. We will go over more CSS examples in this session. Here's a flipped out CSS example using CSS3, just to show you how complicated CSS can get. Example "C" will mess with your head the most, I think. You will not be required to code CSS beyond the basics.

See the Pen CSS Introduction by Lawrence Jones (@lblakej) on CodePen.

To the left we have a screen shot of the firebug view of this page: http://library.unc.edu/music/uncsongs/ . Click on the image and notice the <pre> tag.  It this session, we will take a look at the code of this page, and other and learn how you can check out code using dev tools.

Instructor

Lawrence Jones

Office hours by appointment.