1 / 19

Building a Web Site

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 Preparing a Web Site First go to Telnet and log onto garnet

andrew
Download Presentation

Building a Web Site

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 ugo+x ~yourlogonname chmod ugo+x 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: <html> Title <title> ….</title> Body opening <body> Sample heading <h1>…..</h1> Can include text, links, graphics, sound, etc. Body closing </body> Ends with </html>

  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 ugo+r *.* • 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 <ctrl> key and press x (<ctrl> 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: <a href=“webaddress”>Descriptive Label</a> 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 ugo+r *.* 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: <img src=“filename”> with perhaps a <p> before/after or if you want to change the size of the graphic use <img width=300 heighth=300 src=“filename”>, 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: <bgsound src="filename" loop="1" > • To include a link to sound add a line where ever you want it placed such as: <a href="filename”>Descriptive label</a>

  19. The End

More Related