Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 16

Thread: notepad to html

  1. #1
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    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>

  • #2
    Regular Coder
    Join Date
    Jul 2008
    Posts
    157
    Thanks
    9
    Thanked 13 Times in 13 Posts

    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.

  • #3
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    5
    Thanks
    1
    Thanked 1 Time in 1 Post
    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.

  • #4
    New Coder
    Join Date
    Feb 2012
    Posts
    33
    Thanks
    2
    Thanked 0 Times in 0 Posts

    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.

  • #5
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Dreamweaver is really the best tool for web masters!

  • #6
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,609
    Thanks
    0
    Thanked 645 Times in 635 Posts
    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/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.

  • #7
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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

  • #8
    New Coder
    Join Date
    Feb 2012
    Location
    South Florida
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts
    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.

  • #9
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Adobe Dreamweaver is the most powerful web designing editing tool. It is very simple to use.

  • #10
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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
    Last edited by teedoff; 02-21-2012 at 02:44 PM.
    Teed

  • #11
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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

  • #12
    New to the CF scene
    Join Date
    Feb 2012
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #13
    New Coder
    Join Date
    Jan 2011
    Location
    Dallas
    Posts
    38
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #14
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    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.

  • #15
    Senior Coder DanInMa's Avatar
    Join Date
    Nov 2010
    Location
    Salem,Ma
    Posts
    1,577
    Thanks
    13
    Thanked 248 Times in 248 Posts
    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.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •