SYSTEM REQUIREMENTS:
To print this plain text version, just click the Print button at the end of the page. For the typed input all you need is plain old Notepad which comes with Windows. You should practice using Notepad if you've never used it before - make sure you know how to Save, Minimise, Cut, Copy and Paste. Remember that new folder you created - "Myweb" or whatever you called it - well, that's where all the work we will do will be saved. The first time you save it in NotePad, use "Save As", from then on just click on "Save". Try to avoid using a word processor with page formatting, as it will at best be ignored, or at worst, confuse the browser. Having said that, certain word processors and DTPs can use a Wizard to convert their output to HTML equivalent. Depending on the underlying programme, you can usually alter the code to suit yourself. More on that further down the track. For now, please stick to Notepad. You can use any text editor other than Notepad - there are a number available, some free. I recommend my favourite, the multi-award winning NoteTab. It comes in three flavours, Light (free), Standard and Pro. Though I use Dreamweaver® sometimes, most of my web pages are “hand made” or edited using NoteTab. Find it at notetab.com. BROWSERS For ease of use, I have found Netscape to be the best to work with when creating web pages. I have Netscape 7.x installed as well as Mozilla Firefox and Internet Explorer. While writing and editing pages I often use Netscape then check them in both IE and Firefox. Added note Even though Netscape has now been discontinued I still use it as previously mentioned. You should always check your pages in as many browsers as possible before posting them to the Internet. (From feedback received, AOL is not recommended for these tutorials.) You DON'T have to be online to use your browser - you can use it offline. Most browsers allow you to choose whether you want to work offline or not. Choose offline or cancel your connection. If you are on cable or other permanent connection, and don't want to use MBs, make sure your modem is switched off. STARTING A WEB PAGE If you haven't already done so, create a new folder to hold your practice pages. Call it "Myweb" or whatever you prefer. You will be saving and switching from Notepad, or your text editor, to this web page and back, using the "Minimise" button (the little minus sign - top right) to place them on the taskbar. This sounds more complicated than it is, and you'll soon get the hang of it. Practice a few times and it will become automatic.
Minimise (but do not close) the Get Started page, open Notepad (or your text editor). To find Notepad, click START--> PROGRAMS--> ACCESSORIES--> Notepad. Open Notepad by clicking on it. (If it is not there you will have to install it from your Windows™ CD. If you need help with this contact me or read the Windows™ Help file.)
Now you have two choices (please read both first):
(1) Either, type the following in Notepad (you may have to copy it out in writing first or print this page), but read the next part (Copy and Paste) first:
<HEAD> <TITLE>My First Web Page</TITLE> </HEAD> <BODY> Here is my very first web page! <P> And I did it the easy way <P> with Oz Web Weaver. <P> It's only four lines so it's not much to look at yet, but it's a start. </BODY> </HTML> COPY & PASTE (2) Or here's an alternative to all the typing. Position your cursor at the beginning of the INDENTED text above, left click and HIGHLIGHT from <HTML> to the end of </HTML> using your mouse. (Yes, it works in web pages!) Select "Edit", then "Copy" (or CTRL+C). Switch from this page to your blank Notepad page, select "Edit", "Paste" (or CTRL+V), and voila, there it is! To see it in your browser, read on. Be very careful with the opening < and closing > tags. Nothing will work properly if they are omitted. (Basic tags come in the next lesson, “Basic HTML Tags“.) This Copy and Paste stuff will become your best friend and applies to any of the code in these lessons. It will be used extensively as you build your web page. Now go to the "File" menu and click on "Save As". This will prompt you to create a name for your file. In the box, type in a file name - let's call it mypage1.html. At the bottom of the prompt you should see a space that says "Save file as Type" or "Save as Type". The default is .txt, so you will need to change the extension to .html. Click on the down arrow on the right side of the input box and highlight All Files(*.*) . Click on this to make the change, then choose the drive and folder (eg "c:\Myweb") to save to, and click on "Save". You must use this routine each time you create a new HTML file or alter an existing one. Now switch back to your web browser to view the file you just created. It should be in the task bar at the bottom of the screen, but if you have accidentally closed it, open it again. Alternatively Minimise Notepad by clicking the minus sign at the top right of the window. If you see an error saying the browser could not connect to "http://www.somepage.html" or something similar, hit "OK" and you should get a blank page. In the location or address box (at the top), type in the path to your html file. If you have the file in a folder called "Myweb", you would type the following: c:\Myweb\mypage1.html. Your browser will display the page when you hit Enter. Another option is "Open Page". To use this, go to the "File" menu in your web browser. Look for "Open Page", "Open File", "Open Local File", or a similar phrase. Click this option and you will be able to browse for your file and open it from there. (A big plus for using NoteTab is that you have heaps of other options. You can set up your Toolbar to display the Browser icon. Simply click on it to open your browser. You also get various libraries and clipbooks to make coding easier. If you would like tips or help just let me know.)
Once the page is displayed, you will see the following:
And I did it the easy way with Oz Web Weaver. It's only four lines so it's not much to look at yet, but it's a start. Now that you have the idea let's take a closer look at what all this means. Go to the Main Index to start.
|