Using word to make a web page - Tilted Forum Project Discussion Community

kebo · 11-08-2004, 07:45 PM

Alright, easy question it think.
I have never made a web page til now, and I'm using word. So I drop a *.jpg file into word doc and the picture appears. I saved the doc as *.html and upload it to the server. When I open the web page, everything is there except the pic. How do I make the picture appear on the web page. If you need more info please ask
thanks
kevin

zero2 · 11-08-2004, 08:28 PM

1) Have you uploaded the picture to the site, if you haven't you need to also upload the picture?

2) Take a look at the source code, by right clicking the .html file, then opening it with notepad or wordpad, make sure that img code is correct. It should look something like this: <img src="picture.jpg"/> , where picture.jpg is substitued with the filename of the picture. Remember, the file name is case sensitive.

skaven · 11-08-2004, 10:03 PM

I could go into all the details of how a web browser locates all the parts of a web page, but w3schools has already put together a fine page on this kind of stuff. The tutorial takes about 1 hour to go through, and when you're finished with it you should be proficient enough at HTML and web standards that you can ditch Word as a web page editor (note: Word is a TERRIBLE way to create web pages!) and switch to something a bit more capable (like notepad).

Here's the link: http://www.w3schools.com/html/default.asp

theFez · 11-08-2004, 10:26 PM

Quote:

Originally Posted by skaven

(note: Word is a TERRIBLE way to create web pages!) and switch to something a bit more capable (like notepad).

this should be in all caps and huge font and red or something

Word is about the worst possible way to build web pages. really.

Get yourself a programmers text editor (if you check the php editor thread on the programming page it has some good ones) or use notepad. If you must have WYSIWYG, get dreamweaver. at least it generates reasonable html.

w3schools is a great way to learn about web pages and what not. Especially CSS.

and yeah, you probably either haven't uploaded the image or haven't changed the link from looking on your local computer to looking on your remote comp.

archer · 11-11-2004, 11:17 PM

Yep, all I have to add is:
Using word for web authoring makes baby jesus cry

gh0ti · 11-12-2004, 04:23 AM

I had one of those huge deadlined project a couple of months back. On top of all the development that needed to be done some opperations monkey sends a 10 page FAQ that was in a word doc.

I found this tool useful to some extent:

http://textism.com/wordcleaner/

It doesnt to a perfect job, but when your in a hurry, even a little cleaner is better the word outputted HTML.

ratbastid · 11-12-2004, 07:07 AM

Look, there are lots of tools out there to help you build web pages without having to learn HTML. Microsoft Front Page isn't great, but will have a relatively consistent user interface with Word, and will import Word files. It also has tools to be sure you uploaded all the relevant parts of a page to the web site, so you don't have the problem you've described.

Using Word to make web pages is like using a meat thermometer to open a can of soup. You can probably do it, but it's not pretty.

welshbyte · 11-13-2004, 01:53 PM

Agreed, word is a really bad choice for web pages but if you genuinely _have_ to use it and there is no other choice, make sure you take a look at the source code it generates after you've made it and (although you may not have much html experience) just look for things that you think shouldnt be in the source code. Examples would be things like lots of meta information about MS Word and repetative tags which may not need to be there and tons of white space which doesnt need to be there.

Just be inquisitive and possessive of that source code and test it with a few browsers to make sure your users are all seeing the same thing and that Word did not just create code to be viewed using IE. Also, if you're a purist like myself, you could run the html files through the validator at http://validator.w3.org/ (sfw, naturally). If you use a html editor and take these steps you may find that it leads you to learn some html on-the-job. Thats basically how i started

11-08-2004, 07:45 PM	#1 (permalink)
kebo Tilted Location: reno,nv	Using word to make a web page Alright, easy question it think. I have never made a web page til now, and I'm using word. So I drop a .jpg file into word doc and the picture appears. I saved the doc as .html and upload it to the server. When I open the web page, everything is there except the pic. How do I make the picture appear on the web page. If you need more info please ask thanks kevin

11-13-2004, 01:53 PM	#8 (permalink)
welshbyte Insane Location: Wales, UK, Europe, Earth, Milky Way, Universe	Agreed, word is a really bad choice for web pages but if you genuinely _have_ to use it and there is no other choice, make sure you take a look at the source code it generates after you've made it and (although you may not have much html experience) just look for things that you think shouldnt be in the source code. Examples would be things like lots of meta information about MS Word and repetative tags which may not need to be there and tons of white space which doesnt need to be there. Just be inquisitive and possessive of that source code and test it with a few browsers to make sure your users are all seeing the same thing and that Word did not just create code to be viewed using IE. Also, if you're a purist like myself, you could run the html files through the validator at http://validator.w3.org/ (sfw, naturally). If you use a html editor and take these steps you may find that it leads you to learn some html on-the-job. Thats basically how i started __________________ There are only two industries that refer to their customers as "users". - Edward Tufte

11-08-2004, 08:28 PM	#2 (permalink)
zero2 Junkie	1) Have you uploaded the picture to the site, if you haven't you need to also upload the picture? 2) Take a look at the source code, by right clicking the .html file, then opening it with notepad or wordpad, make sure that img code is correct. It should look something like this: <img src="picture.jpg"/> , where picture.jpg is substitued with the filename of the picture. Remember, the file name is case sensitive.

11-08-2004, 10:03 PM	#3 (permalink)
skaven Insane Location: Austin, TX	I could go into all the details of how a web browser locates all the parts of a web page, but w3schools has already put together a fine page on this kind of stuff. The tutorial takes about 1 hour to go through, and when you're finished with it you should be proficient enough at HTML and web standards that you can ditch Word as a web page editor (note: Word is a TERRIBLE way to create web pages!) and switch to something a bit more capable (like notepad). Here's the link: http://www.w3schools.com/html/default.asp

11-11-2004, 11:17 PM	#5 (permalink)
archer Upright Location: Australia	Yep, all I have to add is: Using word for web authoring makes baby jesus cry

11-12-2004, 04:23 AM	#6 (permalink)
gh0ti Crazy	I had one of those huge deadlined project a couple of months back. On top of all the development that needed to be done some opperations monkey sends a 10 page FAQ that was in a word doc. I found this tool useful to some extent: http://textism.com/wordcleaner/ It doesnt to a perfect job, but when your in a hurry, even a little cleaner is better the word outputted HTML.

11-12-2004, 07:07 AM	#7 (permalink)
ratbastid Darth Papa Location: Yonder	Look, there are lots of tools out there to help you build web pages without having to learn HTML. Microsoft Front Page isn't great, but will have a relatively consistent user interface with Word, and will import Word files. It also has tools to be sure you uploaded all the relevant parts of a page to the web site, so you don't have the problem you've described. Using Word to make web pages is like using a meat thermometer to open a can of soup. You can probably do it, but it's not pretty.