• Chapter on Linking

    • Intro Steps

  • Introduction 
  • Planning
  • Creating 
  • Publishing

    •  

    Creating: 2.0 Page design tools

    Once your storyboard or plan is designed, the files that should be connected will need to be composed or modified.  Creations and changes are made with a web page editor. All web pages use a language for page design called HyperText Mark-up Language (HTML). Web pages display the results of that language, not the design language. Special commands are given within web editors to show what the reader can see or what the designer can see.

    If a writer of web pages learns HTML, any word processor can be used as they have a special SAVE AS option which converts files to text file format. Notepad for the Windows OS and SimpleText for the Mac OS only save in text format and come free with the operating system. But faster systems for composing that display close to the actual view on the Internet have become common and they show images, different fonts and color. These systems are sometimes referred to as WYSIWYG (What You See Is What You Get) editors.  Such WYSIWYG systems are available both free and commercially. This course will explore the free SeaMonkey application with comes with Composer, a web page editor.  SeaMonkey is largely identical to version of Netscape 4.5 through 7.2 so SeaMonkey and Netscape will be used interchangeable as terms in these chapters. There are many  excellent special web page editors sold commercially such as Dreamweaver, GoLive, and FrontPage.

    In a prior chapter, the assignment was to create a web folder and put the file unitplan.html in it. If you have not already created a folder on your USB drive called Web or Web stuff, follow the process show in the videoclips below. When you reach the link "2.1 Copy templates", you will download some 15 files directly to the web folder on your USB drive into your Web or Web stuff folder. There will be many times in which you must move files into folders or create new folders. Sometimes a file will be saved but it landed outside of your intended folder instead of inside. How do you deal with this? Jus click and drag the file on top of the folder. Watch the movie again to see this process. You can watch the folder creation and file management process in the videoclips below.
     

    Putting Files into Folders 

    Screen Movie (Video) Description of the Process

    Shows folder creation and the file organizing process: 


    Text Description of the Process:

    1. Open your disk by: doubling clicking on the disk symbol on a Mac; or by using the My Computer symbol in Windows, then selecting the A drive. 
    2. Click on the file and drag it on top of the folder symbol to insert it into this folder.
    3. Repeat until all files are in the folder.
    4. Open the folder to confirm they are all there.
    All additional web pages and files from other applications that you use for your web site should be kept in this web folder.

     
     
     
     
     
     
     
     

    Sidebar Options

  • HTML tutorial

    •  
  • Comprehensive View of the Web Design Process
    		•