Academic Computing Center - American University of Beirut - Web Page Design
 
 

 

 

  CONTACT ACC:
 
  Phone:
 
  2599 3515  
  3519 3587

 

  Email:
  ACC  Moodle


ACC RESOURCES
Web Accessibility
Tutorials
Teaching Material
Technology in Education
e-Books &
e-
Journals
Internet
& Web

Web Page Design
Copyright on the Internet
Citing Internet Sources
Electronic Plagiarism
Glossaries & Dictionaries
Computing
Updates

Software

Web 2.0


Save Office Documents as Web Page


Computer Ergonomics


 
 

 

 

 

 

 

PATH TO THIS PAGE:      
Academic Computing Center > Resources > Web Design

How to Design & not to Design Web Pages

The following selected Web sites have excellent tutorials and other information on Web page design.   Learn how to write for the Web and don't be carried away by 'bells and whistles.'  Simple is better.  

 

 

  Web Page Design


Web Style Guide
(from Yale University)
http://www.webstyleguide.com/index.html?/index.htm
Excellent information on Web pages planning, designing, graphics, multimedia, and more. 

Recent Web Tutorials on a variety of topics (from Adobe) http://www.adobe.com/web/tips/main.html

Web Pages that Suck.com
http://www.webpagesthatsuck.com/index.html
"
It's where you learn good Web design by looking at bad Web design."

back to top  
     

  Writing on the Web

Go to the page Writing on the World Wide Web to find information on how to write texts for the Web, how to document online sources, and how to write without bias. 

back to top  
   

  Web Security

The WWW Security FAQ
- http://www.w3.org/Security/Faq/
"What is to worry about?"  Answer to this and many other questions.

back to top  
    

   

  HTML


HTML Tutorial
(from Rutgers University)
Local Version (pdf) or http://getit.rutgers.edu/tutorials/html/media/html.pdf

HTML Crash Course for Educators
http://www.edwebproject.org/htmlintro.html
"This tutorial will introduce you to the basics of HTML design and style. Even though the Crash Course was originally designed with teachers in mind, anyone is free to use it."

HTML Character Tags - http://www.acronet.net/tags/characters.html
HTML uses the character set called the Universal Character Set (UCS), defined in the ISO-10646 specification. This standard defines a repertoire of thousands of characters used by communities all over the world.

back to top  
  

  Saving MS Office documents as Web Pages
 


Saving Word files as Web pages

Professors can upload Word documents (with .doc extensions) to Moodle courses and Web pages.  However, before uploading Word files, they should consider the following drawbacks:

1.      Word files use more computer space than files in HTML format and large files may create network congestion and delays.

2.      Word documents require the client computer to have MS Word installed locally to function properly.

3.      When one tries to open Word files inside a Moodle course or a Web page, a new window will pop-up asking whether the user wants to Save or to Open the document.  The HTML version, on the other hand, opens up instantly on your Moodle course or on your Web page.

Thus, it is recommended that you convert your Word files to HTML format before uploading them to your Moodle courses or your Web pages.

To save a Word document in HTML format (as a Web page):

  1. Open the Word document.
  2. Go to File>Save as Web Page. The Save As window will open.  
  3. Choose the location where to save the new file in.  
  4. You can change the File name of your new Web page document.


     

  5. You can also change the Page Title of your document. This title will appear at the top of the web browser when a person views your Web page. Click OK when done.
  6. Click on Save.

Notice the file that has been created: the file icon includes both the Word and the HTML logos (see picture below).

IMPORTANT:
If your Word document contains pictures follow the same procedure as above to save the file as a Web page but notice that after you save the file as a Web page you will obtain an HTML document (as above) AND a folder accompanied with it.  This folder contains the pictures of the saved file (see picture below).

    


To save a Word document (in Arabic) in HTML format (as a Web page):

Note: You need Explorer 5.5 or higher or Netscape 6.2 or higher to properly view documents containing Arabic characters.

  1. Open the Word document in Arabic
  2. Go to File>Save as Web Page. The Save As window will open.  
  3. Choose the location where to save the new file in.  
  4. You can change the File name of your new Web page document.
    IMPORTANT: the name of the file cannot be in Arabic characters.

  1. Although the name of the file cannot have Arabic characters, the title of the file can be in Arabic (see picture above).  This title will appear at the top of the web browser when a person views the file.
  2. You can also change the title of your document.  To change it, click on Page title.  Type in the new Page Title.  Click OK when done.

  1. On the Save As window click on Save.

