Building a Web Site

1
Building a Web Site

• Preparing a Web Site
• Building a Web Page
• Putting a File on a Web Site
• Making a File Active on Web Site
• Editing a Web Page
• Linking Web Pages and Sites
• Working with Graphics
• Working with Sound

2
Preparing a Web Site

• First go to Telnet and log onto garnet
• Once logged onto garnet with Telnet, go to the
  first menu
• Select Option 12, Unix prompt
• At Unix prompt type the following
• mkdir public_html
• chmod ugox yourlogonname
• chmod ugox public_html

3
Building a Web Page

• Web pages can be created in a number of different
  ways, such as
• plain text using html language
• Using Internet Assistant in Microsoft Word
• Using a web page editor, such as FrontPage,
  PageMill, HotDog

4
HTML LANGUAGE

• Starts with lthtmlgt
• Title lttitlegt .lt/titlegt
• Body opening ltbodygt
• Sample heading lth1gt..lt/h1gt
• Can include text, links, graphics, sound, etc.
• Body closing lt/bodygt
• Ends with lt/htmlgt

5
Using Internet Assistant with Microsoft Word

• Write a text document you want using Microsoft
  Word
• Save as and select the type HTML Document then
  save
• To view the code go to View and select html
  source code
• To return go to View and select Return to edit
  mode

6
Putting a File on a Web Site (1 of 3 slides)

• Go to the WS FTP (for PC) or Fetch (for Mac)
  software
• If garnet is not an automatic option, select New
  and setup the connection with
• Host garnet.acns.fsu.edu
• User ID yourlongonname
• Password yourpassword
• Directory public_html
• (Note all files must go to the public_html
  directory)

7
Putting a File on a Web Site (Cont. 2 of 3 slides)

• WS FTP for IBM compatible

• Fetch for Mac

8
Putting a File on a Web Site (Cont. 3 of 3 slides)

• Find the location on your local machine of the
  file you want to transfer
• Double click on the file to be transferred
• Feedback should come when the transfer is complete

9
Making a File Active on Web Site (1 of 2 slides)

• Once a file is transferred to your web site, you
  need to use Telnet to go to your web site by
  doing the following
• Logon to Telnet
• Go to the first menu
• Select Option 12, go to Unix prompt
• At the Unix prompt type cd public_html

10
Making a File Active on Web Site(Cont. 2 of 2
slides)

• Once in the public_html subdirectory, type chmod
  ugor .
• The coordinating file for your site should be
  labeled index.html
• Each other file should either be linked to this
  file or a file linked to this file.

11
Editing a Web Page using the pico editor (1 of 2
slides)

• To activate the pico editor, type
• pico filename
• for example, pico index.html
• To move around in the pico edior use arrow keys
  (not the mouse) and make changes
• To exit the pico editor hold down the ltctrlgt key
  and press x (ltctrlgt x)
• To save the file respond with y

12
Editing a Web Page using the pico editor(Cont. 2
of 2 slides)

• To accept the suggested file name, press return
• To change the suggested file name, press the back
  space key and retype the new name

13
Editing a Web Page

• You can edit a web page either
• on your machine with an updated file and then
  transfer it to your web site as described earlier
  
• or
• Using Telnet and the pico editor.

14
Linking Web Pages and Sites

• A local web page or a web site can be linked with
  the following command in the body of the text of
  a page
• lta hrefwebaddressgtDescriptive Labellt/agt
• where webaddress is the address of the page or
  site, and Descriptive Label is text describing
  the site

15
Working with Graphics (1 of 3 slides)

• Prepare graphics with a graphics or similar
  program (this can include scanned graphics or
  pictures taken with a digital camera)
• All graphics files must be in either gif or jpg
  format, if needed, use a graphics converter to
  convert your file to this format
• Transfer the converted file to your web site

16
Working with Graphics (2 of 3 slides)

• As with any file added to your site you must set
  the permission with the following
• chmod ugor .
• at the Unix prompt
• You must also link the graphic into a page file.
  Go into the pico editor, for example type pico
  index.html

17
Working with Graphics (3 of 3 slides)

• Local where you want the graphic to appear and
  add the following line
• ltimg srcfilenamegt with perhaps a ltpgt
  before/after or if you want to change the size of
  the graphic use
• ltimg width300 heighth300 srcfilenamegt, where
  the numbers are adjusted to adjust size

18
Working with Sound

• To include background sound first be sure you
  have the sound file in your garnet space
• Then add a line directly after the title line
  such as
• ltbgsound src"filename" loop"1" gt
• To include a link to sound add a line where ever
  you want it placed such as
• lta href"filenamegtDescriptive labellt/agt

19
The End