Learn HTML And CSS At Our Design Sites
learn html
recommended
design sites
· WDG
· W3 Schoolsstar
· Web StyleGuide
· Code Tutorial
· A List Apart
· How 2 Build
· About Webdesign
design 1
design 2
design 3
tricks 1
tricks 2
images
tables 1
tables 2
templates
critiques
tools
links
glossary
f.a.q.
quiz
tutorial 1
tutorial 2
video tutorial
form mail tutorial
angelfire tutorial
sound tutorial


logo
logo

Build A Webpage For Yourself
Become A REAL Honest-To-Goodness Webmaster

    You will be able to use and enjoy the valuable benefits of having your own kool website. You can give your site address to others and they will be able to go directly to your site and enjoy what it's all about! It's more Fun and Better than writing and having a Book or Novel published and sold at some book stores... And MOST IMPORTANTLY, you will have COMPLETE Control of your page design, and be able to make changes to it yourself whenever you want (in real time) from your own PC!... (can't do that with a Book that you wrote and published)... And not to mention, it's all FREE!!! no Books, CD's, Tutors, Paying a Design Company or Going to a Costly College are required!!! Just your Desire, Time and Patience... are all you really need here!

webmaster    Make No Mistake About This... here you will learn how to actually build web pages yourself, (and "publish" them to the Internet... becoming a Real Live Web Author), from SCRATCH... unlike many free Blog Sites or Free Page Builders or HTML Editors (like Microsoft's Frontpage or Dreamweaver) that provide all the preformatted codes for you... BELIEVE ME when you learn how to build from the "ground up", you'll be far ahead of others who choose the simplified site, blog builders or HTML Editors or Facebook, Twitter or Myspace hosts... that are offered elsewhere... and of course you'll spend NO MONEY here!!! (except perhaps if you later want to use a Pay Web Host, and/or if you want to purchase your own Domain Name ... these options will be available at anytime, but are absolutely not necessary to get started here...) And of course, you'll SAVE HUNDREDS of $$$ by not paying a Web Design Firm to build your site!

    You can simply make your Site about yourself ...your interests, ideas, hobbies, thoughts, experiences, things for sale ...or make it about, really anything you want as long as it's legal, has no references to pornography or hate groups and doesn't accept payment from anyone to advertise on it...
(Unless it's hosted by a pay-host... more on this later!)


So Let's Begin The Learning Process
REQUIREMENTS FOR BUILDING A WEBSITE

  1. You must have Internet Access with a Personal Computer!
  2. Next you need to select a Web Host which will provide you with the actual webspace and Web Server where you will serve your site from...
  3. There are two basic types of Web Hosts...
    • Free Hosts ...(No Cost but most will place their own advertisement banners onto all of your web pages... TIP: use a Free Host while learning, then switch to a low cost Pay Host after you become better at it)...
    • Pay Hosts ...(Cost Varys from about $3 and up per month (depends on features, bandwidth etc) but NO banners will be placed onto your pages)... You can
      Find A Host Here with all the features that you want, however we recommend Aplus.Net ... very reliable, fast and low-cost!
  4. Next you need to learn HTML (Hypertext Markup Language)... any webpage is nothing more than a simple text document (like a written letter) but it is "marked-up" with special CODE using HTML which tells Web Browsers that it is infact a webpage and tells the Browser how to render the document to produce the page as you instruct it using HTML, giving it layout structure, adding colors, lines images etc. Read HTTP Request Process ...So actually "Building A Webpage" is really building the HTML Document for the page, which is referred to as the "Source Code" or just the "Source"...
     

        To "see" a source code, for example, for THIS PAGE (that you are currently viewing), all you have to do is RIGHT CLICK ON AN OPEN PLACE ON THIS (or any) WEB PAGE... then choose "View Source" from the small window that opens up... you will then get another window that opens from your PC default text editor, and all the HTML Coding, that was built to construct this web page, will be shown to you! Try it now!

    WATCH OUR: View Source Flash Tutorial Movie (takes a minute to load... player controls are at bottom!)

    NOTE: For Vista Users, using IE8+... unfortunately, the latest upgrade from Microsoft causes the View Source window to "Pop-Under" the current page... so you will have to Minimize the current page to see it! For Firefox and others, it is still OK...

        If you looked at that Source Code (for this page) you were probably Totally Confused... well, don't be... remember you will start simple and advance as you go along in your HTML Learning process... So let's say you just wanted to make a page titled "My Dogs" and on it you just want to say "Hello, I am going to show you pictures of my dogs later on..." ... then your source code could simply look like
    this (click) ... AND after the Browser interprets that HTML Code it will render the page like
    this (click) ...


  1. To get Internet Access you can buy a PC (Computer) and sign up for Dial-Up Access thru an ISP (Internet Service Provider)... some are Free such as
    www.Juno.com or you can pay for the Dial-Up ISP thru such providers as AOL, Compuserve or others ( Cost: about $20.00/month ), but we recommend getting true Broadband Internet Access thru your local Phone Company (DSL) or from your local Cable Provider (Cable)... it really beats any Dial-up Service with Lightning Fast Page Loading and File Downloads!
  2. (Method 1) Once you are connected to the Internet, you can use a Free Web Host such as www.Angelfire.com to build your site at and all the Online Editor Tools are provided for you to use for Free... but you NEED to use the Advanced Editor and File Manager and start with a Blank Text Box and write ALL your HTML Source Codes, for your pages... as opposed to not using HTML and using the Host's Basic Editor which only offers limited "preformatted" webpage styles... Read Our Angelfire Tutorial...
  3. (Method 2) OR you can simply use an Offline text editor on your PC like Word Pad and write your HTML webpage source code document ( Here's A Tutorial ) and then UPLOAD it to your online Web Host Server by using an FTP Program (File Transfer Protocol) such as FileZilla ... Read our FTP Tutorial. Remember if you just leave your HTML File on your PC, no one can find it, it must be Uploaded to an ONLINE Host Server ...then when anyone clicks a link to your web page or types your web page address (URL) into an address box, their Web Browser will find your web page, interpret the HTML Source Code, and render the completed document into their Web Browser ... For Pay Hosts we recommend Aplus.Net
  4. You should learn HTML at W3Schools ...I STRONGLY RECOMMEND that you read and use Our Recommended Design Sites above others that you may find on the web! Our Policy is to direct you to the BEST existing online sources for Learning HTML... rather than try to teach it to you here at our site!

See Chart For Method 1 >>> For Our Angelfire Tutorial

See Chart For Method 2 >>> For Our Tutorial 1

    It's Important to remember that if you use a Free Web Host such as Angelfire, you NEED to use their Online ADVANCED EDITOR so that you will be writing your own HTML from scratch without using any programs to assist you! And therefore you will learn much more about how the language works! It's really not difficult but takes time and perseverance! HINT: Practice at a Free Web Host like Angelfire first, until you get the hang of writing HTML, then if you're SERIOUS, open an account at a low cost Pay Professional Host, which, depending on where you finally decide, will give you many more design features than any Free Host will, including the ability to have your very own DOMAIN NAME (read more about Domain Names here)...

    You Will Actually Be Able To Build A REAL WEBSITE About Almost Anything You Want...JUST LIKE THE SITES YOU VISIT ON THE INTERNET...LIKE "Yahoo.Com" FOR INSTANCE!!!

Have any Questions just...

ask a question

Continue with this design series...use the "Design 1" link below...

Copyright © 1998-2010 Magicdaveswebdesign® All Rights Reserved
Privacy Statement   Updated: 02/05/10

Design 1