Week 2—Organizing and Linking Your Files
Learning Objectives
- To learn to create a new web page and link it to your homepage
- To start thinking about effective layout and typography
- To learn to create various links
Notes
Paths and File Organization— A file’s path describes where a file is located within a website’s folder structure. You need to understand paths in order to organize and relocate files. When you build a website, even a small one, you can easily end up with hundreds of files. If you put all of your web files in one folder, without creating and using any sub-directories, you will end up with hundreds of files in just one place. If you know paths, you can effectively use subdirectories; put all images in an images folder, for example. File names are important. You should be able to recognize the contents of a file from its name tomorrow, a week, even a year from now. Think carefully. You can always rename files, but then you have to find and change every link to that renamed file.
Links—Links can be classified into two broad categories: internal/local links and external links. Internal links are those that link to your own files/pages. For example, if you have a file named “readings.html,” from your homepage, you can link directly to the file with the following code: <a href=“readings.html”>. The external links often refer to links to external websites. For example, if you want to include a link to CNN’s website, your code will look like this: <a href=“http://www.cnn.com>. In other words, for external links, you need to specify the complete path/url while for local links, you only need to specify the file name (and its folder name if it’s in a different folder).
These link methods apply to regular html editors, as you have learned from W3school tutorials. For WordPress in sites.gsu.edu, however, the way to create links is slightly different (see my instructions below).
Assignment 1–Follow the Tutorials
Go to W3school’s HTML tutorial and go through the following sections:
- HTML Attributes
- HTML Headings
- HTML Paragraphs
- HTML Colors
- HTML Links
- HTML Lists
Assignment 2–Start Working on the Tagline Analysis Project
Go to Projects page and follow the link to the Tagline Analysis project. Read my instructions on this assignment and get started on it.
Assignment 3–Complete Your Reading Response on Chapter 2
Read Chapter 2 in Web Style Guide. Complete your reading response and post it to your Reading Response page.