STEP Day 1 - Web design

 

We are going to make a web site.

 

First, we will make a very simple web page in notepad:

 

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 Notepad using Start / all programs / accessories / notepad

3)  Type an html start/ end tag as:

<HTML>

</HTML>

Notice the matching tag with a slash to end it

4)  Type a greeting

<HTML>

Welcome to my site

</HTML>

5)  Save it in a new folder on your desktop:

a.       File / Save as /

b.      Navigate to desktop and then your last name folder

c.       Call it index.html

6)  Look at your web page:

a.       Click on your desktop

b.      Click on your your last name folder folder

c.       Click on index.html

 

Now, let's use a free tool you can use at home to make quick colorful pages:

 

1)      Open Seamonkey

a.       Start / program / Seamonkey / seamonkey

b.      Window / composer

2)      Open your index: (or create a new one)

a.       File / open file /

b.      Desktop / your last name folder / index.html

3)      Basic page:

a.       Write welcome to my site ; Go to Adelphi's site

4)      Make a web link

a.       Highlight "go to Adelphi" and click link button

b.      Link to http://www.adelphi.edu

5)      Add a picture

a.       Right click on any picture on Adelphi's site

b.      Choose save picture as

c.       Save into your last name folder

d.      Go back to your page

e.       Insert / image and choose your file.

6)      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.

7)      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.

 

Now that you know how to do this, create a web greeting card to a friend or parent or grandparent. 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)