18 Sep 2018
Class Schedule
21 Aug | intro
23 Aug | clients
28 Aug | servers
30 Aug | networks
04 Sep | basics lab
06 Sep | structural layer
11 Sep | presentational layer
18 Sep | working with layers |
editors |
Office |
proprietary |
next session
20 Sep | behavior layer
25 Sep | images & design
27 Sep | website lab
02 Oct | object layers
04 Oct | tools that read markup
09 Oct | document markup lab
11 Oct | spreadsheets, formulas & functions
16 Oct | data display
18 Oct | Fall Break
23 Oct | database tools
25 Oct | spreadsheets lab
30 Oct | relational databases
01 Nov | tables
06 Nov | relationships
08 Nov | input & output
13 Nov | SQL
15 Nov | complex queries
20 Nov | databases lab
22 Nov | Thanksgiving
27 Nov | presentation design
29 Nov | presentation delivery
04 Dec | presentation lab
13 Dec | 0800-1100 | final in class presentation
This work
is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.
home & schedule | class blog | syllabus | contact | grades
We'll download some CSS templates and work with them to better understand how to manage the presentational layer.
Working with a CSS template
We will today use a template to look at the role CSS can play in the look of your website. I will download one myself and use it as an example.
This presentation will walk you through the process of turning a template into your own site.
You may wish to have your own templates ready to ask questions about the components, either on the page or in the linked set of CSS instructions.
Two very useful tools
You will want to bookmark them for later use
- W3Schools HTML tutorial - use the examples to test things
- W3Schools CSS tutorial - use the examples to see how things might look
- W3Schools responsive template test it out tool - learn the parts of a template as you start to work with one