Web Development Tutorials

Ranked #4,603 in Education, #105,003 overall | Donates to Room to Read

Learn to make Websites

Hello there :) This lens is meant to be a medium to help you learn to make your first, second, third, and whatever other websites you want, REALLY fast.

This lens includes some of the best development tutorial websites, in hope that you too can some day design your own website.

It really is a rather simple process. You begin by learning HTML, which is an hour task. At that point, you can officially design your own website.

After that, you learn CSS, which is a week-a few weeks process. Then you can really soup up your website.

Next comes PHP, CGI, Ajax, Javascript, or whatever you choose. They are all optional, but can make your website pretty sick.

Of course, everyone has a different way of learning. It is really up to you!

This is just a landing page for you to learn what you're doing.

Now inside of The Isle of Squid!

You will not be an expert instantly! It takes a lot of time to learn and master the art of webdesign, and it varies from person to person. Start easy, and work your way up. Don't forget-- Practice makes perfect!

Websites

Below is a list of many websites that will help you learn, and master, CSS, HTML, Javascript, and Ajax (Ajax and Javascript are basically the same things.)

The below list is also merged in with a bit of PHP, some development tools, and some stuff I found interesting relating to the topic at hand.
  1. NetTuts
  2. Woork
  3. Web Designer Wall
  4. Smashing Magazine
  5. Vitamin
  6. Wakeup Later
  7. Tutorial Blog
  8. Snook.ca
  9. Webappers
  10. Web Resources Depot
  11. Ajaxian
  12. Sharebrain
  13. Design Float
  14. Style Grind
  15. PSDTuts
  16. Design Reviver
  17. Blog.SpoonGraphics
  18. Boxes and Arrows
  19. PHPDeveloper
  20. Google Doctype
  21. Webmonkey
  22. Digital Web Magazine
  23. Favicon Generator
  24. No margin for errors
  25. Well Medicated
  26. Chazzuka Blog

Collections

Below is some collections of scripts that you are likely to find useful.
  1. 80+ Ajax Solutions for Professional Coding | 60 more
  2. MiniAjax.com
  3. Hot Scripts (Huge Scripts Database)
  4. Javascript Source
  5. 19 Free Icon Sets
  6. 25 Free Icon Resources
  7. Web 2.0 Design Generators

Inspiration

When you have designers block, you need inspiration. This is a collection of fantastic layouts, or collections of them, for you to get your jive back from.
  1. iWanna Play
  2. The NY Moon
  3. Oliver Danchin
  4. Redbull Flightlab
  5. Web Creme
  6. Zen Garden
  7. Faveup
  8. CoolHomePages

Videos

They say a picture is worth a thousand words. What about a video?
How to Make Your Own Website
by nalts | video info

803 ratings | 232,413 views
curated content from YouTube

Your Experience

Loading poll. Please Wait...

Free Website Templates

After all this reading, you have to have a headache, right? Well, as a final piece of information, I will say that you don't always have to completely design a website yourself. Sometimes you can go ahead and get a premade template, and just edit it to have your writing, and your images.

Well, that said, I think I will have a final link. This one being a download link. Inside of this .rar file is 450 Website Templates for you to use. Keep credit in them where credit is put, as those people did a lot of work to make those templates for you.

Download

(This is to celebrate reaching the top 100 of the How To Category.)

Comment Box

Your oppinion

Here you can suggest websites, post what you made, ask questions, or point out mistakes I made with my lens!

submit

by

boredofeducation

Hello world!
I'm a full-time math teacher, a sometimes Citizen Squid and a 24/7 Giant Squid.
Be sure and check out my other lenses at Damon's Lenses...
more »

Feeling creative? Create a Lens!