HTML Tags 4
Create a full web page
Before we explore dynamic linking, let's go ahead and create our first actual web page. As mentioned earlier, a web page is an HTML file. We'll organize our website in a single project folder.
Step 1: Create a Project folder. Create a project folder named "MyWeb" anywhere you like (preferably in your "My Documents" folder).
Step 2: Create a Shortcut to your project file. Right-click your project file and select "Create Shortcut" this will create a "shortcut to myWeb" icon.
Step 3: drag the shortcut to your desktop. This will allow you to quickly access your project folder for the remaining exercises. You can always delete the shortcut icon later without deleting your project folder.
Step 4: Create a new HTML document. Open your project folder (MyWeb) then right-click and select "New > Text Document". Then rename the text document to "default.htm" and ignore the windows warning box.
Step 5: Open the default.htm file in Notepad. Right-click the "Default.htm" file and select "Open With > Notepad"
Step 6: Enter and save a basic web page. Paste the code below into Notepad then save. If you don't know this aready, here are a few useful keyboard shortcuts you'll want to use frequently: CTRL-C for 'Copy', CTRL-V for 'Paste' and CTRL-S for 'Save'.
<html>
<head>
<title>My first web page!</title>
</head>
<body>
<h1>My First Page</h1>
</body>
</html>
Step 7: Open your new web page in a web browser. Just double-click the "Default.htm" file and it will open in a browser. You don't need to close notepad. In fact keep the web browser open as you work on HTML files. Then you just save the file and hit the refresh button on your browser to see the changes!
Now you've created your own web page! But don't break out the champaign just yet. There's still quite a bit to learn. The next concept to cover will be linking. You'll learn to link between your own pages and to other pages on the internet. This is the magic of the web.
