Creating a Course Web Page

(Brackets version)

 


Starting Brackets

Brackets is open source software, so you can download it to your own computer from http://brackets.io. When you first start up Brackets, it will bring up a Getting Started document in HTML format, so you can immediately see some examples of tags. If you have the Chrome browser installed, you can see a formatted version of the same document by clicking on the lightening bolt icon in the upper-right corner. To start, you may just want to skim this document to get a sense of what topics it is talking about without worrying about any of the specifics, since much of the document is written for experienced web page developers.

The next step is to create a new file of your own. First, create a folder for your work in this class (e.g., COMP105) and download the Simple HTML Page and Minimal CSS Template files for this course into that folder. Then, copy the simple starter page into a new file, which you can do in either of the following ways:

TIP: Web Page Filenames

If you haven't already, create a folder in which you will save the web pages you create for this class.

By default, web browsers look for files called index.html, so that is a good name to use for the "home" page of any project; in this case, the "home" page for your work in this class. If you create other files in this directory (as you probably will), you will want to give them other names, such as project1.html. It is best to avoid spaces and special characters in your filename (e.g., COMP Lab #1 is not a good filename for a web page).

At any time, you can preview what the page will look like in a web browser by clicking on the lightening icon at the top right of the editor window. Once the preview window is open, it will automatically update whenever you save your file. You will find yourself going back and forth between the editor and preview windows frequently as you develop web pages.

Save Early and Often

Save your file periodically as you work.