22 September 2004
Today's Topic: Introduction to Web Authorship
Demonstration of the process of making a Web site.
Today you will download a simple web-authoring software (FrontPage Express), along with a tool that you will use to publish your web pages. You have already been given
space at firstnamelastname.setonhill.info -- if we have time today, I'll show you how to publish there.
If you have already learned a different web authoring tool, you're welcome to use it for your projects, but go ahead and install this version so you have ready access to it during class. You'll need about 7MB free on your I drive.
Downloading and Unzipping the Software
Click the link to download the file http://dennisjerz.setonhill.info/EL236.zip (4.63 MB). Save it to a portable drive (if you have one) or your student network space (usually your I drive).
With 20+ people downloading the file at once, it will probably take a long time. (If you're reading this message before class starts, please go ahead and start downloading -- it will save us all a bit of time.)
Unzip the folder (I'll show you how if you aren't sure; this, too, will take some time). It will create a "EL236" folder. Inside that folder will be two more folders -- FPE (for "FrontPage Express, a free version of a Microsoft web-authoring tool) and WS_FTP (the program you will use to upload your web pages.)
We will first create a very simple page, and then upload it. After that, if we have time, we will work on more complex tasks.
- Start FrontPage Express. (Look in the EL236/FPE folder, that was created on your I drive.) There are a ton of files in the FPE folder. The one you want is a red feather on a white notebook; the filename is "fpxpress.exe". There's also another red feather on a white notebook with the name "Fpxress.ico" (but that's nothing but the icon used by the previous file... very stupid and annoying, but the program is free).
You will see what looks like a word processor with a gray background. Go ahead and type something -- "I am a Seton Hill University student" will do. Apply bold to "am" (select the word and click the "B" button) and make "Seton Hill University" a link to the SHU home page (select the phrase and click the blue planet with a chain link, just under the "B" button).
To view the HTML code that FrontPage Express is generating, select "View" and "HTML..." A window will open. Close it when you have glanced at the code.
Save your work. Click the disk icon. A dialog box will ask you to provide a title for your page. Come up with something at least a little more creative than "My test page". When you save your file, put it in the EL236 folder, under a new directory called "sample". Call your file "index.html". (The "l" at the end of the filename is important.)
Now open the program WS_FTP95.exe, which is found in EL236/WS_FTP. (Note: If you are using Seton Hill as your internet service provider and dialing into Seton Hill's bank of telephone modems, you won't be able to FTP over a phone line.) "FTP" stands for "file transfer protocol. It simply means it's a tool that you can use make a copy of the "index.html" file that you just saved to your I drive, and to publish that copy on a website where others can view it. (Each time you make a change to your local web file, you will have to publish it again.)
Open your remote file system (the place where you will publish your pages). A dialog box should have popped up when you opened WS_FTP.
- If you haven't already created a profile, click "New".
Profile Name: "yourname.setonhill.info"
Host Name/Address: "yourname.setonhill.info"
Host Type "Automatic Detect"
User ID: "email@example.com" (It's different from your blog ID.)
Password: The numeric code on the piece of paper I handed you. (It's different from your blog password.)
Account: (leave blank.)
Press OK. (You will probably be asked for your password again... enter the number I handed you.)
Using Front Page Explorer, create a new page called "links.htm". Save it in the same folder that has your local copy of "index.html". On that page, create a link to your page "index.html". (Select the text you want to turn into a link, click the blue ball with the link icon, and for the URL type "index.html" (without the "http://" or anything else.)
Edit your local copy of "index.html" to include a link to "links.htm".
Use WS_FTP to upload updated versions of both files to your website, and then click the links.
Now that that you have the basic technological details down, we will examine some more basic principles of online writing. (Watch this space... what we don't cover we'll roll over into Friday's class.)