Fairleigh Dickinson University Fairleigh Dickinson University · model website · web magazine · help



for University CORE

Who are we?

  • name and department
  • usual computer and operating system
  • experience in web browsing
  • experience in web authoring
  • web authoring plans

    •  

    Cooking Up Web Pages on alpha.fdu.edu

    Goals of workshop

  • review Internet fundamentals
  • teach web page fundamentals
  • demonstrate value of web page templates
  • road-test instructions for alpha.fdu.edu

    • Ingredients

  • userid and privileges on alpha.fdu.edu (or temporarily on portfolio.fdu.edu or gallery.fdu.edu)
  • client-side software: telnet (Telnet), ftp (WSFTP), web browser (Netscape Navigator), web authoring (Netscape Composer)
  • text: the substance that your web pages will convey
  • context: pages that users will come from and go to
  • optionally, one or more graphics 

    • Steps

    Once in your life: 

    1.  Determine whether multiple directories are needed 
    2.  "Turn on" web hosting using install_html. (I recommend that you have this step done for you. You can have a rich full life without ever using the telnet program if someone can do this step for you.) 

    The first time you use a given personal computer as your web authoring workstation: 

    1.  Acquire and install at least the three software packages you will use for: file transfer (e.g. WSFTP), browsing (e.g. Netscape Navigator), and authoring (e.g. Netscape Composer.)
    2.  Configure software appropriately (e.g. set up a session profile in WSFTP)
    3.  If you have a web site, download its contents to the computer 
    2.  If you don't have a web site, download the model website at www.fdu.edu/webresources/modelwebsite

    Every time you are a web author: 

    1.  Develop ideas 
    2.  Assemble all ingredients 
    3.  Create one or more pages using Netscape Composer or other authoring tool 
    4.  Alter any affected pre-existing pages 
    5.  Capture or create graphics 
    6.  Transfer files to alpha using WSFTP 
    7.  Test access to web pages; troubleshoot 
    8.  Run quality control tests, e.g. Dr. HTML
    9.  Submit page to search engines, e.g. Submit-it; Altavista
    .

    Creating a first web page

  • Choose or create a working directory on your browser system
  • Open Netscape Navigator
  • Open http://www.fdu.edu/webresources/modelwebsite/empty.html or other template
  • File - Edit Document - Save As
  • Be sure to give the new local file a name other than empty.html
  • Change any template characteristics you want to change
  • Capture or invent page contents (Often this will mean opening word processing or other application in another window) 
  • Save local file in working directory
  • File - Open File in Browser - give name of your file (to view local copy of file before uploading)

    •  
    Starting FTP in Win95:
  • start button
  • Programs
  • WS_FTP
  • WS_FTP LE

    •  

    Uploading using WSFTP

  • Start WSFTP software (see at left)
  • connect
  • login with username and password
  • work thru local system directory hierarchy to find the directory your pages were created in. Optimally this should be a directory named public_html
  • work thru remote system directory hierarchy to find public_html directory 
  • upload new or altered web pages and graphics
  • reopen Netscape Navigator to test access to http://alpha.fdu.edu/~username
    		•
    fat border  
    fat spacing  
    fat padding  
     

    Refining and enhancing web page(s)

  • Setting page or document properties
  • Cutting and pasting (authoring tool is a word processor)
  • Inserting targets and internal links 
  • Inserting external links
  • Inserting email link
  • Inserting horizontal rules
  • Altering fonts and colors 
  • Inserting tables within tables (see examples at left) 
  • Inserting graphics (in line, as background, standalone)
  • Resizing graphics
  • Subdividing a page into several pages 

    •  
    .

    Graphics without graphics 

  • a little calendar 
  • a spectrum of text 
  • letter highlights 

    •  
    Fairleigh Dickinson University Fairleigh Dickinson University · web magazine · help