INLS161-001 Fall 2021

Tools for Information Literacy




Preparations to work with a template


Link your original page to an external stylesheet,
then look at some templates,
their presentational rules, and their structural objects.

First, do your Task 02.02

finish Task 02.02 | link to CSS by applying some CSS rules to your hard coded page

finish 02.02 find a template editor options design thoughts other relevant short articles

back to top

Then, find an HTML/CSS template you like:

There are many template resources (these are just a sample of what you might find):
You can take a glance at ...

CSSZenGarden, a place where one can obtain free CSS stylesheets.

The css Zen Garden is about functional, practical CSS and not the latest bleeding-edge tricks viewable by 2% of the browsing public. The only real requirement we have is that your CSS validates.

CSS Trappist Monastery - built on same model as CSS Zen Garden

These latter two are interesting to look at, but we would recommend you use the other resources if you wish to use a template.

finish 02.02 find a template editor options design thoughts other relevant short articles

back to top

think about your editor options

There are many free editors, beyond the text editors we have been using
However, sticking with the text editor you have become familiar with is still a good option.

This video discusses using one web editor to work with a template, but you can do the same with your text editor and your browser.

finish 02.02 find a template editor options design thoughts other relevant short articles

back to top

To prepare for the images & design topics

For the design component, think first about accessibility by looking over Introduction to Web Accessibility by the W3C W3C accessitility logo

And then, in the Web Style Guide by Patrick Lynch and Sarah Horton glance over Chapter 7, Interface Design

And then, think about design in the larger sense, how good design helps us do what we need to do, and poor design hinders us. Think about it while planning your site.

finish 02.02 find a template editor options design thoughts other relevant short articles

back to top

Other items relevant to today's class

  1. Top 10 Major Advantages of HTML5
  2. There’s now a free font based on Climate Strike hero Greta Thunberg’s handwriting
  3. What’s in a Font? How Fonts Can Define Your Design
  4. Should you use a template?
finish 02.02 find a template editor options design thoughts other relevant short articles

back to top

Copyright © R.E. Bergquist 2014- | Last Updated on | Powered by w3.css