Creating html page in word

Creating html page in word

Creating HTML in Word, Step by Step

This hypertext tutorial will guide you in the creation of a document where all the interaction occurs within the document through jumps to and from bookmarks placed in the document. You can also jump out to different files as well as to bookmarks by using the appropriate option when you insert hyperlinks.

For example, this file with its blue background is different from the file with the yellow background to which it is linked. Except for the color change placed here for illustration, whether the jump is within or outside a file should be transparent to the user.

For simplicity here, we will learn to bookmark a single document and jump around in that. You’ll get the most out of this tutorial if you reduce your Netscape window and open a Word one , and try out the features as you go .

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen .

Most of the process of creating and editing HTML files is the same as for Word. HTML file creation and development is fairly intuitive but differs from Word in the following components. Click on a component to find out more about it.

If you’re not sure about what to do, then we’ll see how to create an HTML document using Word.

What do you want to do now?

Select one of the topics above, OR

Use the Back Arrow key on your web browser to page back through screens you’ve already seen

With Word, you can create two kinds of documents, Word documents, and HTML documents. If you start by creating a word document, you will have to save it later as HTML .

To open a Word document, use: File / New / General / Blank Document

To open an HTML document directly, use: File / New / Web Pages / Blank Web Page

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen

Depending on how you created your document, when you pull down the File menu, you should see Save options as follows:

If your document is already HTML, you will see: Save , Save as . , Save as Word Document . Here, you choose Save , and give your document a name if necessary.

If your document is in Word format, you will see: Save , Save as . , Save as HTML. Here you choose Save as HTML , and give your document a name.

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

Creating HTML, or Web documents, in Word is as easy as creating Word documents. Basically, you just write out what you want to say. However, with Web documents, you want to bear in mind how your audience is interacting with the text. Also, formatting features are liable to be more prominent and varied in Web documents than in prose ones, and these enhancements take on more communicative import. Here, you can find out about the following enhancements:

Click on one of the items above or below.

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

Highlight the text you want as a heading.

Either click on the big A (repeatedly if necessary) and B I U as needed or use Format / Font / (select size and attributes) (click OK )

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

You can easily color or texture the background on your web document. Here’s how:

Format / Background / (select a color; it is immediately applied)

Format / Background / Fill Effects / (select a shaded texture, immediately applied)

This process will copy a file to the folder where your HTML document is stored. When you transport your Word/HTML document, make sure you copy the associated image files as well.

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

Making those nifty little pull-down boxes

Hey, someone, write us some instructions here to tell us how to make those cool little pull down boxes!!

Here’s what we know so far. If you use:

Insert / Forms / Dropdown Box . you get what’s inserted below (you can only see this with a Java enhanced browser)

Our challenge now is to get text into the boxes. Can you crack this conundrum??

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

Easy, just highlight the text you want bulleted, then use:

Format / Bullets and Numbering / (choose Bulleted or Numbered ) / (select a scheme) (click OK )

This process will copy a file to the folder where your HTML document is stored. When you transport your Word/HTML document, make sure you copy the associated image files as well.

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

Place the cursor where you want the line, then use:

Insert / Horizontal line / (select one) (click OK )

Once the line is on the page, you can click on it to expose its handles and then drag the handles to resize the line.

This process will copy a file to the folder where your HTML document is stored. When you transport your Word/HTML document, make sure you copy the associated image files as well.

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

Place the cursor where you want the image, then use:

Insert / Picture / (select Clip Art or From File ) (browse for the image or file containing the image) (click OK )

You have a number of options for inserting objects using this command sequence. In Clip Art, you will see a number of images and also be offered access to pictures, sound, and video files, as well as an option to browse the Web to locate art to import into your document. The From File option assumes that you have images in files somewhere and that you can locate these on your hard drive. There are a number of such images in the /Program Files /Microsoft Office / Clip Art folder on my machine, created during installation of Microsoft Office 97, and these files may reside on your machine as well.

When you get your standard issue digital camera, you can have fun with this feature

The image at the top of this page came from /Program Files /Microsoft Office / Clip Art /Icon / Pencil and Paper.gif. Click here to check it out .

This process will copy a file to the folder where your HTML document is stored. When you transport your Word/HTML document, make sure you copy the associated image files as well.

What do you want to do now?

Use the Back Arrow key on your web browser to page back through screens you’ve already seen.

Источник

HOW TO: Create and Edit an HTML Document with Microsoft Word 2002

This article provides a step-by-step guide to how to create an HTML document, including items such as typing text and adding images and hyperlinks to your HTML document.

Create Your HTML Document

Use one of the following two methods to create your new HTML document.

Method 1

1. Start Microsoft Word.
2. In the New Document task pane, click Blank Web Page under New.
3. On the File menu, click Save.

Method 2

1. Start Microsoft Word.
2. Create a new blank document.
3. On the File menu, click Save as Web Page.
4. In the File name box, type the file name that you want for your document, and then click Save.

