{"id":721,"date":"2008-07-30T12:46:26","date_gmt":"2008-07-30T04:46:26","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=721"},"modified":"2014-08-26T18:12:31","modified_gmt":"2014-08-26T10:12:31","slug":"web-building-editors-notepad-wordpad","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/web-building-editors-notepad-wordpad.html","title":{"rendered":"Web building using simple editors like Notepad or WordPad"},"content":{"rendered":"<p>There is no need to purchase a specialized web editor such as Office Frontpage, Dreamweaver, CoffeeCup HTML, etc. Here&#8217;s how one can save some precious dollars just using the Notepad or WordPad that came with your Windows OS. <!--more--> <!--break--><\/p>\n<p>HTML files are simply just text files with HTML tags that will tell the browser what to do. The tags will tell the browser how to display the content and how to treat the data accordingly. Since the files are simply text files, you could just use any text editors to start typing your code. Both the Notepad and WordPad could create text files easily, and you could rename the extension from txt to htm or html, the default extension for a browser file.<\/p>\n<p>For many of you, the extension is hidden and you might not know what type of files you have save it as. Usually I like to see the file extension so that I will know what kind of file just by looking at the extension. So what I do is I disabled the \u201cHide extension of known file types\u201d in the Folder Option. If you like to do the same, open your explorer window:<\/p>\n<p>1) Goto Tools, a Folder Option dialog box will pop-up<br \/>\n2) Switch to the \u201cView\u201d tab<br \/>\n3) Scroll down the advance settings and uncheck the \u201cHide extension of known file types\u201d<\/p>\n<p>You should be able to see all the extension of all your files. Doing this also helps you to identify suspicious files sent via email. For example if someone tried to trick you to open a jpg file but in actual fact it was a .exe, .com or a .scr file masquerading as a .jpg you will know, because instead of seeing just .jpg, you now see it as .jpg.exe etc and straight away you know that attached file is a possible Trojan virus.<\/p>\n<p>If you do not wish to enable the above, and prefer to have clean looking files, you have to make sure you save your files with the HTML extension by using \u201cSave As&#8230;\u201d  and key in the full filename with the extension in enclosed quotes, eg \u201cfilename.html\u201d to avoid your file being saved with a .txt extension and end up looking like \u201cfilename.html.txt\u201d which is the PC or browser will identify as a text file and not a HTML file.<\/p>\n<p>After creating your HTML file, to preview it, just click on the file and it will be open by your default browser. If you made any changes to the file later, just refresh the browser to see the updated file. If you do not see the changes when you refresh the webpage, It may be necessary to press control-F5 or control-refresh to force the browser to update the file being viewed rather than to read from its cache.<\/p>\n<p>When doing coding, the HTML codes can get long and complicated and it becomes rather tiring to go through the coding just using Notepad or WordPad for editing. So you thought, maybe it is time to get a web building program? Well there is a freeware Notepad program called Notepad++, it is definitely a much improved version than the standard Notepad that came pre-installed with Windows. It has the ability to view your files in tab format much like Firefox and the newer IEs. Plus it can colour code the various HTML tags for easier navigating through the HTML codes. You can give it a try by downloading a copy at:<\/p>\n<p>http:\/\/notepad-plus.sourceforge.net\/<\/p>\n<p>And of course finally, if you decided that it is too much of a hassle to keep switching between your text editor and refreshing your browser, then go for a proper webpage building software.<\/p>\n<hr>\n<p>update: 15\/Oct\/2008<\/p>\n<p>Here&#8217;s a nifty webpage building software, and the good news is, it is free! It&#8217;s called Komposer. You can give it a spin at this URL:<\/p>\n<p><a href=\"http:\/\/kompozer.sourceforge.net\/\" target=\"_blank\" rel=\"nofollow\">http:\/\/kompozer.sourceforge.net\/<\/a><\/p>\n<p>Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There is no need to purchase a specialized web editor such as Office Frontpage, Dreamweaver, CoffeeCup HTML, etc. Here&#8217;s how one can save some precious dollars just using the Notepad or WordPad that came with your Windows OS.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[12],"tags":[160,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-bD","jetpack-related-posts":[{"id":739,"url":"https:\/\/www.janleow.com\/life\/html-01-the-basics.html","url_meta":{"origin":721,"position":0},"title":"HTML Lesson 1: The basic HTML tag","author":"Jan","date":"19 March 2007","format":false,"excerpt":"You can create a HTML document using any text editor like Notepad, Wordpad for Windows, or Simple Text on the Mac. There is no need to buy any sophisticated HTML software like Microsoft Frontpage or CoffeeCup HTML editor. However, as your needs progress you may want to consider getting one.\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1362,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-the-index-file.html","url_meta":{"origin":721,"position":1},"title":"Make your web site&#8217;s first page &#8211; the index.html file","author":"Jan","date":"1 April 2009","format":false,"excerpt":"The first page you need to make when you make your web site is the index file. This is the web page where a visitor will be greeted when they key in your web site domain in their browser. You may say this is the entry point to start browsing\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1303,"url":"https:\/\/www.janleow.com\/life\/make-your-own-web-site-15-html-how-it-works.html","url_meta":{"origin":721,"position":2},"title":"HTML and how it works video tutorial","author":"Jan","date":"31 January 2009","format":false,"excerpt":"Creating your html file does not require any special software. Just a basic text editor and a browser is all that is needed to make your web page. When you save the file, just be sure to change the extension from .txt to .html. Then preview it on your favourite\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1188,"url":"https:\/\/www.janleow.com\/life\/html-extension-vs-php-asp-shtml-phtml.html","url_meta":{"origin":721,"position":3},"title":"HTML extension vs PHP, ASP, SHTML, PHTML, etc","author":"Jan","date":"12 November 2009","format":false,"excerpt":"I have been curious, whether a HTML extension (or HTM extension for that matter) would do as well in a search engine as compared with extension that ended up in PHP, ASP, SHTML, PHTML, etc, etc. Of course each extension has its own usefulness. HTML was started pretty long ago\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":637,"url":"https:\/\/www.janleow.com\/life\/xml-sitemap-google-yahoo.html","url_meta":{"origin":721,"position":4},"title":"XML Sitemap for Google and Yahoo","author":"Jan","date":"28 March 2008","format":false,"excerpt":"The sitemap.xml is to assist the search engines to index your web site. Search engines like Google, Yahoo, MSN Live, and etc constantly sends out robots, spiders, crawlers (or whatever term they wish to call these automated indexing software) to index websites to put into their search database. To give\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":155,"url":"https:\/\/www.janleow.com\/life\/webdisk-file-storage-system-on-webhosting-provider.html","url_meta":{"origin":721,"position":5},"title":"Webdisk file storage system on webhosting provider","author":"Jan","date":"16 July 2008","format":false,"excerpt":"My current webhosting provider - Bluehost has a feature called webdisk file storage system. With its current feature of unlimited hosting space, it could actually be use as a cheap way of keeping your files online. So not only could you host your website on the hosting company, you could\u2026","rel":"","context":"In &quot;Computer Devices&quot;","block_context":{"text":"Computer Devices","link":"https:\/\/www.janleow.com\/life\/category\/computer-devices"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/721"}],"collection":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/comments?post=721"}],"version-history":[{"count":1,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/721\/revisions"}],"predecessor-version":[{"id":3868,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/721\/revisions\/3868"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}