 |  |
| Homepage |
 |
Review Index |
|
Project Index |
Today is: February 6th, 2012
|
How To Build A Web Site Using NotePad 
Web Site Building Software
Did you know that you can build a web site right now using Microsoft's plain text editor NotePad? You can! NotePad is installed on every computer running a Windows operating system.
STEP 1. OPEN NOTEPAD If you've never used NotePad, in Windows XP it can be found by going to: Start/All Programs/Accessories/NotePad.exe STEP 2. HIGHLIGHT & COPY (CTRL C) THE RED TEXT BELOW AND PASTE (CTRL V) INTO NOTEPAD STEP 3. SAVE FILE AS "mysite.html" (without the quotes)
STEP 4. OPEN WINDOWS EXPLORER - Start/All Programs/Accessories/Windows Explorer If you have done everthing right so far you have now created a web page in NotePad. This is what should be displayed in Internet Explorer.
At this point you should have three programs running. 1. NotePad 2. Windows Explorer 3. Internet Explorer. Use the program buttons at the bottom of the screen to bring a program to the front. Now is a good time to briefly discuss the elements of a web page. There's no need to memorize each element, just be aware they are there, and learn more about each in the future as needed. A Basic Web Site:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Web pages begin with a DOCTYPE declaration - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> A DOCTYPE affects the way the browser displays the page. There are many articles on the internet that cover DOCTYPES in detail if you are interested in learning more. The next element of a web page you will encounter is the opening HTML tag <html>. This is the official start of the web page document. After the HTML tag comes the HEAD tag <head>. In between the opening and closing head tag you will find the opening and closing TITLE tags <title> and </title> where the name of your web page will go. Also within the opening and closing HEAD tags you insert many elements that make the page function, such as script code, meta tag info (site description), links to CSS files, and much more.
After the closing head tag you will find the BODY tag <body>. Within the body tag itself you can define the margins for the page, the font type, size, color, background color or image, as well as other information that defines the appearance of your web page. After the closing BODY tag </body> you will find the closing HTML tag </html>, this is the official end of the web page. And that's all there is to a basic web page set-up. As the basic set-up of a web page is almost always the same, you can use the same basic HTML web page set-up shown on this site for each web page you create. As you create more advanced web sites, some of the elements will need to be modified, but for the time being what is shown is sufficient. To learn more about a few important body tags, copy (CTRL c) the text shown in red below. Click the NotePad button at the bottom of the screen to bring it to the front (it should still be displaying "mysite.html") and paste (CTRL v) the text into the body section below the text previously inserted. If you have done everthing right so far, this is what should be displayed in Internet Explorer.
DISCLAIMER: INC8.com makes no guarantee that the information presented on this web page is complete or correct. Always consult a professional when in doubt. Use of this web site and the information within is at your own risk.
|
|
| ||||||
