Subscribe to the RWT RSS Feed

Web Site Design Tutorials

Quality tutorials to help build your own website

 

Web site design tutorials should be kept as simple as possible. The best way to learn anything about computers is to sit down and work through the basics on your own. In order to do so, some sort of reference book is needed to accomplish that task. For the beginner, putting out $50 for a computer book is a tad steep, especially when the web is replete with free or low cost resources.

The tutorials recommended below take a comprehensive view of web site development.

An excellent family of web site design tutorial websites is offered by Killersites.com. As the author of these videos puts it, “The best way to learn how to do something is to just do it.” By watching these videos

Another resource, How to Build Websites leads a beginner through 8 modules that describe in simple terms how to develop web sites. The 8 modules are:

  1. Basic web concepts
    • What is the Web
    • Domain Names
    • Getting Your Site Live on the Web
  2. Building a web page
    • Three Ways to Build a Web Page
    • HTML Tags
    • Structure of an HTML Page
    • Create Your First Page
  3. Building a web site
    • What is a website
    • Absolute vs. Relative URL
    • Define the purpose of web site
    • Diagram the structure of the website
    • Write out the text for the web site
    • Choose a basic layout that will be used on all pages
    • Choose the basic color scheme and fonts for the site
    • Build out the website
    • Choose a domain name
    • Register your domain name
    • Find a hosting company: what to look for in A hosT
    • Upload your website to the hosting companies servers
  4. Introduction to CSS
    • What is CSS
  5. CSS tutorial
    • Basic CSS Page Template
    • Building the CSS File
  6. Advanced HTML
    • Logical inline tags vs. Physical inline tags
    • Block level vs. Inline tags
  7. Introduction to JavaScript / programming
    • What is programming
    • Basic Javascript
    • Coding vs. Programming
    • Object Oriented Programming
    • built in method/function
  8. Misc. topics related to web design
    • The web designer’s Pre-flight Checklist
    • Definition of a 4th generation web site
    • hardware you need to start designing web sites
    • What ARE ‘LIGHT’ images?

Killersites.com offers tutorials in video format. For $19.95 (much much less than that $50 HTML book), Killersites offers almost 4 hours worth of video that demonstrates a step by step approach to developing a web site. For those of you who are visual learners, this is the resource for you!

Killersites’ Secret Sites takes the fundamentals and offers more advanced tips and tricks. The most helpful resources on this site include a web designer’s pre-flight checklist and a list of web site do’s and don’ts.

See our other articles for specific HTML Tutorials or CSS Tutorials.