STEP Day 1 - Web design
We are going to make a web greeting
card using a free tool you can use at home to make quick colorful pages:
(At home, you can download from http://www.seamonkey-project.org/start/)
1)
Create a new folder on your desktop
to hold your work:
a.
Right click on your desktop
b.
File / new / folder enter
c.
Rename the folder to your last name
2)
Open Seamonkey
a.
Start / program / Seamonkey / seamonkey
b.
Window / composer
3)
Open your index: (or create a new
one)
a.
File / open file /
b.
Desktop / your last name folder /
index.html
4)
Basic page:
a.
Write a greeting to your friend or
relative
5)
Set the title
a.
Choose the menu option format
b.
Choose the option “page title and
properties”
c.
Type what you want to appear at the
top of the window, perhaps web greeting to <name>
6)
Make a web link
a.
Type and Highlight "Where I
learned to create a page" and click link button
b.
Link to http://www.adelphi.edu
c.
Type and Highlight the name of a
website your card recipient would like
d.
In another window, Go to that
website in internet explorer (not chrome)
e.
Right click and Copy the website
address
f.
Go back to your seamonkey
and highlight the name of the website you wrote
g.
Click link
h.
Paste the web address
7)
Add a picture
a.
Right click on any picture your card
recipient will like
b.
Choose save picture as
c.
Change the name to something short
with no spaces
d.
Save into your last name folder
e.
Go back to your page
f.
Insert / image and choose your file.
8)
Make a background
a.
Go to www.grsites.com
b.
Click on choose archives and then
background textures
c.
Choose a color
d.
Right click on the picture and
choose save picture as
e.
Change the name to something short
with no spaces
f.
Save into your last name folder
g.
Go back to your page
h.
Choose the menu option format
i.
Choose page colors and background
j.
Click choose file
k.
Select the picture file
9)
Link to a bookmark
a.
Insert named anchor
b.
Type the name of the place you are
at
c.
Write the words you want to click
d.
Insert link / down arrow to choose
the place.
10)
Link to another page
a.
File / new / page
b.
Type something on the page
c.
File / save as somename
d.
Close the page
e.
On the other page, write the words
you want to click
f.
Insert / link and click browse.
g.
Double click your new page.
When you are done, upload all files
to my google account: adelphistep
·
Go to drive.google.com
·
Signon on as Adelphistep
·
Password :
·
See the orange button with the word
create - click on the upload arrow
·
Choose folder
·
Choose your web folder. (your last
name)