Word Web Page Sample Activity

Word Web Page Sample Activity
Part 1 –Create your Home Page (filename: index_sample)
Do not type or include items in [ ]’s in your site.
Your Name Sample Web Page
[Home Page [save the page as a web page with the filename of index_sample_yourinitials in the folder
you created on the desktop. (Filename should be index_sample_yourinitials.html)]
[Create a table using the Table Group from the Insert Tab. Either drag to create your table or click on
Insert Table and specify the number of columns and rows.]
Schedule Fall 20XX
Block
1
2
ADV
3
4
Course
Room
Business Law
246
Business Law
246
A-Z
CareerPrep/Practicum
246
CareerPrep/Practicum
246
5
6
ADV
7
8
Graphic Design
Graphic Design
A-Z
CareerPrep/Practicum
CareerPrep/Practicum
246
246
Create the table as it appears on the
left. We will merge cells, add borders,
bgcolors, etc. Do NOT try to recreate
this arrow.
246
246
[Type a bulleted listing of five items and format using a graphical bulleted listing.]
Monday—BPA Officer Meeting
Tuesday—Meet with Employers
Wednesday—BPA General Meeting
Thursday—Departmental Meeting
Friday—Football game/Cross Country Meet
[When saving files for web sites, be sure they are saved in the same folder (the folder you created on
the desktop). This includes graphics, sound, and any other files related to the site. Insert a fall picture
into your page…resize it to approx 2”. Pressing the return key several times and then press the up arrow
key to move up on the page will allow you to easily work under your picture once it is placed.]
Part 2—Create your page 2 of your sample web page—filename: page_2_sample
(Be sure to save in your folder as a web page, not a single file or filtered web
page).
Your lastname Page Two Word Sample Web Page
[After creating a page 2, you will make a link to page 2 and another link to the cisd home page].
Create a page 2 (filename: page_2_sample_urs), save it as a web page…remember not to use single file
web page nor web page filtered. Did you save it in the same folder (yourlastname_name_folder).
Locate a graphic on the Internet which has a solid background you would like to delete as we will be
opening the image in Photoshop to clean up the graphic and resaving it to insert into your page.
1. Save the image in your folder using a relevant name.
2. Open in Photoshop.
3. Double-click on the background layer and save the layer as Layer O or Original as a background layer
may not be modified.
4. Use the Magic Wand tool to easily delete the unwanted bg color. Resave a filename2 with the
extension of .png (portable network graphic) which supports transparency and gets rid of the
unwanted background.
Image before (unprofessional—background needs to go)
Cleaned up image saved as a .png
Add content to your page related to your course guidelines, a curriculum topic, club info, etc.
Insert a web divider (aka a horizontal rule) to divide your body content from the links you will be
making.
Page 2 | CISD
THINGS TO REMEMBER ABOUT CREATING WEB PAGES:
1. Save web pages as web pages, not single file or filtered web pages.
2. To apply a background color or import a custom background, use the page color icon from the
Page Layout tab.
3. To create an internal link, highlight the text to be linked, right click and choose the hyperlink
option, or click on the insert tab, and choose the hyperlink icon, locate the file in the folder used
to store your files and click ok. Be sure to link to the actual file name and not the folder which
Word created as a storage location for images and other objects related to each Web page.
4. To make an external link, follow the instructions in #3 but use the web address of the site…you
must include the entire web address including the http://www.
5. To test your site, open your browser > go to File > Open > Browse and locate your saved file in
your folder . Your links should all work if created properly.
6. Your Web Pages can all be saved as .pdf files which are easy to place into your resources folder
or link to your website with interactive working links. Resave using a different name (use
filename_v2.pdf) to keep the original, editable copy in place. 98% of computers have Adobe
Reader allowing visitors to easily view your documents.