A text editor such as Notepad can be used to create web pages

Using Notepad as an Text Editor

A text editor such as Notepad can be used to create web pages.

While Notepad does not have the functionality of a web development tool such as Dreamweaver or FrontPage, it is still very useful.

Using Notepad requires knowledge of HTML code. HTML stands for “Hyper Text Markup Language”. HTML is one of the basic coding languages for web development.

Creating a website using a text editor requires the creation of a folder.

Pages of the website must be saved within this folder. Files in websites have extensions identifying the type of file. Some types include:

.htm or .html web page

.jpeg or .jpg graphic

.png graphic

.gif graphic

.swf animation

First, create a folder on the desktop and name it “First site for _____”, using your name in the blank space.

Next, navigate to open Notepad:

Start menu à All Programs à Accessories à Notepad.

Save this file in the folder for “First site for _____”. Name the text file “mypage”. Notepad will automatically add the extension of .ext. You will need to use the menu: File à Save As ….

Now, go to the website www.ecombiz.net/web tutorials/Formatting!.htm to review basic HTML coding.

Copy and paste in the following:

<HTML>
<HEAD>
<TITLE>your web page title</TITLE>
</HEAD>
<BODY>
Everything displayed on your page will be in here.
</BODY>
</HTML>

In order to create a web page, save this file in the folder for “First site for _____”. Type in the file name of “mypage.htm”.

Go to your website folder. Open the file mypage.htm.

Now practice using code from the www.ecombiz.net/web tutorials/Formatting!.htm.

It is important to remember:

Code is written into “mypage.txt”, the Notepad file.
You open “mypage.htm” to view the web page.
Make changes to the code.
Then use “File…Save” to save the text file – mypage.txt.
Next use “File…Save As…” to save the HTML file – mypage.htm.
Make sure the name file is correct.

Using the site - http://www.ecombiz.net/web tutorials/linking_exercise.htm - explore creating additional tags (or code).

For this exercise, we will show you how to save an image from the Internet to insert into your pages. When you find a photo, right click it.

Select the option to “Save Picture As..”. Name the photo and save it to your “First site for _____” folder.

For this exercise we will link your new page to the “mypage.htm”.