Take Notes On Paper And Study Them Daily
 
Sub Menu contents
Site Map
Learn HTML Here:
Recommended
Design Sites:
· W3 Schoolsstar

· HTML.Net

· WDG

· Web StyleGuide

· Code Tutorial

· About Webdesign

· A List Apart


· Design 1 (Basic Info)

· Design 2 (Building A Page)

· Design 3 (Fine Tuning)

· Design 4 (A Sample Page)

· Design 5 (A Page Analysis)

· Design 6 (Mobile Web Pages)



Design Links
 ·HTML Tags
 
 ·Image Sites
 
 ·Validators
 
 ·Web Hosts
 
 ·Design Sites
 
 ·CSS Sites
 
 ·Javascript
 
 ·Misc Sites


Help Pages
 ·F A Q
 
 ·Page Layout
 
 ·Custom Tables
 
 ·Page Navigation
 
 ·Templates
 
 ·HTML Tricks 1
 
 ·HTML Tricks 2
 
 ·Image Help
 
 ·Glossary
 
 ·Tools
 
 ·Ask Questions


Tutorials
 ·Tutorial 1
 
 ·Tutorial 2
 
 ·Craigslist Tutorial
 
 ·eCommerce Tutorial
 
 ·Page Videos
 
 ·Form Mail
 
 ·Sound Tutorial
 
 ·All Tutorial Videos


Extras
 ·Critiques
 
 ·Quiz
 
 ·News Gps

www.Teachwebdesign.Com
(powered by)... www.Davmagic.com

Build A Webpage For Yourself movies
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! Everything is available Online!

    In addition, with the advent of more and more people trying to sell Items on CRAIGSLIST, you'll be Far Ahead of those who just put their Phone No or Address in their ads, or who rely on the Craigslist Email to get contacted... (Craigslist allows anyone to use HTML in their ads...) So by using HTML and building a web page for potential buyers to goto from your Craigslist ad, you can "capture" their attention more fully and show them all the things that you want them to know! See Our Craigslist Tutorial

webmaster    Make No Mistake About This... here you will learn how to actually build web pages yourself, using a text editor on your PC (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 preformated codes for you... BELIEVE ME when you learn how to build from the "ground up", you'll be far ahead of others who choose those blog builders or HTML Editors or Facebook, Twitter or Myspace host builders... that are offered elsewhere...  where you "click buttons" and presto, your page is built for you... BUT YOU LEARNED NOTHING ABOUT IT!  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 (unless your Host allows it) and doesn't accept payment from anyone to advertise on it (unless your Host allows it)...


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

You must have Internet Access with a Personal Computer (Smart Phones or Tablet Computers are not practical for Web Design)...

HOLD ON NOW... if you think that you can learn Web Design instantly... you have a bit to learn! It typically takes a beginner (with average desires and abilities) about 1-2 weeks before they can get a decent web page up and going on the World Wide Web! That's assuming about 1-2 hours per day of working at it! So if you are in a big hurry... you might just forget it right now! Bye...

You need to get a Paper Notebook of sorts and jot down notes and info as you go along... it's really a bit like going to school... if you are Serious About This... so just BOOKMARK this web site and go thru ALL of the Design Series pages... take your time, take notes and come back and study and learn daily... and before long you'll be really "cookin" with Web Design... I promise!

  1. First ...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. 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" and it is stored as a file, with a name (something like "webpage.html"), on a Web Host Server Computer...
     

        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: Watch Movie In Media Player View Source Media Tutorial Movie takes a minute to load... player controls are at bottom!

        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 all my dogs later on... but right now take a look at Fido" ... 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) ...

    Now lets say you want to add a hypertext link at the bottom of that page to, say Yahoo.com (just as an example)...

    So now the source code will look like
    this (click) ... and in the Browser it will look like
    this (click) ...

    You should learn HTML at W3Schools ...We 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!

  2. Next ...you can use a simple Text Editor on your PC to write and create and save your Web Page Source Code Documents... we highly recommend Word Pad...
  3. Next ...you need to select and sign-up with an Online Web Host which will provide you with the actual webspace and Online Web Server where you will store and serve your web page documents from (to users who want to access your web pages from their PC's)...

    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)...You can
      Find A Free Host Here
    • 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. Finally ...to copy your Web Page HTML Documents from your PC to your chosen Online Web Host Server (so that they will be accessible to anyone online)... you need to Download an FTP (File Transfer Protocal) Program (An Application) and set it up and learn how to use it... we highly recommend FileZilla, it's a Free Download (read on about FTP info...)
 In Summary
How To Build Web Pages
 
   
 1)Study & Learn HTML (and CSS) online [this takes time... treat it like a school course... use a notebook and take notes] Recommended Design Sites 
2)Use a text editor on your PC [use Word Pad] to write the HTML source code for the web page... Here's A Tutorial 3)Choose an online Web Host to store and serve your web page to users on the WWW [practice with a free Host first] Free Host Listings
 4)Download a free FTP [file transfer program] to your PC and learn how to use it to copy [transfer] your HTML web page document from your PC to your online Web Host [and visa-versa] ... use FileZilla Here's A Tutorial 
   
 That's It... Practice... Practice... Practice... use a good Web Browser to view your pages [use FireFox] Get It Here Free 

So Now That You Know The BASIC Requirements...

After You Learn HTML... 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 ... After you achieve a more understandable level of HTML, you can choose a Pay Host... For Pay Hosts we recommend Aplus.Net

To Get Started With A Web Host... You can use a Free Web Host... See Free Host Listings to host your site at... you will need to FTP (File Transfer Protocol) your web page documents from your PC to the Free Host Server which is explained to you at their site (after you log in and create a web hosting free acount)...

    Practice at a Free Web Host, 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)...

Have any Questions just...

ask a question

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

Copyright © 1998-2014 | All Rights Reserved
Privacy Statement   Updated: 10/27/2014

Design 1