In this first lesson, we’ll go back over our varied and checkered history of coding.
File structure
We’ll start by creating a file structure on our local machines, and then checking out our files on the publish server, using Filezilla.
My suggestion is that we put all of our coding work in a folder called “fims9733”. We don’t have an exercises evaluation component in this course, but you may want to go back and refer to your work later.
Reading relative file structures
If you don’t remember how to do this, I’ll refer you to this article about reading file structure on the LIS 9723 (Web Design & Architecture site.) It covers the basics.
Coding
Let’s build ourselves a page using this HTML5 boilerplate page.
Here’s what we’re going to do:
- create a nice set of headers with good semantics
- add some structure in the HTML and then turn it into a 2-column layout with CSS
- reacquaint ourselves with some of the basic tricks and tips of how all this stuff works.