Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-18-2012, 07:52 PM   PM User | #1
chowlee
New to the CF scene

 
Join Date: Feb 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
chowlee is an unknown quantity at this point
notepad to html

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?
Code:
<html><body>what?</body></html>
chowlee is offline   Reply With Quote
Old 02-18-2012, 08:05 PM   PM User | #2
waxdoc
Regular Coder

 
Join Date: Jul 2008
Posts: 155
Thanks: 9
Thanked 13 Times in 13 Posts
waxdoc is an unknown quantity at this point
HTML is text

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.

Code:
<!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.

Last edited by waxdoc; 02-18-2012 at 08:11 PM..
waxdoc is offline   Reply With Quote
Old 02-18-2012, 08:07 PM   PM User | #3
tomtrain
New to the CF scene

 
Join Date: Feb 2012
Posts: 5
Thanks: 1
Thanked 1 Time in 1 Post
tomtrain is an unknown quantity at this point
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.
tomtrain is offline   Reply With Quote
Old 02-19-2012, 12:34 PM   PM User | #4
captainer
New Coder

 
Join Date: Feb 2012
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
captainer is an unknown quantity at this point
Change setting upon save

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.
captainer is offline   Reply With Quote
Old 02-20-2012, 12:57 PM   PM User | #5
bastion
New to the CF scene

 
Join Date: Feb 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
bastion is an unknown quantity at this point
Dreamweaver is really the best tool for web masters!
bastion is offline   Reply With Quote
Old 02-20-2012, 08:27 PM   PM User | #6
felgall
Master Coder

 
felgall's Avatar
 
Join Date: Sep 2005
Location: Sydney, Australia
Posts: 5,468
Thanks: 0
Thanked 499 Times in 491 Posts
felgall is a jewel in the roughfelgall is a jewel in the roughfelgall is a jewel in the rough
Quote:
Originally Posted by bastion View Post
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.
__________________
Stephen
Learn Modern JavaScript - http://javascriptexample.net/
Helping others to solve their computer problem at http://www.felgall.com/
felgall is offline   Reply With Quote
Old 02-20-2012, 08:41 PM   PM User | #7
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
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.
__________________
Teed
teedoff is offline   Reply With Quote
Old 02-21-2012, 12:30 AM   PM User | #8
approachnet
New Coder

 
Join Date: Feb 2012
Location: South Florida
Posts: 11
Thanks: 1
Thanked 0 Times in 0 Posts
approachnet is an unknown quantity at this point
Quote:
Originally Posted by chowlee View Post
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?
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.
approachnet is offline   Reply With Quote
Old 02-21-2012, 07:50 AM   PM User | #9
inflexi
New to the CF scene

 
Join Date: Feb 2012
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
inflexi is an unknown quantity at this point
Adobe Dreamweaver is the most powerful web designing editing tool. It is very simple to use.
inflexi is offline   Reply With Quote
Old 02-21-2012, 02:41 PM   PM User | #10
teedoff
Senior Coder

 
Join Date: Aug 2010
Location: High Point, NC
Posts: 3,325
Thanks: 5
Thanked 363 Times in 360 Posts
teedoff is on a distinguished road
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
__________________
Teed

Last edited by teedoff; 02-21-2012 at 02:44 PM..
teedoff is offline   Reply With Quote
Old 02-21-2012, 07:28 PM   PM User | #11
reyxchange
New to the CF scene

 
Join Date: Feb 2012
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
reyxchange is an unknown quantity at this point
you must use HTML standard Format as below .
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

Last edited by VIPStephan; 02-21-2012 at 07:55 PM.. Reason: signature rule violation
reyxchange is offline   Reply With Quote
Old 02-21-2012, 07:39 PM   PM User | #12
saltie
New to the CF scene

 
Join Date: Feb 2012
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
saltie is an unknown quantity at this point
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.
saltie is offline   Reply With Quote
Old 02-21-2012, 07:58 PM   PM User | #13
Malform11
New Coder

 
Join Date: Jan 2011
Location: Dallas
Posts: 34
Thanks: 0
Thanked 0 Times in 0 Posts
Malform11 has a little shameless behaviour in the past
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.
Malform11 is offline   Reply With Quote
Old 02-21-2012, 08:22 PM   PM User | #14
DanInMa
Senior Coder

 
DanInMa's Avatar
 
Join Date: Nov 2010
Location: Salem,Ma
Posts: 1,307
Thanks: 12
Thanked 204 Times in 204 Posts
DanInMa is on a distinguished road
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.
__________________
- Firebug is a web developers best friend! - Learn it, Love it, use it!
- Validate your code! - JQ/JS troubleshooting
- Using jQuery with Other Libraries - Jslint for Jquery/other JS library users
DanInMa is offline   Reply With Quote
Old 02-21-2012, 08:25 PM   PM User | #15
DanInMa
Senior Coder

 
DanInMa's Avatar
 
Join Date: Nov 2010
Location: Salem,Ma
Posts: 1,307
Thanks: 12
Thanked 204 Times in 204 Posts
DanInMa is on a distinguished road
what in the world are you talking about dude?



Quote:
Originally Posted by Malform11 View Post
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.
__________________
- Firebug is a web developers best friend! - Learn it, Love it, use it!
- Validate your code! - JQ/JS troubleshooting
- Using jQuery with Other Libraries - Jslint for Jquery/other JS library users
DanInMa is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 11:21 PM.


Advertisement
Log in to turn off these ads.