Working with Web Pages in

Microsoft Word

 

 

 

 

 

Contact Information:
Web Development Unit: webdev@mccfl.edu


Elizabeth Donald:  752-5698 or Ext. 65698  Email: donalde@mccfl.edu

 

 

 

Do I really need a website?

A class Web site can be a great way to extend learning beyond the classroom walls. This guide walks you through the many options for creating a class Web site that incorporates text, images, and interactive Web-based tools.

 

Publishing information on the web  gives students a more complete picture of a class prior to registration, about what students can expect to learn from the class, method of instruction, recommended preparation, nature of assignments and basis for grading.


Words of wisdom:

Use images effectively. Keep in mind that graphics on the Web take much longer to load into a browser than plain text. While this may not be noticeable to users on the campus network, those dialing in with a modem may find that download time slows to a crawl.

Strive for visual coherence.

Lots of colors or animation may look impressive at first, but tend to be tiring and annoying to viewers. Try to create a visual environment where students instantly know they are looking at your course Web site. Use consistent color schemes and formatting conventions across the pages in your course Web site.

Consider issues of access for the visually impaired.

While viewers can change settings on their computers to make text larger, they can't do much to change the colors you choose for your pages. Strive for strong contrast between text and backgrounds, and remember that different computers display colors differently, potentially rendering your color combinations unreadable.

Keep site content dynamic.

While the visual design of your site should become familiar and comfortable to your students, constantly changing the content creates a sense of excitement and encourages students to visit the Web site on a regular basis. The easiest way to make your content dynamic is to post announcements, ideas, and links that change often on the opening page of the site. You may also want to consider holding back the content you have developed and adding it in stages over the course of the term as it becomes relevant, rather than posting everything you'll use for the entire term all at once.

Borrow ideas.

There is no need or good reason to reinvent the mouse pad. Look at what other people are doing and develop your own design based on other pages. What do you like or dislike about other peoples' course Web sites? Images and text on the World Wide Web are subject to copyright, however, so use other sites for inspiration but avoid copying content.

Link to other resources.

Web links from your course web site can help your students to quickly find reliable information related to your course. Links to research projects at other institutions, online dictionaries, refereed online journals, and Web sites of companies related to coursework are just a few resources you can make available to your students at the click of a mouse. And Carefully evaluate a Web site before giving it your "seal of approval" by linking to it from your site.



Working with Web Pages in Microsoft Word

Process

 

After you submit the request to the Web Development Team to have your webpage created, we will open an account and create a template in MS Word for you.

 

There are 3 main procedures:

1.- Create a shortcut  or connection with the server (this is a one time procedure)
For your documents to be visible to users on the World Wide Web, they must be saved to a Web server. A Web server is a computer at a remote location on which your files are stored and "served" to the Web browsers of people who request them.

 

 

2.- Copy the template files from the server to your computer (this is a one time procedure also)

 

 

 

My Computer

 

 

 

Template

 

 

 

MCC  Server  

   


 

 

3.- After you modify your webpage, copy the files back to the server where all users can access  on the Internet

My Computer

 

 

 

Template

 

 

 

MCC  Server  

   


 

 

Section 1
(Create the connection between your computer and the server)

Note: Unless you are going to work on a different computer, this is a one time procedure.

 

             For Windows 2000

  1. On the desktop double click on My Network Places.
  2. Double click on the icon Add Network Place
  3. In the Internet Network address type ftp://ftp.faculty.mccfl.edu, click Next
  4. Uncheck Log on anonymously and type your user name, click Next
  5. Type a name for your network place: i.e. My Site, and click Finish
  6. You’ll be prompted to type your password
  7. Check Save Password
  8. Click on Log On

-------------------------------------------------------------------------------------


For Windows XP

     On the desktop double click on My Network Places.
2.  Under Network Tasks, click Add a network place.
3.  In the Welcome to Add Network Place Wizard, click Next,
4.  Click on “Choosing another network location” click Next
5.  In the Internet Network address type ftp://ftp.faculty.mccfl.edu, click Next
6.  Uncheck Log on anonymously and type your user name, click Next
7. Type a name for your network place: i.e. My Site, click Next
8. Click Finish
9. You’ll be prompted to type your password
10.Check Save Password
11.- Click on Log On

 When you have successfully finished, an icon for your new shortcut will appear in the My Network Places folder.




Section 2
(Copy the template to your computer)
 Note: Unless you are going to work on a different computer.  This is a one time procedure.

When you submitted the request to have a webpage, we created a template in MS Word called YourUsername.htm. Because your template contains graphics, an html file and a supporting folder will appear. The folder will contain a copy of all of your graphics. COPY this folder with your html file! If you do not, your presentation will not appear properly

 

But first let’s create a folder to store all the content like pictures, documents and all the material you will need to create your website on your hard drive.

 

1.- On the desktop double click on My Documents

2.- On the tool bar click on File, New and Folder

A new folder is displayed with the default name, New Folder selected

Type a name for the new folder i.e WEBSITE, and then press ENTER

Now let’s connect to the server:

1.- On the desktop double click on My Network Places.

2.- Double click on the Icon that you created.

3.- After that, you will see the files YourUsername.htm and the support folder that contains pictures.




4.- On the tool bar click Edit,  Select All then Edit, then Copy.

5.- Minimize the screen (Don’t close this page. You will need it later)

6.- Go back to the Desktop and Double click on  My Documents, and then double click on the folder WEBSITE

