ADDING GRAPHICS

You can add two different kinds of graphics to your web page: GIFS and JPEGS (also called JPGS) by copying and pasting.

How to Copy and Paste GIFs and JPEGs: (from Microsoft Word or the Internet)

1. Place your mouse over the image.

2. Right click your mouse.

3. Choose Copy.

4. On your FirstClass webpage, place your cursor where you would like the graphic to appear.

5. Right click your mouse and choose paste.

(Remember: All Sci:Tech Graphics must come from the approved website or be original)

RESIZING GRAPHICS

To change the size of a graphic, place your mouse over the graphic and right click. Choose Format Image. The Format Image window will open. From this window you can adjust the graphic’s size by percent or by pixels, and set alignment of the graphic on the page.

NOTE: Checking the Maintain Aspect Ratio will keep your graphic in proportion when it is resized.

You can also use the toolbar to resize and align graphics.

How to Add Animated GIFS:

1. Locate an animation on the Internet.

2. Place your mouse over the image.

3. Right click your mouse.

4. Choose Save Picture As.

5. Choose a location on your computer by clicking the dropdown arrow in the Save In box. (My Pictures in My Documents is suggested.)

6. Click Save.

7. On your webpage, click the Insert dropdown arrow and choose Image.

8. Browse your computer for the location of the image by clicking the dropdown arrow by the Look In box. When you find the image, select it and click Open.

NOTE: The animation will not move until look at your page on the Internet.

Where to Find Clipart

(Sci:Tech Competitors: Remember that images not from the official website must be original.)

For general, royalty-free clipart visit:

http://office.microsoft.com/clipart/

http://info.conroe.isd.tenet.edu/~drich/clipart.htm

MAKING LINKS

There are 5 types of links:

External Link – a link from a webpage you made to a page on the Internet that you did not make. Internal Links – a link from a webpage you made to another webpage that you made.

Anchor Link – a link to another spot on the same page.

Email Link- a link that, when clicked by a user, opens their email program, and opens a new message that will contain your email address in the To: line.

External Links

Easy Way:

Type the URL (web address) of the website in the body of the webpage, including the www at the beginning. Then press Enter. NOTE: The link will not have the appearance of a live link, but when it is viewed on the web, it will be blue or purple and underlined.

EXAMPLE

Using this method, your link would appear like this on your webpage:

www.archives.gov/research room/research topics/world war 2 photos/world war 2photos.html

Better Way:

1. Type a title for the website in the text of your webpage.

2. Highlight the title.

3. Click the Hyperlink icon, or right click and choose Make Link.

4. Type (or paste) the URL in the Target URL box.

5. Click the dropdown arrow by the Window box.

6. Select Use Same Window.

7. Click OK.

NOTE: The link will display the link icon to the left of the text, but when it is viewed on the web, the icon will not appear.

EXAMPLE

Using this method, your link would appear like this on your webpage: World War II Photos

Internal Links

To make an internal link, you must use the Better Way method as shown above.

1. Type the name of your file that you are linking to.

(The text that you type does not have to exactly match the name of the file you’re linking to. I can use the text “Mrs. Rich’s Syllabus” to link to the file named syllabus.)

2. Highlight the text you typed.

3. Click the Hyperlink icon, or right click on the text and choose Make Link.

4. In the Target URL box, type the exact name of the file you are linking to. (If you are linking to the syllabus file, you must type the word syllabus, or whatever you named the file.)

5. Click OK.

NOTE: The link will not work unless you have first created and saved the page to which you are linking.

Graphic Links

Use the Better Way method for either internal or external links, just right click on the graphic and choose Make Link from the pop-up menu.

Anchor Links

Anchor links work well if you have a single webpage with lots of information on it. You can type in an index at the top, then link to different spots down the page. This method is used for the FC EZ Webpage templates.

1. Type in the index at the top, and all the text below.

2. Highlight a key word in the text below that you want to LINK TO.

3. Click the Insert drop down menu on the tool bar and choose Marker.

4. In the Format Marker window, type in the key word that is the anchor. Click OK.

5. Insert Markers at each section of the text that you plan to link to.

6. At the top of the page, highlight the index word that will link to an anchor marker below. Right click on the text and select Make Link. This time, in the format link window, click on the Marker button. Choose the name of the anchor link you created earlier, and it will appear in the Target URL window with a # in front of the link name. This indicates it is linking to an anchor link, or marker link, on the same page.

7. Repeat for each index title you have at the top of the page that will link to a marker farther down on the page.

8. You can also create links at end of each section that link to an anchor marker back at the top of the page. This takes the browser back to the top quickly and easily, without having to use the “back” button on the web browser.

Email Links

Easy Way:

Type the complete email address. Then press Enter.

NOTE: The email link will not have the appearance of a live link, but when it is viewed on the web, it will be blue or purple and underlined.

EXAMPLE

Using this method, your email link would appear like this on your webpage: jrobin@conroe.isd.tenet.edu

Better Way:

1. Type some text that indicates an email link (Contact Me, Email Me, etc.)

2. Highlight the text.

3. Click the Hyperlink icon.

4. In the Target URL box, type mailto: followed by the entire email address. (EXAMPLE: mailto:jrobin@conroe.isd.tenet.edu)

5. Click OK.

EXAMPLE

Using this method, your email link would appear like this on your webpage: Contact Me

Saving and Viewing:

In First Class EZ Web, saving is not necessary. When you close the file, it automatically saves. Check out your personal web page on the Internet. To view your home page open a web browser and type

http://info.conroe.isd.tenet.edu/~yourfirstclassusername

for example: http://info.conroe.isd.tenet.edu/~jrobin

To make changes later on:

A. Open the “Home Page folder” on your FC desktop.

B. Open the “home page” file.

C. Make changes; close it; it's done.

How to Add Web Pages:

1. Open your “Home Page Folder” located on your FC desktop.

2. Click File/New/New Document Special/Personal Web Page. (If you don’t see New Document Special under File>New, then click on Message>New Document Special, you have an older version of FirstClass)

3. In the Name box, replace Personal Web Page with a short but descriptive name.

(NOTE: IF this is your MAIN page, it must be named home page, with the space. If it is a second or third or other page, you can name it anything, but no spaces or slashes, and keep it less than 15 characters.

4. Now type whatever you want in the body of the page. When finished, close the page by clicking the X in the upper right-hand corner, no need to save.

Create as many pages as you want, you can link them all together later.

VIEWING YOUR WORK ON THE INTERNET

Any file that is in your Home Page Folder is visible on the Internet! Your URL (the web address of your website) is:

http://info.conroe.isd.tenet.edu/~yourfirstclassusername

UPDATING YOUR WEBPAGE

You can make changes to your webpage at any time.

1. Log in to FirstClass.

2. Open your Home Page Folder.

3. Double click the file that you want to change. 4. Make the changes.

5. Close the file to save your changes.

WORKING AT HOME

You can work on your website at home if you have downloaded the FirstClass software on your home computer. You cannot work on your website by logging in to FirstClass via the CISD homepage. To download the version of FirstClass that is just like the one on your school computer, visit: http://info.conroe.isd.tenet.edu/~amayer/directions.htm

Print out the directions so that you have access to them throughout the downloading process. Be sure to complete all steps. If you stop after downloading without configuring First Class, you will not be able to log in to the CISD server!

Eyewear

Working with Webpages

Saving and Viewing:

In First Class EZ Web, saving is not necessary. When you close the file, it automatically saves. Check out your personal web page on the Internet. To view your home page open a web browser and type