University of Oregon - Department of Architecture - ARCH 424/524 Cheng - Advanced Design Development Media

Session Two

Web Authoring
Jan 9, 1996
Objective: To understand techniques for Web authoring.

| internet | netscape | fetch | telnet | pagespinner |

I. Review Internet definitions

  • - URL: Uniform Resource Locator address system
  • - HyperText Transfer Protocol for client-server interactions
  • - HTML: HyperText Markup Language

    • Exercise: Looking at Netscape's interface

    Under your local hard drive (i.e. Kpm07) open Selected Software - Netscape Navigator - Netscape Navigator 3.01.

    Under File, Open Location to: "darkwing/~design/place.html". The http:// stands for Hypertext Transport Protocol address. Outside UO, you need to give the full domain name in "http://darkwing.uoregon.edu/~design/place.html".

    Under the View menu, look at Document Info to see the links.

    Under the View menu, look at Document Source to see what Hypertext Markup Language (HTML) lies behind the displayed page.

    Downloading files with Netscape

    By using SaveAs under the File menu, you can download any HTML document. Select Format = Text for only the text which is displayed or Format = Source to see the all the HTML tags visible in the Document Source. Despite the warning about the floppy needed, you can download onto the Guest folder.

    NOTE that you only get the text and NOT the images. Since the Logo is an image "424title2.GIF", you need to get it separately. Click on the word PLACE and you can save the image on your local disk.

    II. Fetch file transfer software

    Class exercise: Sending a file through Fetch

    (In order to see our class folder, you must log in to the Pigasys folder as "arch96".)

    Putting software on your local hard drive:

    Note that due to the Foolproof security software, you can only copy a few files at a time and you CANNOT copy folders. Currently you can put files into the guest folder but you cannot create folders in the Guest folder.

    - Connect to the Pigasys server: Under the Apple menu's Chooser, use Appleshare to access the CC Klamath Labs and login to the Pigasys server via Apple Standard VRMs. Highlight both the Course Disks and the Software disks.

    - Open Software Disk; Open Fetch folder; Copy all files (not the Example folder) to the local Guest folder; Close Fetch folder, Close Software folder.

    Open "UO Fetch Quick Start", and follow directions for logging into your UNIX server.

    Follow the directions for using "Get File" and the "Put File":

    A. Use "Get File" to download or transfer a remote file (any text file since you probably don't have a LETTER_FROM_BROTHER) from your UNIX account to the Guest folder.

    NOTE: in UNIX conventions: .. means parent Directory, capitalization DOES matter.

    NOTE: For file format, use "Raw Data" for graphics and "Text" for HTML or text files.

    B. Make an accessible location for the files

    First you must create subdirectories (folders) for "public_html" and "GIFS" in which to put the file. To nest a subdirectory within a directory called "fred", click to get into the "fred" subdirectory, then under the "Directories" menu, select "Create New Directory".

    Highlight the new directory (folder icon) and then click on the Remote menu - Set Permissions. Put an X in all 3 Owner boxes and the Read and Search/Execute boxes for both Group and Everyone. You can open the new directory either by double clicking on the icon or by choosing Change Directory under the Directories menu. Note you can only go "down" to a directly nested subdirectory.

    C. Upload the class logo image file, "logo.GIF" into a "public_html/GIFS" subdirectory following the directions in the UO QuickStart for the LETTER_TO_MOTHER.

    Once you are open to the GIFS subdirectory, choose "Put File" and in the the Pigasys' Course Disks, choose HOME / NYC / Shared Class Folder / Images /logo.GIF. Highlight the filename "logo.GIF" in the file listing and "Put File" up into your GLADSTONE or DARKWING account.

    NOTE: If you are not on the Appleshare network, you can alternatively get the image onto your hard disk by downloading from netscape here:

    The image should be viewable in your GIFS directory from Netscape if you set the permissions right.

    III. Creating Web pages remotely with Telnet

    Class exercise:

    Creating a home page directly on the UNIX server via Telnet

    Under your local hard drive (i.e. Kpm07) open Misc Utilities - Net Utilities - NCSA Telnet.

    Follow the Computer Center handout, then check your link in the preliminary class list with Netscape.

    Once the page is up and running, you can add an additional line under <BODY> which says <IMG SRC=GIFS/logo.GIF> so the page will display the logo graphic at the top.

    IV. Creating Web pages locally with Pagespinner

    HTML Conventions & Structures

    Pagespinner Software:

    Pagespinner is one of many ways to write for the Web. Non-WYSIWYG helps you learn HTML tags: Use it with Netscape or Internet Explorer to preview pages.

    NOTE: Can't type or erase something in Pagespinner? Text within the brackets are assumed to be a non-editable group. Use Command + Backspace to force partial deletions. Delete the first square bracket to edit material within <brackets>.

    | intro | schedule | books | home |

    edited Jan 5, 1996 by nywcheng