|
For the moment, this message board will be used to communicate
to you, the teachers, staff and students, how to use the Interagency
Website to it's fullest advantage.
Interagency has purchased a product called HomePage
Buillder. There are plenty of copies for every site and
every computer. Please collect your copy from Cindy Nomura (csnomura@seattleschools.org)
This program will allow you to:
1) create web pages in the same way you create documents
using Microsoft Word
2) Edit your digital or scanned images and put them
on the web
3) Edit video for those of you who have video cameras
and capture cards. Home page builder also has a really slick program
that helps you create "web-compressed" video so you can
put your videos right on the web.
Interagency is going to continue with web design
training for those who are interested. Please contact Cindy Nomura
if you'd like to be part of the training.
Below is a step-by-step guild to using homePage
Builder to set up a basic website. Once you've installed HomePage
Builder try to go through this list.
1 - Close all open programs
2 - Go to "my computer" then to "C" drive then
creat a "file"new folder" called "web"
3 - inside that folder create two folders, one called "www"
and one called "jpegs"
4 - inside the "www" folder create a folder called "images"
5 - close all the open windows
6 - go to start/programs/ and open "homepage Builder"
7 - click continue
8 - if you see the wizard close it
9 - maximize the program size to fill your whole screen
10 - if there are any toobars left-click-drag them up to the top
menu
11 - in the "gallery" click folder and find your jpegs
in that explorer directory system
12 - go to "start" and do a new page in standard mode
15 - left-click on the web page and type and type "class of
1980"
16 - go to "format/font" and change the font to "verdana"
and the size to "5" and the color to whatever you want
17 - drag a jpeg onto the web page from your image folder
18 - drag the lower right corner to resize it to an appropriate
size
19 - right-click and click the box called "save in displayed
size"
20 - save the document and close it
21 - when it askes you where to save the jpeg image put it in your
"images" directory as "class of 1980"
22 - you'll see the jpeg's size is reduced a LOT!
23 - open a new page in standard format
24 - click on "gallery"
25 - scorll down to "java script folder"
26 - drag "scroll.js" to the webpage
27 - view in "HTML Source" view by clicking the tab at
the top of the workspace
28 - highlight the text "hello everyone, welcome to my web
page...." and change it to whatever
29 - you have just edit some javascript welcome to the club you
hackers
30 - move to "preview mode and see what it looks like
31 - move back to the "edit page" view
32 - click on web page and type in the word "alumni" and
highlight it
33 - go to "format/font"
34 - change size to 7, color to red, and face to verdana
35 - center the text by using the typical windows "center"
pictoral in the menu bar
36 - (this might be a good time to show how the "view/toobars"
function works
37 - go back to "folder" view instead of "gallery"
38 - type the words "back to menu" and highlight
39 - go to "insert/link"
40 "browse" and select "index" page then "ok"
then "close"\
41 - file "save as" and save as "alumni" then
close or "x" the web page by clicking the 2nd x on top
right
42 - Refresh the file explorer by clicking next to the bottom "view"
on the arrrow and then "refresh"
43 - open the "index" file by dragin it onto the workspace
44 - click on the web page below the picture go to "insert
table" noting that we3 will make a 2 row, 2 column table. Hit
OK
45 Click in the left upper sqare of the table and type "alumni"
in the left bottom type "emal" right to type "links"
right bottom type "pictures"
46 - right-click just to the left of the table opening the "attributes"
menu. Unclick "show border"
47 - Enter "5" for cell padding and "0" for
cell spacing
48 - Change the color to one of your choice by left-clicking on
the color pallete and clicking "others" find an unusual
color
49 - hit "OK"
50 - highlight "alumni" and go to "insert/link"
click "browse" click "alumni" then "open"
then "ok"
51 - highlight "email" in the table and go to "insert/link"
and click on the "email" tab
52 - type in your email address. and Click "OK"
53 - Do a "File/Save"
54 - close homepage builder
54 Open C/web/www and look at the site by clicking on "index"
then close
55 - move up a directory and right-click on "www" folder
and chose "add to "www.rar""
56 - this will create a zipped file. Open it and play around with
it. close it.
57 - right click "www" and chose "compress + email"
send this rar file to your home email. If you have winRaR at home
you will be able to open the www directory and look at your website
at home
Discussion of protocol
1 - NEVER have files in your "www" folder that aren't
actually meant for upload
2 - keep file sizes as small as possible, especially on picture
3 - always have an "images" folder on every directory
level in your "www" folder
4 - name files using the date, i.e. "billHoldingFish.StudentTrip.8.19.02"
It is ok to use caps, periods, and underscore ("_") but
avoid spaces in file names for the web
5 - clean up and delete stuff in your www folder that you're not
using OFTEN it is like a living room
6 - Be very clear and organized with file names especially when
students are involved
7 - save a backup of your "www" folder in your "web"
folder so you can make mistakes.
8 - email your Rar-ed websites to marknichols@attbi.com for our
september launch
9 - do not email mark files over 500k. If they are bigger than this
it means you have not done your resizing work
|