WebCore Help

Converting Your Files to HTMLbluemarb.gif (1632 bytes)

1.  Open you're word-processing program (Word, WordPerfect for Windows, etc.).   Open the file you want to convert and, using the mouse, copy the file.

Using the mouse, move the cursor to the beginning of the the text, click and hold down the left mouse button as you drag the mouse over all the text you want to convert.   When you have the entire text selected, choose copy.

Minimize your word-processing program by clicking on the minus sign on the top left of your screen (Windows '95).

2.  Open your HTML editor, Notepad or Wordpad (if you're using a PC) or Simpletext (if you're using a Mac).

From Windows '95: Start menu --> Accessories -->Notepad

3.  In Notepad or Wordpad, choose "Edit," and from that menu choose "Paste."  The text you have copied should appear in the new Notepad/Wordpad file. 

4.  Just to be safe, save this file now: File Menu -->Save. 

Name the file with an "htm" or "html" extension, such as convert.htm

Save the file on your "A" drive (if you are not working on your own computer and if you have brought a floppy disk with you).  If you save it on the computer's hard drive, be sure to remember where saved it.

5.  Write the basic HTML code that is necessary for all HTML documents:

A. Put this at the very beginning of your file, before the text you have pasted in:

<HTML>
<HEAD>
<TITLE>WebCore Help: Convertng Your Files to HTML</TITLE>
</HEAD>
<BODY> or <BODY bgcolor="#ffffff> if you want a white background

B. Put this at the very end of your file, after all the text.

</BODY>
</HTML>

6.  Format your text:

A. The easy way: Use the <PRE> formatting code that tells the browser to display the text with the spacing as is.  Put this code at the beginning of your text, right after the <BODY> code

<PRE>    

And put this text at the end of the text you want formatted, right before the </BODY> code:

</PRE>

B. The other way:

Use the formatting codes, such as <P> </P> for paragraph,  listed in Gil Midonnet's HTML cheat sheets at:
http://academic.brooklyn.cuny.edu/ait/www/html/cheatsheet.html.

While the <PRE> codes are a useful way for putting up text, especially large chunks on text, on the web, you'll want to do your own formatting for your "top" pages.

7.  View what you have done so far in a browser.

Save your file again.

Minimize NotePad or Wordpad by clicking on the "minus sign" on the top right of your screen.

Open up either Netscape Navigator or Internet Explorer by double-clicking on the icon:

Netscape: File --> Open Page --> Choose file --> locate your file in the directory tree. Click on it the file name -->  Hit open --> Open again

Internet Explorer: File --> Open -->type the directory path and file name or choose browse and locate the file yourself --> OK

See what your page looks like.

8.  Editing your document:

A.  If you made changes to your file in the text editor, before you view it again with your browser:

i. You need to resave it in the text editor

ii.  When you go back into Netscape, you need to press the "reload" button so the browser knows to look for the most recent version of the file. For Internet Explorer, choose "Refresh."

B. Internet Explorer shortcut:

When viewing your page in IE, you can save several steps when you see something you want to edit or change by doing the following:

Click on your right mouse button --> View Source --> Notepad will automatically open up.

Edit your document.

Save your document. Be sure to save it in the right location.

9.  Publish yourself on the web.  See the intructions for FTPing (moving your files to the web) at
http://academic.brooklyn.cuny.edu/webcore/ftpinfo.htm


Back to WebCore Page

[Academic Home Page][Official BC Page] [Webcore Caucus Conference]
This page created and maintained by Paisley Currah,
Webcore Coordinator,  Fall 1998
Email:  pcurrah@brooklyn.cuny.edu
Last Revised --10/27/98