How do I make a document into HTML?

  • 1
  • Question
  • Updated 9 years ago
  • Answered
How do I make a Micrsoft office document into an HTML document? I typed a nice price list for my business and copy and pasted it, but then the format was changed? How do I keep it exaclty how I have it on my document to show on site? They say I would need to make an HTML so that it would not change the format? Please help me I have many customers and the page is blank, still. PLEASE HELP ASAP!!!
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
  • frustrated

Posted 9 years ago

  • 1
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hello vincent,

You can copy the Word document and Paste it into "Notepad" and then Copy from Notepad and Paste into your webpage.

What that does is get rid of the extraneous codes that Word applies to a document.

You may still get some differences in format because of spacing etc.

Good luck.
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
P.S. I tried your option, but it didn't work. I have pictures and nice fonts and colors I would like to keep.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
OK,

If the format and setout are that important then maybe if you get an image of your page and paste it as an image.

If you know how to work with HTML then what you can do is paste it as plain text as I suggested. Then read the HTML by selecting the text that you pasted. On the text bar you will see the HTML facility.



Click this icon and a pane will open with your text embedded in the HTML codes. You have to add codes at the appropriate places to display your text as you want it.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Vincent,

I think the easiest way is to look at your document and break it down into sections.

Pictures will all be different sections. Lits and tables will all be different sections.

Then recreate the layout by pasting the text as I have outlined adding the pictures and lists/tables as you go.

If you do it in sections it allows you to review and make any changes to accommodate what you need.

It's quite probable that you have used fonts in your primary document that are not available in the sitebuilder.so you will probably need to adjust your font selection to approximate

I hope this works for you.
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
Do you know how to make a docmumet into html?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Microsoft Word can save any document as HTML.

You can't use it though to place in the HTML widget that I'm aware of.
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
I need to get a code to put in my page so that it won't change the format
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Vincent,

You can try saving your word doc as an HTML file, then open your file with Notepad, copy it and then place it into an HTML widget. I don't think that your images will come through and the text style will have changed but it should give you some aspect of the original. I tried an image rich word doc that I have and did as I have outlined.

You may then be able to place your images where they once were?

This is a new area for me. So I hope you get somewhere with it.

If you go down this route be sure to trial it on a test page first.


This is the published version:


This is very interesting and possibly something new and of value.
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
I am very confused
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
OK,

What is the confusion vincent?

Happy to take it one step at a time.
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
Ok so may I send you a compresed folder and can u help me make into an HTML document. I found the steps on a site but I dont have a program called simple text on my computer. Here are the steps.

Notepad Instructions
This will be the most common program that PC HTML programmers will use. Notepad can edit HTML, and at the same time you are able to view what you edit, in a web broswer. Below, are step-by-step instructions on how to get Notepad to create an HTML document.
Step 1: The first step is to create the HTML document which you will later be editing with notepad. There are a series of steps you will need to do in order to do this, please follow them closely.

First, right click on the desktop, select New, and from the pop-up list select Text Document. You will now see a new text document on your desktop titled New Text Document.

Now, you will have to change your computers settings so you are able to see file extensions. To do this, open up Explorer (Explorer refers to any window or folder). Once there, select View, and from the drop down list select Folder Options.

In the window that pops up, you will see three tabs on the top. Click the second tab, labeled, View. You will now see a list of check boxes. Find the option that says Hide File Extensions for Known File Types and make sure this box is not checked.

Click apply and go back to the desktop. You will now see the file you just created is called New Text Document.txt, with the .txt extension added on the end. Right click on this file, and rename it to filename.html. Filename can be whatever you want, but the ending must end with .html. Once this is done, you will notice that the icon will change, and you now, have a valid HTML file on your desktop.

You are now able to change the settings for viewing extensions back off if you wish, but it is not required.
Step 2: The second step is to open up this file using Notepad. To do this, open Notepad. If you can't find notepad, click the start menu, select Run and type in Notepad.

When Notepad is opened, go to File/Open. Then, locate your HTML document you created in Step 1 and click open. If your HTML document does not appear, be sure to set "File Of Type:" to "All Files" instead of "Text Documents". You are also able to simply drag your file into the Notepad program if you find that easier.
Step 3: The third and final step is to set your computer up so that when you update the HTML document in notepad, you can quickly see the changes you made to your page in your browser. To do this, first open up the HTML file in notepad. Then, double-click on the HTML file itself.