7.- On the toolbar click on Edit, then  Paste. You will see the 2 files on the screen.

 

Now you have a place in your computer (folder WEBSITE) where for now on you will save and store all the information you will need in your website

 

 

 

Section 3
(Edit your Pages)

This is the normal procedure you will follow every time you need to make changes in your website:

1.- Open Microsoft Word
2.- On the toolbar click File and then Open
3.- Double click on My Documents
4.- Find the WEBSITE Folder and double click on it
5.- Click on YourUsername (YourUsername is the template. This will be your main page) Don’t click on the folder!

 

  

6.- After the document is open you can now modify the template page information just as you would change a regular Word document.

 

7.- .- Remember to save your documents!

 

 

Section 4
(Copy your pages to the server)

 

Guess what? This is the final step!


When you have completed  your pages, copy the content of the folder WEBSITE back to the server so it can be seen by the users over the internet.

 

1.- Remember to save your documents!

 CLOSE Microsoft Word (Very important)

2.- On the desktop double click on My Documents and then double click on the folder WEBSITE

4.- On the tool bar click Edit,  Select all then Edit, Copy.

6.- Open the connection with the server (My Site) clicking on the task bar (the bottom of your screen).



 

 

(In case you accidentally closed your connection you need to Connect to the server

1.- On the desktop double click on My Network Places.

2.- Double click on the Icon that you created. (My WEBSITE)

3.- On the top menu click Edit and then Paste. You will see how the information is being copied to the server. A pop up message will appear, click Yes to All.

4.- Done!!!

Go to your webpage end enjoy a job well done!!:

1.- Go to www.mccfl.edu

2.- Faculty & Staff

3.- Faculty Directory

4.- Find your name

5.- Click on your name, this will open your business card.

6.- Click on the address to your website.

 

 

Note: If you encounter any problems please contact the Web Development:

Angela Marshall 752-5438 x=65438 or Liz Donald 752-5698 or Ext. 65698



Tips and Tricks

 

INSERTING HYPERLINKS

 

Always remember to have all the documentation in one place: the Website folder

1.-  Write the text that will be your link. i.e. Syllabus, Assignments, Handouts.
2.- With the mouse, highlight the text that you will turn into a hyperlink.

3.-  On the toolbar, click the button with a picture of a globe and chain links on it.



Click on Browse for File and find the document you want to link.
 
Click Ok and then OK

Your selected text should now be blue and underlined, indicating that it is now a hyperlink.

       


Note: One tiny typo on a link will break it. It is a good idea to test all the links on your page by opening the page with a Web browser to make sure they work. The Web constantly changes, so links should be checked regularly

 



INSERTING IMAGES

 

Always remember to store all the pictures in one place: the Website folder

 

 

  1. To help you align your pictures properly, it is a good idea to insert a picture in a table cell that you’ve created ahead of time.  (See earlier section on “Inserting Tables.”)
  2. Place the cursor where you want to place your picture
  3. Choose Insert, Picture, From File from the menu bar.
  4. Locate the image that you want to insert into the document.
  5. Double-click on the image to edit some of its properties.

 

Saving images from the Internet:

  1. Locate a non-copyrighted image on a website.
  2. Right-click on the image.
  3. Choose Save Image As or Save Picture As
  4. Locate where you want to save the image to (My Documents, and then WEBSITE folder).
  5. You will not need to enter a file name unless you want to name the file something other than the current name.
  6. Do not change the file type or this could cause the image to not display properly on your website.
  7. Click Save.

 

Notes about Images:

Google’s Image Search: http://www.google.com and choose the Images tab.

 

 

INSERTING TABLES

 

 

Note that in HTML there are no such things as tab spacing.  Therefore, if you use a lot of tabs some of your documents may not convert properly.  If you have problems with your document lining up correctly use tables.

  1. Click on the Insert Table on the toolbar (or choose Table, Insert, Table from the menu bar).
  2. Select the size of your table to be (number of rows x number of columns).
  3. Then click on the grid to insert the table.  Don’t worry if the table turns out to be too big or too small because you can change it later.
  4. Start entering your content in the table.
  5. Use the tab key to move from left to right in the table.  Once you reach the end of the row hit tab again to move to the next row (or to start a new row if you are at the bottom of the table).
  6. Table cells work similar to spreadsheet cells.  You can select alignment settings, etc. for each individual cell, row or column.
  7. Right-click on the table and then choose Properties from the pop-up menu to edit the properties of your table.
  8. Word will automatically adjust column width based on what you type in a cell.  However, you may still need to make some manual adjustments.  Do so by placing your mouse pointer on the vertical line to the right of the column you want to adjust.  When your mouse pointer turns into a two-way arrow.  Hold down your left mouse button and drag the line to the right or left.

 

 

 

 

 

 

SAVING A WORD DOCUMENT IN HTML FORMAT

 

 

1.      Open Microsoft Word

2.      Choose File and then Open from the menu bar.

3.      Locate the file you want to convert and then open it.

4.      If necessary, make any changes to the file.

5.      Choose File and then Save as Web Page from the menu bar.

6.      In the Save In drop down menu choose your W: drive to save to.

7.       Enter a file name.  After you complete Step 10, .htm will automatically be added to the file names.  For additional info on naming files, please see the notes below.

8.      Click on the Change Title button if you need to edit the title of your page (this will show in the blue bar across the top of the web browser window).

9.      Make sure file format is set to Web Page.

10.  Click on Save.

 

Notes about saving in HTML format: