Creating Web Pages
Dr. Selia Karsten
Fall 2000

Selia’s Scuba page
Create a folder in My Documents
Right mouse click – create folder
Name the folder (your name)
Open Netscape Browser
Go to this location
http://people.senecac.on.ca/selia.karsten/learn/page.html

Saving Page Elements in Your Folder
Save page
(File/save as/page.html)
Save graphic
Click on fish (right mouse button)
Save as fish_swi.gif
Save background
Click on background (right mouse button)
Save back_pool.gif

Working with HTML in NotePad
In Netscape Browser - Go to View
Select Page Source (for page.html)
Highlight all text
Type Control with C for COPY
Open Note Pad (in Windows Accessories)
Type Control with V for PASTE

Edit Text (Make it Your Page)
Replace every “Selia” with your name
Replace Selia’s e-mail address
Put your E-mail address
Save as scuba.html

Preview Page
In Netscape Browser go to File
Open scuba.html in Composer
Click on Preview
Check text
Do Links work?
Make revisions
Save

Transfer files to your account
Go to FTP program (WS_FTP)
Select learn server
Put in learn user name
Put in learn password
Click OK
Locate scuba files on left  - .html and .gif files
Double click on public_html directory
Hold shift to select all web page files on left
Click on arrow pointing right (into public_html)
Files are transferred

See Your Page on the Web
Go to Netscape Browser
Type the address in the Location Box
http://learn.senecac.on.ca/~userid/page.html
View your Scuba Page
Each time you edit page, save it
Transfer the new version into your public_html
Reload the page (in the browser) and view
 

Review Page Making: Using NotePad
Create a folder
Save a page from the Web (and all graphics)
View the page source
Copy the html code
Paste into NotePad
Revise the code
Preview and save
Open an FTP program
Go to your account
Open your public_html
Locate your folder
Transfer files to your public_html
View the results in the browser

Page Making: Using Composer
File – New – Blank Page
Type and place and size your text
Insert Images (graphics - .jpg and .gif)
Make Links to Sites
Make a Link to E-mail   (mailto:your address)
Date the Page
Save the file (as .html)

Return to Main Page