...

View Full Version : notepad to html



chowlee
02-18-2012, 08:52 PM
I'm using a new(to me) XP maching to write a program. I key in the below code in Notepad but when I save it to .html and then go to my documents I don't get the program but I just get the code?

<html><body>what?</body></html>

waxdoc
02-18-2012, 09:05 PM
In a plain text program -- such as Notepad -- you can create HTML and CSS files (which are text). But you save the doc with an __.html or ___.htm file extension (MIME type), instead of the Notepad deafult __.txt file extension. Then drag that HTML file icon over a browser icon or open it in a browser (which reads files ending in ___.html or __.htm).

Do NOT use a program such as Microsoft Word because it puts non-HTML coding into doc.



<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>


I'm not familiar with "XP maching" you said you were using.

I am fortunate to have access to Dreamweaver -- a helpful HTML editing tool.

tomtrain
02-18-2012, 09:07 PM
I'm assuming you're talking about when you open the site with your browser like Mozilla Firefox or Internet Explorer?

You're problem may be the way you are saving it. When you save it as .html makes sure it is not "Unitled 1.html.txt or something like that. This can happen, especially if you have known file extensions turned off on your computer.

For windows 7, you can fix this by going to Control Panel, Folder Options, in the popup window hit the View tab, and uncheck where it says "Hide File extensions for known types". Then go ack to your documents folder and see what the file extension actually is, if it differs from .html, manually type in and change it to it and it should work if this was the problem.

captainer
02-19-2012, 01:34 PM
When you press save in notepad you must change the Save as type from a .txt document to a All Files type in the drop down menu at the bottom.
If your looking for a free program for creating websites, you can try HTML-KIT or use "textpad" it is similar to notepad but automatically saves in all files format and has color highlighting to make programming easier to see.

bastion
02-20-2012, 01:57 PM
Dreamweaver is really the best tool for web masters!

felgall
02-20-2012, 09:27 PM
Dreamweaver is really the best tool for web masters!

Only if someone gives you a copy. The free alternatives work just as well when you write the HTML yourself instead of letting the program generate garbage for you that browsers then try to interpret as HTML.

Admittedly Dreamweaver does allow you to switch views to see what the finished page generated from your HTML should look like but its just as easy to open a web browser to achieve the same for other editors that don't have that option with the added advantage that you are then looking at the page the same way your visitors will.

teedoff
02-20-2012, 09:41 PM
The good thing about DW is that anyone from a novice to a seasoned veteran can use it and still do pretty well creating a webpage/site.

Novices tend to use design view and wizards strictly, therefore will get the bloated code syndrome ppl speak of. More experienced coders will in fact code in code view without all the wizards, and in so doing will tend to create more professional semantic webpages.

I like DW because it combines MANY features in one package, that very few other editors do combined.

But that has nothing to do with the OP's question.

Are you sure when you save the document in notepad, your giving it a title and then in the dropdown below the filename, you select All files. Then name the file......such as index.html.

This will save the document as an .html extension. Then if you double click the file, I like to save it to desktop initially to test it, it should open in a browser. If it doesn't, try right clicking on the file and select the program with which to open it. IE in your case.

approachnet
02-21-2012, 01:30 AM
I'm using a new(to me) XP maching to write a program. I key in the below code in Notepad but when I save it to .html and then go to my documents I don't get the program but I just get the code?

<html><body>what?</body></html>

Although it's important to know how to write HTML code, as a few others stated, I recommend Dreamweaver too. I can code 10 sites by the time you finish coding 1 site if you wrote it all in Notepad.

Most sites I develop, I have to do some manual coding of HTML & CSS, but the bulk of the code is done by Dreamweaver and saves many many hours of coding.

inflexi
02-21-2012, 08:50 AM
Adobe Dreamweaver is the most powerful web designing editing tool. It is very simple to use.

teedoff
02-21-2012, 03:41 PM
Oh God, a thread mentions Dreamweaver or text editor, and the spammers come out of the wordwork!

The OP has yet to respond to any valid post, so either solved or doesnt care..lol

reyxchange
02-21-2012, 08:28 PM
you must use HTML standard Format as below .
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

saltie
02-21-2012, 08:39 PM
I completely agree that Dreamweaver is overpriced. I own a copy, but wish I would have instead chosen from some of the free programs I've tried.

Malform11
02-21-2012, 08:58 PM
How much do you get for shoving Dreamweaver down my throat?

This site is for selling web development programs, not helping people, to write their own.

Big deal, save an .html file, plus twenty ads. You don't answer real questions.

I posted and no responses for a week except to insult me and call me an idiot. There was nothing to sell in my thread. I could have spent the week at the library or finding real help, i wasted my time here.

DanInMa
02-21-2012, 09:22 PM
OP, just read TEEDOFF's posts.

if you are using plain ole' notepad, thats perfectly ok. You just need to ensure you follow TEEDOFF's instructions because notepad will save the file in the wrong text format for an html file if you do not.


that being said, you may want to look at using Notepad++. It's fairly simple to use and helps you identify common beginner mistakes by using sysntax highlighting (http://en.wikipedia.org/wiki/Syntax_highlighting).

DanInMa
02-21-2012, 09:25 PM
what in the world are you talking about dude?




How much do you get for shoving Dreamweaver down my throat?

This site is for selling web development programs, not helping people, to write their own.

Big deal, save an .html file, plus twenty ads. You don't answer real questions.

I posted and no responses for a week except to insult me and call me an idiot. There was nothing to sell in my thread. I could have spent the week at the library or finding real help, i wasted my time here.

D34th Maker
02-21-2012, 09:34 PM
well like everybody already said plain notepad may make it into a .html.txt file so i would actually suggest getting notepad++ its a good free and simple program. ive been into web designing for a couple of months now though im only in high school and just viewing tutorials on the internet. also in notepad++ i do not think you need to change the save as type to all files i usually just type in "file name.html" though the file type is still .txt and it saves it as a .html file.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum