Week 5. Module 5: Introduction to Typography

5.1. Theory
5.1.1. Reading: Typography Defined
5.1.2. Reading: Basic Typography Terminology & CSS Translation

5.2. Practice
5.2.1. Reading & Exercise: How to use the File Transfer Protocol (FTP) 

How to use the File Transfer Protocol (FTP)

In order to publish pages on the World Wide Web, you will need to use the File Transfer Protocol (FTP). There are a range of ways of using FTP on the Internet, from command line terms to What-You-See-Is-What-You-Get (WYSIWYG) software packages, like Dreamweaver, built in facilities.
The most common way of using FTP is through a standalone software package. Web sites like http://www.tucows.com and http://www.shareware.com have a range to choose from. Some are free, some are shareware – but most of them are essentially used the same way. FileZilla is a good free package you can download and use.
After you install your FTP software and run it, you will be asked for three important pieces of information any time you try to connect with an online server:

• The Hostname (or domain name of the server you want to transfer your files to)
• Your Username
• Your Password

This information will usually be provided by your Internet Service Provider if they have given you permission to publish web pages on their server. The hostname may not be the same as you'd expect – or at least, not the exact same server name. For example, instead of www.myisp.com , it might be ftp.myisp.com .
When you first start up your FTP software, you will see something like this:

FileZilla is a bit more complicated looking than many others, but they all tend to split your screen into two major windows. One of these windows will show you what is on your harddrive (#1 above). The other window will show you what is on the server you are connected to (#2 above). In the screen view above you will find the two middle windows labeled as “Local Site” (on the left) and “Remote Site” (on the right). In this particular view, we haven't connected to the server yet, so no files are shown in the “Remote Site” window.
To connect to the server in FileZilla, you can either use the Quickconnect fields at the top of your screen (circled above), or by bringing up the Site Manager dialog box as you see below:

After you enter your hostname, username, and password and hit “Connect”, the software will connect you to the Web space you have been provided and display its contents in the right window of FileZilla like you see below:

Keep in mind that various FTP programs display these windows in different positions. Some will place your remote site window on the left, and your hard drive on the right. Others will display them as top and bottom windows. The other widows shown above display the progress of your file transfers as they are taking place.
To actually move files up on or down off your server, you simply drag and drop in FileZilla. You can also usually highlight the files you want to transfer and then select arrow buttons that point towards the window of the area you want to transfer to. The arrow buttons would usually be placed between the two connection windows.
In addition to connecting to private password-protected servers, you can also use FTP software to access files stored on publicly accessible servers. Because you will still need to login to these servers, you will need to use an anonymous login. The usually details for logging in anonymously would be:

• Username: anonymous
• Password: your-email-address

Tutorial Exercise

Try logging in to Curtin's anonymous FTP server and download yourself the latest copy of Mozilla. Curtin's anonymous FTP server can be found here: Hostname: ftp.curtin.edu.au Tip: You usually start by looking in the “pub” folder. Pub is short for “public.” What other anonymous FTP servers can you find on the Internet? What can you find on them? Post your findings on the Flecs-Blackboard discussion board.

5.2.2 Reading & Exercises: Adding a Little Style: Getting Started with CSS
CH.8  P.285-339

Adding a Little Style: Getting Started with CSS         

	Tutorial Exercise
DONE!	Read and do the exercises and quizzes in Chapter 8 of Freeman & Freeman's Head First HTML with CSS & XHTML (pp. 285-339). Learn from your mistakes by checking to see if your solutions are correct.

5.2.3 Reading & Exercises: Expanding your Vocabulary: Styling with Fonts and Colours
CH.9  P.341-383

Expanding your Vocabulary: Styling with Fonts and Colours            

	Tutorial Exercise
DONE!!	Read and do the exercises and quizzes in Chapter 9 of Freeman & Freeman's Head First HTML with CSS & XHTML (pp. 341-383). Learn from your mistakes by checking to see if your solutions are correct.

5.2.4. Photoshop Tutorials
5.2.4.1. Tutorial: Photoshop Palettes Overview
5.2.4.2. Tutorial: Photoshop Image Importation Overview
5.2.4.3. Tutorial: Photoshop Image Navigation Overview
5.2.4.4. Tutorial: Scanning Resolution and Resizing
5.2.4.5. Tutorial: Photoshop Undo Overview
5.2.4.6. Tutorial: Photoshop Output Overview