History 660: Professor Jules Tygiel

CREATING A WEB PAGE

I. Using Front Page 

  1. Be sure that you have an empty USB memory stick plugged into one of the USB ports. When in Front Page, Go to file and click on New, select page or web option. On the right hand side of the page, select One Page Web. 
  2. A box will open showing Web Site Templates. On the right side, click on Browse. Go to Desktop, then select whichever drive ( E: through G:) has been designated as the one for the USB Memory stick. Click Open.
  3. The letter for the drive should now appear in the box.  One the left select "One Page Web" and then click OK.
  4. You should now see a page indicated called index.htm.  This will be your primary web or home page. Note that the title should always be in lower case, with no capital I. Double Click on this icon to open the file.
  5. Click on the save icon to save the index.htm file to your disk.
  6. To see the structure of your web, click on the Folders icon on the left.
  7. Note the box on the upper left of the toolbar that says Normal. If you open this box, you will see various options that you may use to create headings, lists, etc. Choose one of the headings to create a banner for your home page. (Heading 1 is the largest, heading 6 is the smallest.) Your banner should include your name and your page title.
  8. In smaller type, include other information that you wish to make public, i.e., address, phone number, e-mail address. If you hit enter after typing in your e-mail address, it will automatically create a hyperlink that will enable people to send messages to you.
  9. Type in a description of your page, telling visitors its purpose.
  10. Click on the Save icon to save your home page. 
  11. Use the same USB Memory Stick each time you work on your web page.  Place only files for your Web Page on this disk.

II. Transferring files to the Server

  1. For your index.htm file to become a web page, it must be transferred to the Public_HTML directory in your e-mail account. 
  2. Save the index.htm file to the web on your memory stick. 
  3. In Front Page, Click on the icon two to the right of the Save icon.  This is the Publish icon.
  4. Where it says, "Remote Website location:"  Type in ftp://apollo.sfsu.edu/~accountname/public_html  (accountname is your sfsu internet account name.)  Click on OK.
  5. You will receive a prompt for your account name and password. Type in your sfsu internet account name and password.  Then click OK. On the next window, you will see the screen divided into two halves. On the left there should be a list of the files on your memory stick. On the right, you should be in your server account in the folder, public_html.  (If there is no public_html file, see #10 below.)
  6. Click on the index.htm file in the left window.  Now click on the blue arrow to transfer it to the server.
  7. This should place the index file into the server. It should appear in the right-side window. Click "Publish Web Site.
  8. You may also now look at your web page. Go to Internet Explorer and type in as your URL:
    userwww.sfsu.edu/~accountname.  Your web page should appear.
  9. at this session, the files and changes will automatically be sent to the server.  Each time you publish for the first time during a session, be sure that your address is correct in the publish window.
  10. If you do not have a public_html folder, Open Secure Shell File Transfer (SSFT) from the Program directory available on the Start Menu in the bottom left hand corner of the screen. In SSFT, click on Quick Connect. The Host Name is apollo.sfsu.edu.   User ID is your account name.  You will then be prompted for your password.  On the left side of SSFT select the appropriate letter directory. On the right side, select the directory entitled Public_HTML. If there is no such directory, Click on MkDir and type in public_html.  Click OK.

III. Inserting Images

meeting.wmf (4950 bytes)

  1. You should add some kind of visual to spruce up your home page. You may go out into the World Wide Web and copy a visual that is indicative of your interests to your disk, where it will appear as a .gif file. There are also some available Clipart files and image files that are included in Microsoft Word.
  2. To include an image on your web page, point your mouse at the Insert menu on the menu bar and select Picture. (Or point to the image icon which has a mountain and sun on it on the right of the Toolbar.) You have an option to select Clip Art, or to browse through files on the disk drives. 
  3. Clip Art Files Must be changed into .gif files. To do this, right click on the image after you have inserted it and select Picture Properties.  Select .GIF and the click OK.
  4. To choose an image that you have saved to your disk in the lettered drive, choose the drive or directory where it is located (or type in the drive and directory where it says Image source and follow the same procedure).
  5. When you save your index.htm file again, Front Page will automatically save the images as well.
  6. Click on Publish again to transfer the revised file and images to the server.

 

IV. Creating Links

  1. You may create two basic types of links: to web pages created by others, or to other web pages that you have created. You probably also want to create a subheading to indicate the kind of link that you have selected.
  2. To create the subheading, select one of the headings and then type in the appropriate label, i.e., Links to SFSU History, Friends' Web pages, etc.
  3. Under the subheadings choose either List Number, UL (Bulleted List) or List Number, OL (Numbered List) to make a list of the links. I am working with a Numbered List to create this document. The following is an example of a bulleted list:

    Links to SFSU History:

    4. To create the Links to these web pages, highlight the entire title with your mouse. Now point to the link icon (the little chain on the upper left). Type in the appropriate URL and click on OK.

        For the History Department, the URL is: http://bss.sfsu.edu/history. For my web page, the URL is http://bss.sfsu.edu/tygiel.

        If your web browser is open, simply, go to the browser and find the page you wish to link to.  Then click back to Front Page.  The URL for the site should appear in the dialogue box.
        If your web browser in not open, click on the link icon, select the Browse Web Page option in the Insert Hyperlink dialogue box.  This will put you in your web browser.  Go to the page that you wish to link to. Now click back to Front Page.   That link should now be listed in the dialogue box, now click OK.

    5. To place documents of your own on the web page, either create these documents as HTML files or copy previously existing Word documents into an empty Front Pager document, save it to the folder on your disk and then publish it..  
    6.  The URL for these files will be: http://userwww.sfsu.edu/~youraccountname/filename
    7.  You can preview the way these files will look when viewed in a browser, by clicking on File and then Web Page Preview.

V. Editing your Web Page and Creating Additional Pages

  1. You may always edit and make changes to your INDEX page or create additional Web pages to link it. Remember, however, that in order for these pages to be activated they must be transferred to your Public directory by clicking on the Publish Icon.
  2. To make additions to your INDEX page, simply call it up into Front Page and make additions as you would to any other Word document. To edit or make changes to the existing, document, however, it is sometimes necessary to work in the HTML source file. To access this file, click on View and select Html source.