Notice the file that has been created: the file icon includes both the Word and the HTML logos (see picture below).

IMPORTANT:
If your Word document contains pictures follow the same procedure as above to save the file as a Web page but notice that after you save the file as a Web page you will obtain an HTML document (as above) AND a folder accompanied with it.  This folder contains the images of the saved file (see picture below).

back to top

Saving Excel files as Web pages

Professors can upload Excel documents (with .xls extensions) to Moodle courses and Web pages.  However, before uploading Excel files, they should consider the following drawbacks:

1.      Excel files use more computer space than files in HTML format and large files may create network congestion and delays.

2.      Excel files require the client computer to have MS Word installed locally to function properly.

3.      When one tries to open Excel files inside a Moodle course or a Web page, a new window will pop-up asking whether the user wants to Save or to Open the document.  The HTML version, on the other hand, opens up instantly on your Moodle course or on your Web page.

 

To save an Excel document in HTML format (as a Web page):

  1. Open the Excel file.
  2. Go to File>Save as Web Page.  The Save As window will open.  
  3. Choose the location you want to save the new file in.  
  4. You can change the File name of your new Web page document.
  5. You can also change the Page Title of your document. This title will appear at the top of the web browser when a person views your Web page. Click OK when done.
  6. Type a title for the Web page in the Page title field (e.g. "Grades for Section one"), and click OK to confirm the title. 

       

  1. Still in the Save as window, notice the two radio buttons next to "Save":

- Entire Workbook: select it if you want to save the entire Excel workbook as a Web page.
- Selection Sheet: select it if you want to save one single Excel  worksheet as a Web page. 

Note: The Add Interactivity checkbox allows you to publish your worksheet and workbook as “interactive” or “non-interactive”.  For more information about interactivity, refer to “Put Excel data on a Web Page” in MS Excel Help

  1. Click Save button.

IMPORTANT NOTES:

1)     When you save an Excel workbook (a group of worksheets) you will obtain both an HTML file and a folder, independent of the files having pictures or not.   

2)     When you save a single Excel worksheet that includes pictures you will also obtain the HTML file and the folder.

When you save a single Excel worksheet that does not include pictures, ONLY an HTML file is created.

back to top

Saving PowerPoint presentations as Web pages

Professors can upload PowerPoint presentations (with .ppt extensions) to Moodle courses and Web pages. However, before uploading PowerPoint files, they should consider the following drawbacks:

1.      PowerPoint files use more computer space than files in HTML format and large files may create network congestion and delays

2.      PowerPoint files require the client computer to have PowerPoint installed locally to function properly. 

3.      When one tries to open PowerPoint files inside a Moodle course or a Web page, a new window will pop-up asking whether the user wants to Save or to Open the document.  The HTML version, on the other hand, opens up instantly on your Moodle course (or on your Web page).

4.      For PowerPoint presentations to be properly viewed on Moodle courses and Web sites it is necessary that the viewer’s computer have installed the Office XP Service Pack 1.  However, professors cannot be sure about the configuration on the computers of their students. 

Thus, it is recommended that professors convert PowerPoint presentations into HTML format before uploading them onto their Web sites or Moodle courses. 

To save a PowerPoint presentation in HTML format (as a Web page):

  1. Locate the PowerPoint file in your computer.  In the example, the PowerPoint file is found on the desktop, and it is called “Moodle-I-Intro”.


     
  2. Double-click the PowerPoint presentation to open it.
  3. Click on File, and select Save as WebPage.


     
  4. The Save As screen appears

  5. Select the location you want to save the PowerPoint as Web page files in. In the example above, they are saved on the computer desktop.
  6. Click Save and your presentation will be saved as “Web Page”.
  7. Close the original PowerPoint presentation.

Notice that the files of your presentation (saved as Web pages) have been divided into one folder and one file (.htm). To view the PowerPoint presentation on a Web site or on a Moodle course you need to upload both the file and the folder.

back to top
 

 

 Home

Workshops Resources E-learning Services FAQ ACC News


Copyright © 2001-2009 American University of Beirut - Disclaimer
  
Contact us / Give us your Feedback
Last updated: August 13, 2008