Professional Development Committee, Spring Technology Workshop
The Elements of Creating a Web PageHomePreviousNext

Introduction

Planning

Whole site design

Page design

Color and Graphics

Implementation

  • Web site setup
  • Tools
  • Security
  • Testing
  • Maintenance
  • User logs

    Promotion

    Innovation

    Site map


  • Implementation -- Tools

    Learning about HTML and Web design
    For the most up-to-date assistance in the use of HTML and the design of Web pages use the Web itself. Read the source code of pages to learn how others did it. Search the Web for ideas and information. Yahoo (http://www.yahoo.com/) is a great place to start.

  • HTML References
  • Web Based Style/Design Guides
  • Network utilities
  • Creating web pages
  • Graphics editors and utilities

    HTML References

    Web Based Style/Design Guides Network utilities

    It is likely that most of your Web design work will be done on your own computer workstation rather than the on the server machine that hosts your Web site. You will need a file transfer client (FTP) to move HTML and graphic files between your workstation and the Web server. If your Web host also allows direct command line access to the Web server file system (where your pages are stored) you will need a remote login (telnet) client.

    Creating web pages

    • Take the low road
      Any text editor and a Web browser HTML files are ASCII text files, so any text editor (like the Windows Notepad, Unix Pico/Emacs/Vi) can be used to create and edit them. Save the HTML file in the text editor and then view it with your Web browser. Downside: a text editor offers no special features to make HTML coding easier.

    • Wordprocessing software
      Most current wordprocessors support some level of HTML export. That is, build the content for a Web page and then export it as an HTML file. Many also have features to make HTML coding easier. However, they tend to hide the HTML from the author by offering a WYSIWYG display. For learners, this can be good and bad.

    • Page layout software
      Current versions of many page layout packages -- Adobe Illustrator, Macromedia FreeHand, Quark XPress, Adobe PageMaker, ClearCase FrameMaker, Adobe PageMill, Microsoft FrontPage support the "mock up" of HTML pages. Many do a good job of arranging your page's "grid" and graphical elements and not so good a job at generating HTML text.

    • HTML editors There are no so many HTML editors to choose from it is impossible to list them all. More popular ones include Claris Homepage, HotDog, and HomeSite (www.allaire.com). These provide guidelines, supply coding, may provide templates and allow preview of the page to check that the coding works. Some allow you to choose between coding the "naked" HTML and a "page view" that hides the HTML.

    Graphics editors and utilities
    You don't NEED a graphics editor. On the Web are many sites offering free copyright-free collections of buttons, icons, line art and more. But if you need to change an image (crop it, resize it, convert it to a safe color palette) you will need a graphics editor program.


  • Comments? Contact:
    Scott Britton, or
    Martin Hollick, or
    Julie Wetherill
    Copyright 1997, Harvard University. All rights reserved. Revised March 1998TopPreviousNext