You should now have two windows open. One being Notepad, and the other being your web browser. Now, when you type HTML in Notepad, you can quickly view the results by going to the browser and hitting refresh.

Simpletext Instructions
This will be the most common program that Macintosh HTML programmers will use. Simpletext can edit HTML, and at the same time you are able to view what you edit, in a web browser. Below, are step-by-step instructions on how to get Simpletext to create an HTML document.
Step 1: First, you need to open the Simpletext program. You may or may not know where it is. If you do, just open it, but if you don't, you can easily find it by opening the "Find" program and doing a search for "Simpletext".

Step 2: Now, you will need to save is as an HTML document. To do this, go up to File/Save As, select a location to save it to, and then, save it as filename.html. You can change filename to whatever you want but you need the .html on the end.

Step 3: Last, is to set your computer up so that when you update the HTML file in Simpletext, you are able to quickly view the results of your HTML in your web browser. To do this, first open up the HTML document in Simpletext. Then, launch your web browser and drag your HTML file into the web browser. Now, when you type HTML in Simpletext, you can quickly view the results by going to the browser and hitting refresh.
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Vincent,

Do you have MS Word?
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
Yes
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
That's good Vincent,

Please open the word document that you created as you would normally.

Then Save it as an HTML document. So use Save As and scroll down to Web page (*.htm, *.html) in the save as field.

The word doc will now be saved in the HTML format.

Nex t thing to do is to Open Notepad. Then open the file you just made ie the html file. It will appear in notepad. Then through the EDIT tab of Notepad, Select All. Copy. this will copy the HTML file without extra codes.

Go to your Synthasite builder to the page you wish to place the file. On teh RHS you will see the sidebar and the HTML placeholder, which is a glassy blue sphere. drag that onto your page. An HTML box will open. Paste the HTML file you have in memory into this box.

save your page. Update your page. view
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
I did that and it didnt work
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
OK.

Where hasn't it worked. Any idea?
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
L À F› A¥ÅËŠÉ*å1⁄2Ào¥ÉNŽðÀo¥ÉÚ ° DGYr?§D‰ÅU•þk0î î»þ# КÓý# ̄F­ ́l...HiÇ z 2 Ú o:8± CUDDLE~4.DOC ^ ï3⁄4H:xo:8±& õœ 2 C u d d l e C o r n e r P r i c i n g . d o c x ‘ / < d G0© ̃ OS C:\Users\ ( \\CLEMENTI-PC\Users Vincent\Documents\Cuddle Corner Pricing.docx ' . . \ D o c u m e n t s \ C u d d l e C o r n e r P r i c i n g . d o c x C : \ U s e r s \ V i n c e n t \ D o c u m e n t s 4 КÓý# ̄F­ ́l...HiÇ4 ` X clementi-pc v ̃;t)úA°e=õØ2Ë=‡gAÞ« Š v ̃;t)úA°e=õØ2Ë=‡gAÞ« Š

is what it gives me when I make it HTML
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
I think that's OK,

It's just reading all the code. Is it saved with the html ending eg: {myfile.html}?

You can check by simply double clicking on the generated and saved HTML file. It should open in your browser
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
can you tell me your email address. I will then send you mine and you can send me the file.

If there's a hidden virus I will haunt you to your grave :)
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
It dosent do that and i tried pasting it but it didnt do anything
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
email address?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
OK. have sent you an email. Please delete your last entry (email address)off here.

There is a delete function at the upper RHS of you last message.
Photo of Vincent

Vincent

  • 27 Posts
  • 0 Reply Likes
I sent u my document
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Vincent,

You can check it out on http://trialblock1.synthasite.com/vin...

As you can see it has stripped the images. You should be able to put these back by playing around with it after getting to this point.
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
I have done OK using this in the past.....http://wonderwebware.com/converters/.... Peter you know this stuff better than I do maybe you might want to take a look at it also....Just something I found awhile back on cnet.com
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Hi John, I had a look at that link. It's not working for me. Can you check it for me?
Photo of Peter

Peter

  • 2569 Posts
  • 113 Reply Likes
Thanks john.

I'll check it out.

How's business?
Photo of KanThaiDecor

KanThaiDecor

  • 2402 Posts
  • 263 Reply Likes
Slow but at least staying in the black...Any luck on getting rid of the copycats ?