HW

Web Page Development

Lab Assignment – 5 pts

Your job is to create a basic web page for yourself using Microsoft Word. Your website must relate to the health sciences and can be a real or hypothetical site. Some suggestions for the website include the following:

· A webpage for a hypothetical organization

· A webpage for a real organization (must be non-profit) – no copying/pasting information

· An online resume

· A webpage that compliments a project for another course that you are taking

· A health education webpage

· A webpage that presents some of your academic and/or research interests

The page must include the following:

· Two paragraphs describing why the webpage exists. In other words, discuss the purpose of the page. You may want to include something about your background and interest in the topic. Your page can also be used to communicate an academic or professional interest, or even your favorite (health-related) hobby.

· Examples: An online resume or a web site where you publish a paper or other professional work you have done.

· At least two graphical images. This can include a scanned photograph, clip art, or an image that you find on the Internet.

· At least 5 links to other web sites related to your page and that are pertinent to the topic.

· Optional: The web page can be uploaded to your CSUN account (see below for instructions).

What you need to turn in via Moodle:

· A word document with:

· A pasted screenshot (using the snipping tool) of your webpage.

· A statement (3-4 sentences) that describes the purpose of your website.

How to Build and Upload Your Web Page

1. Build your web page using Microsoft Word. Open Microsoft Word. Select the VIEW tab and under the DOCUMENT VIEWS select “Web Layout”

2. Insert a 2 x 2 table into the document and follow the structure presented in class to design your website. (You are welcome to use other formats such as the 3 column, etc.).

3. To add or change the style of your web page select the PAGE LAYOUT tab from the ribbon, and in the PAGE BACKGROUND section select PAGE COLOR.

3a. In the drop down menu, select More Colors or Fill Effects for advanced coloring options. Experiment with the different effects and find one that you like best.

4. Enter the content into your webpage. Try integrating Wordart, clipart and other MS Word features to customize your webpage.

4a. When you save your file, make sure to use the FILE - SAVE AS “SINGLE FILE WEB PAGE” option instead of the regular SAVE option. After the first time use save the file you can simply use FILE - SAVE. See step 5 before you save the file!

4b. If you want to edit your web page after you’ve saved and closed it you have to right click on the file and select ‘Edit.’ Otherwise, it will open as a “read-only” web page document that is not modifiable.

5. MAKE SURE TO SAVE YOUR WEB PAGE TO A FOLDER THAT DOES NOT CONTAIN ANY OTHER FILES. This will make the upload process easier if you choose to try it out.

6. Optional: Once the web page is finished, you are ready to  upload  the file to the web server.

7. Uploading you webpage can be accomplished using SSH, a secured FTP program. The SSH program can be downloaded from the CSUN ITR website at  http://www.csun.edu/itr/guides/ssh.html  . Detailed instructions on using SSH can be found at  http://www.csun.edu/itr/guides/ssh.html .

Here are some basic tips for you to keep in mind when  uploading :

· Once you are logged in, you will need to  upload  your files into your public_html folder so make sure to double click the public_html folder on the right side of the screen before uploading.

· On the left side of the screen, click the ChgDir button and enter the location of your web page files. For example, if you save your files to your floppy disk, enter a:\ in the box.

· To upload your files, select them on the right side of the screen and then click the right pointing arrow to transfer them to the web server. Remember, your web page consists of more than one file so make sure to upload ALL of the files in the directory. Detailed  uploading instructions  can be found  here .

(Optional) Updating your Website using FrontPage

Although you can create your webpage using Microsoft Word, you may also use FrontPage to further enhance it. The following instructions apply to using FrontPage.

Remember to ALWAYS make a backup copy of your website files before making any modifications. The process is not particularly difficult but, if you have not done it before, it is easy to make a mistake and mess up one or more of your pages. By making a backup copy, you can always go back to a version of the website the will work properly.

Once you have built your website, the process of updating it is essentially the same as when you first created it. To make changes in Microsoft FrontPage:

1. Start FrontPage and go to FILE - OPEN WEB (as opposed to just FILE - OPEN) and select your website.

2. Next, make the modifications to your website and save the file in FrontPage.

3. Start up WS_FTP and follow the above procedure for uploading.

IMPORTANT: If you upload your changes and your website online does not change the most likely problem is that you did not first select the public_html folder on the web server to upload to. Take a look at the right side of the screen and make sure that you double-clicked on the public_html folder. If you can see your public_html folder, you have not double-clicked it yet, in which case any files that you upload will go to the wrong plac e.

If you do not have access to FrontPage, you can modify individual web pages using Microsoft Word. To do that, simply use the FILE - OPEN option in Word and select the page you wish to modify. Once you are done, save the file and upload it using the procedure above. The limitation to using Microsoft Word is that you will not be able to manage links on the graphical navigation bars or work with all of your pages as an integrated website like you can in FrontPage.

ADDITIONAL RESOURCES

· CSUN Internet Reference Guides - These can be used to help you set up and use your CSUN account from home.

· CSUN Account Setup Instructions - This guide is geared toward building and uploading a web page at CSUN.

· UPLOADING INSTRUCTIONS - You will need these instructions to upload your page to the WWW.

· HTML Quick Reference Guide - From the University of Kansas. If you need to modify the HTML tags in your web page, this guide is for you.

· SSH  - SSH Is the FTP program that we use in class to upload web pages. This link provides access to the CSUN training guide for SSH, as well as instructions on how and where to download it for free.