Add Text and Hyperlinks to Your HTML Document

1. Open the HTML document that you created earlier in this article. To do this, follow these steps:
   1. On the File menu, click Open.
   2. Browse to the location that you saved your article to, in the «Create Your HTML Document» section of this article.
   3. Select the file and then click Open.

   Add an Image to Your HTML Document

   1. Place your insertion point where you want to place an image in your document.
   2. On the Insert menu, point to Picture, and then click ClipArt.
   3. In the Insert ClipArt task pane, click Search.

   Open an HTML Document in Word

   If the New Document task pane is still displayed:

   In the New Document task pane, select the document under Open a document. This opens the document directly.

   If the New Document task pane is not displayed:

   1. On the File menu, click Open.
   2. In the Open dialog box, locate the HTML document that you created earlier, and then select it.
   3. Click Open.

   REFERENCES

   For more information about HTML support in Word 2002, follow these steps:

   1. Open Microsoft Word 2002.
   2. On the Help menu, click Microsoft Word Help.
   3. Click the Answer Wizard tab.
   4. Type HTML in the What would you like to do? box, and then click Search.
   5. Related topics will be displayed. Click any item to display the information.

   Источник

   Creating html page in word

   You can use Microsoft Word to convert existing documents into HTML format. Use the “Save as Web Page” option to create documents for the web. Remember, layout differences may exist after you convert a document. For example, if you used tabs to create a table in Word, the tab space will not appear in the HTML document. To avoid having to correct an improperly aligned table, always use Word’s Insert Table options to create new tables. Also, each time you use the ENTER key in Word, extra white space will appear in the converted document (let the text wrap automatically whenever possible).

   Note: Read the instructions for using the «Save as Web page. » option before you start.

   1. Open Word.
   2. When the application opens, from the “File” menu, choose “Open.” Then, from the list of available documents, double click the document you wish to convert.
      Note: When the document opens, familiarize yourself with the layout. The converted document will not look exactly like the original.
   3. From the “File” menu, choose “Save as Web Page.” Click “Save.”
      Note: When you convert a document to HTML format, you retain the original document as a separate file. The new HTML file has the same file name but a different file extension (.htm).
   4. When the conversion is complete, the converted file appears in the window (filename.htm). View the HTML source code file by selecting the “View” menu, then “HTML Source.”
   5. If you have graphics in your document, scroll through the HTML source code to find the reference to the image. Word names images consecutively (Image1.gif, Image2.gif, etc.) When you publish your page, be sure to include these image files.
   6. Return to edit mode by clicking the “X” in the HTML Source window.
   7. You can modify the HTML file using the Microsoft Word formatting buttons and menu options and the Web toolbar options (insert hyperlink, insert image). When you are satisfied with the appearance of your page, be sure to save it.
   8. Close your document by selecting the “File” menu, then choosing “Close.” Click the Close button (the “X” in the upper-right corner) to close Word.
   9. Open your HTML file in a WWW browser to see how it will appear. You can adjust the layout of the page if necessary using Mozilla’s editing options.
   10. Next, you must move your files to your Web directory using SSH Secure Shell file transfer software.
   11. Once you have published your page, view it in Mozilla to see how it will appear to the world.
       Open Mozilla Navigator. In the “Location:” box, type the address (URL) of your page.
       • If you published in your “public_html” directory, the URL will be http://udel.edu/~your_username/filename.htm.
       • If you published in an official University directory, the URL will be http://www.udel.edu/directory_path/filename.htm.
       • If you published your student organization page, the URL will be http://copland.udel.edu/stu-org/your_organization’s_directory

   Источник

   How to create and modify an HTML document in Word 2003

   To create your new HTML document, use one of the following two methods.

   Method 1

   1. Start Word 2003.
   2. In the New Document task pane, click
      Web Page under New.
   3. Click File, and then click
      Save.

   Method 2

   1. Start Word 2003.
   2. Click File, and then click Save as Web Page.
   3. In the File name box, type the file name that you want for your document, and then click Save.

   Add Text and Hyperlinks to Your HTML Document

   1. Open the HTML document that you created earlier in this article. To do this, follow these steps:
      1. Click File, and then click
         Open.
      2. Locate your saved article, in the «Create Your HTML Document» section of this article.
      3. Click the file, and then click Open.

      Add an Image to Your HTML Document

      1. Put your insertion point where you want the image to be in your document.
      2. Click Insert, point to
         Picture, and then click ClipArt.
      3. In the ClipArt task pane, click
         Search.

      Open an HTML Document in Word

      1. Click File, and then click
         Open.
      2. In the Open dialog box, locate the HTML document that you created earlier, and then select it.
      3. Click Open.

      References

      For more information about HTML support in Word 2003, follow these steps:

      1. Start Word 2003.
      2. On the Help menu, click Microsoft Word Help.
      3. Type HTML in the
         Search box, and then click the arrow.
      4. Related topics and templates will appear.

      Источник