Learn to make Websites
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!
List of Contents
Websites
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.
- NetTuts
- Woork
- Web Designer Wall
- Smashing Magazine
- Vitamin
- Wakeup Later
- Tutorial Blog
- Snook.ca
- Webappers
- Web Resources Depot
- Ajaxian
- Sharebrain
- Design Float
- Style Grind
- PSDTuts
- Design Reviver
- Blog.SpoonGraphics
- Boxes and Arrows
- PHPDeveloper
- Google Doctype
- Webmonkey
- Digital Web Magazine
- Favicon Generator
- No margin for errors
- Well Medicated
- Chazzuka Blog
Cheat Sheets
Cheat Sheets for HTML, Javascript, and other web languages.
- HTML Help Sheet
- HTML Cheat Sheet
- HTML Character Entities Cheat Sheet
- XHTML PDF Cheat Sheet
- CSS Cheat Sheet
- CSS Shorthand Cheat Sheet
- CSS Level 1 Cheat Sheet
- CSS Level 2 Cheat Sheet
- CSS2.1 Quick Reference Chart
- CSS2 Reference
- Javascript Cheat Sheet
- Javascript Quick Reference
- Mootools 1.2 Cheat Sheet
- JQuery Cheat Sheet
- Jquery 1.2 Cheat Sheet
- JQuery Visual Map
- RGB Color Chart
- SEO Cheat Sheet
- Wordpress Help Sheet
- PHP Cheat Sheet
- .htaccess Cheat Sheet
Collections
Inspiration
Favorites
When my collection of links just isn't enough, people will want to submit their own. Here you can say what sites you like, as long as they are related to Webdesign.
CodeNique - Free Tutorials on HTML, XHTML and More Online!
Free easy to learn tutorials on HTML and XHTML as more...1 point
Stéphane Caron - No margin for errors
This is a personal blog of Stéphane Caron, but it more...0 points
W3Schools Online Web Tutorials
HTML XHTML CSS JavaScript XML XSL ASP SQL ADO VBSc more...0 points
HTML Goodies
Free html tutorials and help, images, color codes more...0 points
Books
Videos
How to Make Your Own Website
Photoshop Tricks : Editing Web Templates for Websites
Social Bookmarking in Plain English
Optimizing Your Blog For Traffic
How to Get Top 2% in Alexa Rankings by Using Authority Sites
What is an Authority Site?
Contextual Advertising Options: Clicks Equal Cash
The SEO Song
Your Experience
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!
theplaysource wrote
The best way to learn php is to visit phpvideotutorials.com.
Posted October 29, 2008
After5PC.net wrote
That's an extensive list. I can certainly use some of those resources when developing sites. Thanks for posting them!
Posted August 20, 2008
tonyran wrote
Its good to see all of this is put into one resources. Nice compilation. It will take more than one sitting to digest all of this.
good one
Posted August 19, 2008
Ken Nickless wrote
You've certainly taken a lot of trouble to provide heaps of information for anyone interested in web design.
Posted August 18, 2008
Daniel wrote
Hey, that's actualy a great list, especially the Ajax scripts repository links. Thanks.
Posted August 18, 2008
Matthew wrote
This looks great for beginners! In fact, there looks to be some things that even I could learn from!
Posted August 18, 2008
Kaos wrote
Very nice list! I've been doing simple web design for a year now, and still have been a wimp to go further learning java, ajax...maybe I'll be inspired now to bite the bullet and use your resources. Much appreciated!!!
Posted August 18, 2008
DashRipRock wrote...
Hey Justin...THANKS man, just all those cheat sheets in one place made this is great Lens!!
I've been slowly getting into web development and your Lens was great find. Also liked the list of Websites. Gotta start my Lenses!!
Posted August 17, 2008
Skuxta wrote
Wow thanks. That list is huge and full of good links. Very valuable list of sites. Im just about to start web design. This will be a huge help.
Thanks Justin.
Posted August 16, 2008
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 Lens... (more)
