Back to Tutorials Page

Basic Web Design Tutorial using Notepad Part 1 Download Page
This basic tutorial for beginners explains HTML web coding in an easy to understand way with the novice user at mind. A comprehensive tutorial with step by step instructions and accompanying screenshots in Word or PDF format enabling you to build your own basic web page by only using the Notepad editor. This tutorial does not require any prior knowledge of web editing or web coding and will explain how to create a full functional web page for the world wide web. Find a choice of PDF or MS Word documents formats to download below. All tutorials © All Creative Designs ®  
   

Basic HTML Tutorial Part 1 (Revised and updated version January 2012)

My First Web Page
An easy to follow HTML Tutorial for the beginner in Word or PDF format.

What is HTML? The abbreviation stands for Hyper Text Markup Language. The computer language used to create hypertext documents, allowing connections from one document or Internet page to numerous others. HTML is the primary language used to create pages on the World Wide Web.
Duration of this tutorial is approximately 30 - 40 minutes and will enable you to build and view a basic web page.
If you can create a folder, save files and are able to copy and paste this tutorial is not difficult to complete.


Download instructions in Word.doc format 240KB Created with MS Word 2007 in Compatibility Mode

Download instructions in Adobe Reader .pdf format 900KB
HTML Tutorial 1 using Notepad download PDF

Click Image to download PDF Tutorial
Back to Tutorial Page

Topics covered by this basic HTML Tutorial Part 1


Step 1 Create a new folder in My Documents

By right clicking in white space and selecting New then Folder (See Figure 1a) naming it local_websites.

Step 2 Copy and paste images into your web folder
Go to any of our photo pages under Gallery. Right click any thumbnail image and select copy. Navigate to your my_first_webpage folder and paste, repeat process so you have two images.

Step 3 Opening Notepad

Open Notepad in windows, All Programs > Accessories > Notepad

Step 4 Using Notepad
Only type code shown in green
Description Actual Code Explanation
Instructions to embed images

Step 5 Saving your Notepad file as index.html

Step 6 Viewing your web page

Trouble Shooting		 Step by Step Basic HTML Tutorial
     
web design logo© copyright 2007-2012 by All Creative Designs®   Home || Web Design || Graphic Design || Gallery || Pricing || Contact Us || Site Map || Tutorials