Outline for NVU Program/ creating a web page · Using the ready made templates · Create a folder ( understanding the path) · Tool bar and views · Saving files /naming files-files off shared folder · Tables · Backgrounds · Images · Text · Hyperlinks/vs anchors · Publishing/posting the page · Things to discuss o Approval of content o Examples of a good web page · Maintenance of content To pick up the templates: 1. Go to My Computer on the desktop & double click 2. Direct the computer to the network drive that reads: Shared on Einstein (X), click on Middle School if you are a MS teacher or click on High School if you are a HS teacher, click on pmckane, and open the folder that reads “teacherwebtemplates”. 3. Right Click on this folder & choose to send it to your (H) drive. This folder includes templates and graphics that you can use on your pages. Note: If you are using the one page template with anchors it is called “anchoronepagetemplate” and you will want to skip step7 below. If you are using the multi-page template it is called “teachertemplate”. 4. Open “teachertemplate” or “anchoronepagetemplate” as the main file. This is the file that will be saved & uploaded as “index”. It does matter that you save this file with a small i. 5. Open all other “template” pages that you are going to add and maintain as part of your webpage. You will want to save all off your work onto your H drive on the network, the one that says your name on it, in the folder called teacherwebtemplates. Use “save as” to rename all pages. Just taking out the word template is a good idea. 6. Edit images and text as you would like. 7. Create links to other pages once you have saved it so for example if the file is “index” the link will read http://www.minisink.com/~pmckane/index.html or if the file was named “announcements” then the link will read http://www.minisink.com/~pmckane/announcements.html 8. To publish your work read the directions from this document on page 5 & 6. Some of the following directions will be useful if you are using a ready made template and need to edit it to make it your own style. Creating a folder is only necessary if you are starting from scratch. Create a new folder for your page on your personal drive. Click on the new folder icon in the Save As or Open dialogue box. OR…… Go to My Computer and find your H drive Now everything that has to do with your webpage gets saved/put into this folder because you will put it there. Save files with 8 letters or less, no capital letters, no special characters (?/-etc..) Every picture, every graphic must be named and put into the folder. This makes it easy to find all files for your page as you upload them. See page 5 for details on publishing. NVU Tool Bar NVU Views Tables can be added quickly – click on in the tool bar– highlight the # of cells you want & click. It is recommended you insert text & images into a table. Every web browser will display your page differently so putting information into a table helps to organize the layout as much as possible. This will create a 2 column and 2 row table. If you right click in the cell of a table you will get a menu where you can add/ delete rows and columns or merge cells. Choose a background. Go to the Format menu & choose Page colors and backgrounds. Choose a background. Go to the format menu and choose “pagecolors and background”. If you want the background to be an image you must first save the image into the folder you created for this web page. In the dialogue box find the picture you saved and choose it. Next choose the colors of the different texts by clicking on the colored button. Insert an image by clicking on the image icon on the tool bar. Be sure to have an image named properly and saved into the folder you created for the web page. Choose that file. You can also fill in alternate text and or create a link to an image. Create an anchor – click on the anchor icon in the toolbar. The anchor comes in wherever your cursor is located at the time you click. Name the anchor. Type the text that you would like to link to. For example- “Back to top” Highlight the text and click on the hyperlink icon Choose the anchor name you would like to link to from the drop down list & click OK. The anchor looks like this in normal view. POSTING A WEB PAGE There are 2 ways to post a webpage to our webserver. The first way is to use the NVU Webpage Editing Software and the second way is to use the WebDisk through email. Using the WebDisk is better to use when you have files such as power point that you need to link to on your page. In either case you must: 1. Create a folder in which ALL files having to do with the webpage are found. 2. Save all graphics with a name & save it as a .jpg or .gif 3. Save the first Main page as “index”. It must be a small letter “i”. 1. This page shows how to publish using NVU. The site name appears in the blue bar on the browser window. The example above is for a person named Sal Oandso. His user name is soandso. The URL he will hand out to his students is http://www.minisink.com/~soandso. When your publish dialogue box looks similar to this with your information filled in, click on publish. 2. To publish a web page using the Webdisk you will need to open your web-based e-mail. You will see the following icons You want to hover the mouse over the icons until you see the webdisk icon. Click on it & you will see the following interface to work in. Click on browse to find the file you saved in your folder and then click upload. You will see the file in the list above. Editing a Page: Use NVU to edit your page or any other Web editing software. Note: If you make changes to your file you must upload it again. Preview the posted page by typing in your url = http://www.minisink.com/~soandso & click on the refresh button on the web browser if you need to. When you are done posting, click on to get back to your Inbox. Be sure to get approval from an administrator in your building for your page before initial posting for your page. Then as you update your page periodically you can also let the administrator know to check it.
Pages to are hidden for
"Outline for NVU Program creating a web page Using"Please download to view full document