Building a web site
Download
1 / 19

Building a Web Site - PowerPoint PPT Presentation


  • 370 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Building a Web Site' - andrew


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Building a web site l.jpg

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 l.jpg

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


Building a web page l.jpg

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


Html language l.jpg
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>


Using internet assistant with microsoft word l.jpg
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


Putting a file on a web site 1 of 3 slides l.jpg

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)


Putting a file on a web site cont 2 of 3 slides l.jpg
Putting a File on a Web Site(Cont. 2 of 3 slides)

  • WS FTP for IBM compatible

  • Fetch for Mac


Putting a file on a web site cont 3 of 3 slides l.jpg
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


Making a file active on web site 1 of 2 slides l.jpg
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


Making a file active on web site cont 2 of 2 slides l.jpg
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.


Editing a web page using the pico editor 1 of 2 slides l.jpg
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


Editing a web page using the pico editor cont 2 of 2 slides l.jpg
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


Editing a web page l.jpg

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.


Linking web pages and sites l.jpg

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


Working with graphics 1 of 3 slides l.jpg

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


Working with graphics 2 of 3 slides l.jpg
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


Slide17 l.jpg

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


Working with sound l.jpg
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>



ad