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.
© Copyright 2024