web design tutorials

I found tutorial: How to create a website with Dreamwaver CS3. iI hope it will everyone who just begin to work with Dreamweaver software. Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS3 (Part 1) (thesitewizard.com)

w3school beats all

Okay, I'll add this to the mix: 33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced

It's photoshop tutorials for creating text effects (found it ages ago whilst looking for a gold effect). Lot of good ones though. Enjoy.

I suggest to use w3school for HTML and PHP learning. It's the best resourse for beginners.

well I have learn lot from chris coyier videos on his website CSS-Tricks.
he has created some nice videos on web designing.
you can check it

How long ago? I learned it 6 years ago. And now I am web developer, but I always try to upgrade my knowledges in this area.

Search on google for what do you want?

EvaBrown and all the contributors . . . Thank you! I will book mark this page and check it regularly. This is exactly what I needed to help in developing my web design skillset -

Here you will find good Dreamweaver Tutorials

Hi,

I'm not a web designer, but I wanted to find where I can learn its fundamentals. Can you point out some awesome materials on basic web design please?

Thanks

I can suggest you to use this website W3Schools Online Web Tutorials. You will find all you want to learn.

I am glad to help you. I created this topic for everyone who wants to learn web design.

Another very good site for HTML & CSS tutorials for beginners: HTML and CSS Tutorials, References, and Articles | HTML Dog

And for peeking at CSS and how it's done, check out: css Zen Garden: The Beauty in CSS Design

It's old school and not really updated anymore, but still, the CSS there is inspiring.

I designed my website (page, really) in 1996. It started as one large gif, because I couldn't get HTML to look the way I wanted it to...

*smiles*

Everybody who want to start use Joomla this Joomla Tutorials will help you. I am web developer and I like to work with Joomla CMS.

W3c Schools best for learning complete web designing.

I also like w3schools tutorials, but I think it placed good tutorial for beginners. Professional web designers looking new ideas and methods.

w3school all the way, i would have to agree with Geek on this one

No doubt, www.w3schools.com is good. But Sue Chastain's lessons for Photoshop in www.about.com are better. Just go and see for yourself.

Like the OP states, Smashing Magazine is outstanding. I'm not even a web designer, I'm a graphics/print designer and they still fulfill my needs. But there site revolves around web. Check it out.

Smashing Magazine and w3schools simply Great

w3schools.com is best for learning web desgin

Wow !!! Great share for me. I am looking this types of tutorial but did not found that. Thanks to you again for giving this information.

Sweet stuff! thanks for sharing, I also learn from psd.tutsplus (dot) com - they also have a great stuff check it out...

Now w3school also provide ebooks to learn about web design in offline mode also. Now you have two option when you visit w3school site either you read pdf ebook or learn online from there site without any charges.

I also agree W3.schools is the best.No one can compete it.

net.tutsplus.com along with w3schools.com owns !!

The best 2 combination to make deadly sites

This website can help you to choose the best colors for your website design www.colorschemedesigner.com

Great sharing , smashing magazine is one of the best site of mine .

W3Schools is King for web design and learning.

thanks for sharing

I'm a w3schools fan, too! The best tutorials are there!

Thanks everyone for sharing. Those are all very helpful resources both beginners and professionals.

I like ColorLovers Color Trends + Palettes :: COLOURlovers

Here is are some "Web Design Tools" I use

HTML Entity Character Lookup

This lookup allows you to quickly find the entity based on how it looks, e.g. like an < or the letter c.

Blueprint CSS framework

It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.

Typetester

The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer's life easier.

Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design.

Web Developer Toolbar

Adds a menu and a toolbar with various web developer tools.

MeasureIt

Draw out a ruler to get the pixel width and height of any elements on a webpage.

ColorZilla

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

Firebug

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Designers Toolbox

All kind of print and web documents sizes.

What the Font?

Submit an image to WhatTheFont to find the closest matches in our database.

Easy Web Form Builder

FormSpring gives businesses and organizations an easy way to build any type of online form, integrate it with their website and begin collecting data.

Browser Shots

Test your site in different browsers.

Icon Finder

An Icon search engine.

Button Browser

Its a button gallery and button maker.

Rounded Corner

This generates a basic box with rounded corners. It will create four image files and the necessary HTML and CSS code for you to put rounded corners around your content.

Vecteezy

Get free vector graphics.

Photoshop Brushes

Cool Photoshop brushes available for download

Tartan Maker

Tartan Maker - the new trendsetting application for cool designers.

Color Schemer

ColorSchemer Studio 2 is a professional color matching application for anyone from hobbyists to advanced professionals.

Format Pixel

Create your own online magazines, fanzines, brochures, catalogues, portfolios and more.

w3schools

Learn HTML XHTML CSS JavaScript XML XSL ASP SQL ADO VBScript


Pictures are worth a thousand words. However, for good quality, engaging photographs, they normally come at a very expensive price. While stock sites are making photography more affordable, they are occasionally more expensive for regular use.

High quality stock photography sites that provide free, easy-to-get photographs that will help you enhance your designs, web pages or blog.

Copyright Issues

Each site should be carefully be examined before using any of the images. Depending on the type of site, attribution might be necessary when using an image from their site. There are currently many different type of usages of the pictures.

Occasionally, most of the sites allow personal and commercial use of the images as a whole. Some photos depend on the photographer that has donated the picture.

If you are using these photographs or images for commercial use, it is important to verify that the actual photo is allowed for commercial use.

Abundance

There is a definite abundance of sites that can be used for free, high quality stock photography. The internet has become a wealth of information and people are freely giving away their work to better the lives of others.

As a designers and creative minds, you need to acknowledge the significance of all of these sites and the people behind them, that are striving to make photography so accessible to the world.

1. Flikr

Do you need to register in order to download photos: No
Number of free photos: In the millions
Quality of Photographs: Medium to High Quality
User Friendly: Yes

2. Stock Vault

Do you need to register in order to download photos: No
Number of free photos: 18000+
Quality of Photographs: Medium to High Quality
User Friendly: Yes

3. Dreamstime

Do you need to register in order to download photo: Yes
Number of free photos: 10000 +
Quality of Photographs: Extremely High Quality
User Friendly: Yes

4. Stock Xchng

Do you need to register in order to download photo: Yes
Number of free photos: 391665 +
Quality of Photographs: Medium to High Quality
User Friendly: Yes

5. Freebie Images

Do you need to register in order to download photo: No, it is a wordpress plugin that is automatically put into your wordpress blog.
Number of free photos: 10000+
Quality of Photographs: Medium to High Quality
User Friendly: Yes

6. Photogen

Do you need to register in order to download photo: Yes
Number of free photos: 1000+
Quality of Photographs: High Quality
User Friendly: Yes

7. Free Range Stock

Do you need to register in order to download photo: Yes
Number of free photos: Undisclosed amount but in the thousands
Quality of Photographs: High Quality to Extremely High Quality
User Friendly: Yes

8. Nations Illustrated

Do you need to register in order to download photo: No
Number of free photos: 7306
Quality of Photographs: High Quality
User Friendly: Yes

9. Image After

Do you need to register in order to download photo: No
Number of free photos: Undisclosed but in the thousands range
Quality of Photographs: Medium to High Quality
User Friendly: Yes

10. Photl

Do you need to register in order to download photo: Yes
Number of free photos: 343 163
Quality of Photographs: Extremely High Quality
User Friendly: Yes

11. Unprofound

Do you need to register in order to download photo: No
Number of free photos: 1000+
Quality of Photographs: High Quality
User Friendly: Yes

12. Photo Xpress

Do you need to register in order to download photo: Yes
Number of free photos: 664,627
Quality of Photographs: High Quality to Extremely High Quality
User Friendly: No

13. Free Photo Bank

Do you need to register in order to download photo: No
Number of free photos: 5172
Quality of Photographs: Medium to High Quality
User Friendly: Yes

14. Image Abstraction

Do you need to register in order to download photo: No
Number of free photos: 371
Quality of Photographs: Medium to High Quality
User Friendly: Yes

15. Pixel Perfect Digital

Do you need to register in order to download photo: No
Number of free photos: 7,686
Quality of Photographs: High Quality to Extremely High Quality
User Friendly: Yes

16. Grunge Textures

Do you need to register in order to download photo: No
Number of free photos: 1453
Quality of Photographs: Medium to High Quality
User Friendly: Yes

17. Free Webpage Headers

Do you need to register in order to download photo: No
Number of free photos: 1,095
Quality of Photographs: Medium to High Quality
User Friendly: Yes

18. Free Image Files

Do you need to register in order to download photo: No
Number of free photos: 1129
Quality of Photographs: Medium to High Quality
User Friendly: Yes

19. Free Media Goo

Do you need to register in order to download photo: No
Number of free photos: 200-500
Quality of Photographs: Medium to High Quality
User Friendly: Yes

20. Design Packs

Do you need to register in order to download photo: No
Number of free photos: 100-200
Quality of Photographs: High to Extremely High Quality
User Friendly: Yes

21. Image Base

Do you need to register in order to download photo: No
Number of free photos: 500-1000
Quality of Photographs: Medium to High Quality
User Friendly: Yes

22. Free Web Photo

Do you need to register in order to download photo: Yes
Number of free photos: 952
Quality of Photographs: Low quality (very small sizes)
User Friendly: No

23. Free Photos Bank

Do you need to register in order to download photo: No
Number of free photos: Undisclosed but in thousands
Quality of Photographs: Medium to High Quality
User Friendly: Yes

24. Free Photos Bank

Do you need to register in order to download photo: No
Number of free photos: Undisclosed but in thousands
Quality of Photographs: Medium to High Quality
User Friendly: Yes

25. I love Stock

Do you need to register in order to download photo: No
Number of free photos: 735
Quality of Photographs: Medium to High Quality
User Friendly: Yes

25. Picspack

Do you need to register in order to download photo: No
Number of free photos: 4820
Quality of Photographs: Medium to High Quality
User Friendly: No, you need to use Google translate to fully understand what is happening in the site, as they do not have an English Version

26. Free Stock Photography

Do you need to register in order to download photo: No
Number of free photos: 300-400
Quality of Photographs: High Quality
User Friendly: Yes

27. Diwiesign

Do you need to register in order to download photo: No
Number of free photos: 633
Quality of Photographs: Medium to High Quality
User Friendly: Yes

28. FreePixels

Do you need to register in order to download photo: No
Number of free photos: 3000+
Quality of Photographs: Medium to High Quality
User Friendly: Yes

29. KaveWall

Do you need to register in order to download photo: No
Number of free photos: 1700
Quality of Photographs: Low to Medium Quality
User Friendly: Yes

30. Free Large Photo

Do you need to register in order to download photo: No
Number of free photos: 3210
Quality of Photographs: Medium to High Quality (with requests for higher quality if wanted)
User Friendly: Yes

31. CompFight

Do you need to register in order to download photos: No, CompFight is an aggregator of free photographs that can be searched by various degrees of creative commons.
Number of free photos: 1000′s +
Quality of Photographs: Medium to High Quality
User Friendly: Yes

32. Aarin Free Photography

Do you need to register in order to download photos: No
Number of free photos: 950
Quality of Photographs: Low to Medium Quality
User Friendly: No

33. Stick Stock

Do you need to register in order to download photos: No
Number of free photos: 1,027
Quality of Photographs: Medium to High Quality
User Friendly: Yes

34. Free Foto

Do you need to register in order to download photos: No, you just give your email address.
Number of free photos: 130570
Quality of Photographs: Medium to High Quality
User Friendly: Yes

35. Open Photo

Do you need to register in order to download photos: No
Number of free photos: Undisclosed, but in the thousands
Quality of Photographs: Medium to High Quality
User Friendly: Yes

36. Art Favor

Do you need to register in order to download photos: No
Number of free photos: Undisclosed, but in the thousands
Quality of Photographs: Medium to High Quality
User Friendly: Yes
37. Burning Well

Do you need to register in order to download photos: No
Number of free photos: Undisclosed, but in the thousands
Quality of Photographs: Medium to High Quality
User Friendly: Yes
38. From Old Books

Do you need to register in order to download photos: No
Number of free photos: 2600
Quality of Photographs: Medium to High Quality
User Friendly: Yes
39. Cepolina

Do you need to register in order to download photos: No
Number of free photos: 16000
Quality of Photographs: Medium to High Quality
User Friendly: Yes
40. USDA

Do you need to register in order to download photos: No
Number of free photos: 2000
Quality of Photographs: Medium to High Quality
User Friendly: No
41. AMG Media

Do you need to register in order to download photos: No
Number of free photos: Undisclosed
Quality of Photographs: Medium to High Quality
User Friendly: Yes
42. Free-Stock Photos

Do you need to register in order to download photos: No
Number of free photos: Undisclosed
Quality of Photographs: Medium to High Quality
User Friendly: No
43. Geek Philosopher

Do you need to register in order to download photos: No
Number of free photos: Undisclosed
Quality of Photographs: Medium to High Quality
User Friendly: Yes
44. Free Images

Do you need to register in order to download photos: Yes, you need to register before you can even view photos.
Number of free photos: Undisclosed, but in the thousands.
Quality of Photographs: Medium to High Quality
User Friendly: No
45. Free Stock Photos

Do you need to register in order to download photos: No
Number of free photos: Undisclosed, but in the thousands.
Quality of Photographs: Medium to High Quality (each image is branded at the lower right hand side)
User Friendly: No
46. Free Photographs

Do you need to register in order to download photos: No
Number of free photos: Undisclosed, but in the thousands.
Quality of Photographs: Medium to High Quality (each image is branded at the lower right hand side)
User Friendly: No
47. DHD Multimedia Gallery

Do you need to register in order to download photos: No
Number of free photos: 26102
Quality of Photographs: Medium to High Quality
User Friendly: No
48. Gimp Savvy

Do you need to register in order to download photos: No
Number of free photos: 2700
Quality of Photographs: Low to High Quality
User Friendly: No
49. Free Digital Photos

Do you need to register in order to download photos: No
Number of free photos: 2700
Quality of Photographs: Low to High Quality
User Friendly: No
50. Free Photos

Do you need to register in order to download photos: No
Number of free photos: 5087
Quality of Photographs: Low to High Quality
User Friendly: Yes
51. Sunipix

Do you need to register in order to download photos: No
Number of free photos: 10000
Quality of Photographs: Low to Medium Quality
User Friendly: Yes
52. Get Free Image

Do you need to register in order to download photos: No
Number of free photos: Undisclosed, but in the thousands
Quality of Photographs: Medium to High Quality
User Friendly: Yes
53. Photo Rogue

Do you need to register in order to download photos: No
Number of free photos: Undisclosed
Quality of Photographs: Medium to High Quality
User Friendly: Yes
54. All Free Images

Do you need to register in order to download photos: Yes
Number of free photos: 804
Quality of Photographs: Medium to High Quality
User Friendly: Yes
55. Turbo Photo

Do you need to register in order to download photos: No
Number of free photos: 200
Quality of Photographs: Medium to High Quality
User Friendly: Yes
56. Micro Shots

Do you need to register in order to download photos: No
Number of free photos: 1109
Quality of Photographs: Medium to High Quality
User Friendly: Yes
57. TOFZ

Do you need to register in order to download photos: No
Number of free photos: 11321
Quality of Photographs: Medium to High Quality
User Friendly: Yes
58. The Creative Element

Do you need to register in order to download photos: No
Number of free photos:
Quality of Photographs: Medium to High
User Friendly: Yes
59. PD Photo

Do you need to register in order to download photos: No
Number of free photos:
Quality of Photographs: High
User Friendly: Yes
60. Pixmac

Do you need to register in order to download photos: Yes
Number of free photos: 400-500
Quality of Photographs: Extremely High
User Friendly: Yes

These are just some tools i use when I'm designing anything thought i would share

Cheers,
Albert

We are doing something called Project Photoshop..... www(dot)squidoo(dot)com/photoshop-101
It is a list of tutorials for web design, and anything that covers photoshop. The list will be constantly updated until we reach 101 tutorials.

Hello, brendabree! Thank you. I decided to create with your help something good, that will help us to fill gaps in our knowledge. If you have good resource or tutorial feel free to post it here.

Great thread, I like w3school is all i have used so far.

Thanks for sharing!

Yes you tutorials are great.Actually I am not a web designer but I want to be can you please give me the step by step tutorials of web designing.

If you want to start learn web design and web development. I think that w3school will be the best resource for you. It can help yoou to start from the scratch.

Hi All Friends !


I am very new to this great forum (off-course built-on great guys like you) and seriously i needed help on this one:

I have only this website(free hosted by Page4) at the moment. And i am writing content for it and investing time in designing and all for this one-but its obvious to believe that i am going to make my own website with my domain name and with a paid web host, entirely different from the present one-page4.

So real situation is that when i will be creating new website i would be taking with me my all content on this current website-and i will delete this page4 sub-domain named free hosted website completely for good.


Now the real question is my friends- will it create any problem for my new-website regarding content ( as a duplicate content as it is now on page4 subdomain, though it will be completely deleted from this place) or anything else(you might think).

Please suggest me guys, do i need to take care of some thing?

Please do answer me asap ,as i need this help desperately!

Thanks in advance (firstly to the first replier and later on to the all in proper order

thank for the share. really to be used

dzineblog.com is a wonderful site for web design tutorial.

Thanks for sharing it, it would be really helpful to all......

best way is learning by doing

:confused:plzz help me guys!!


anybody listening??

plz

I use X SITE PRO AND Xara web designer..

I create my websites in 1 hour or so.. Never had the time to learn HTML or those CSS styles.. Basically I am into flipping sites, soo this is the best.

try teamphotoshop.com, even that's better

w3school is the easiest and best way to learn web design.

I have created this collection of 20 Best Logo Design Tutorials | Blog Website Templates.bzfor web designers. I hope it will be helpful for you!

Friends, do you have new web design tutorilas?

Thank you, sharing with us this website. I think it will good solution for persons going to start webdite from the scratch.

I highly suggest all new webdesigners to learn HTML5 and CSS3 - its really really awsome! (of course every1 who knows css+html already will need to update his knowledge aswell)

For CSS3 this will be the most important site for you:

CSS3 Please! The Cross-Browser CSS3 Rule Generator

Check this site regulary, as they are updating it very often, because CSS3 and HTML5 is both still in development and some things still change.


For HTML5 you should take a look at this site to get an idea of what HTML5 is capable of:

HTML5 Boilerplate - A rock-solid default template for HTML5 awesome.


And of course the non plus ultra for every1 who does a lot css designs: http://960.gs/

I think Php also important, because you will get an opportunity to xcreate really great website. I hope you know if you want to work with different CMSs, php is the main requirement

W3schools, Lynda.com and Smashing Magazine are my faves.

Hey buddy, I like that link very much. Really its very much appreciable. In fact, Its really very informative tutorial for the web designing beginners. I have gone through that link.

Again I would like to express thanks for this.

@aivil: yes it will indeed be seen as duplicate content and it wont help if you simply delete the old page. What you need to do is to setup a 301 redirect. That will tell Google that the site has moved and all your old backlinks will be counted for the new page. just search google for "301 redirect" for more infos.

I swore by datutorials.com and htmldog.com in my early days

w3.org

obviously lol

Mostly I prefer W3school because in this website you may find different types of tips on different topic so i suggest it help you

w3school is nice
i have tried it

I think together we can create a powerful collection of great tutorials.

Very helpful for beginners.. This tutorials through we can get more benefit.. Thanks for sharing this.. Fantastic way..

Hi, Saranya! I see you are beginner and newbie here. I think you also can post all usefull information that you have. It will be usefull for us. Thank you

There are many websites that are offering the free tutorial also a video tutorial avail there and the most impotent that it is free of cost and one can learn as per his convince.

Yes, I agree with you. But I want to gather the best tutorials.

If you really want to learn html css photohop, buy a membership on nettuts+

I don't want to learn, I already know HTML, PHP, Flash, jQuery, CSS, Photoshop/ Illustrator,PSD/AI/JPEG/PNG to HTML/CSS/XHTML/PHP/Joomla/WordPress/Magento/OsCommerce/SMF, Javascript, . The projects that I have worked on have included number of custom CMSs and onine applications / extranets. I just want to gather the best tutorials.

Also try reading this:

Free Beginners Computer Tutorials and Lessons

This one is very helpful for many beginners.

I think it's a cool one. I will add it to my collection. Thank you, friend.

What is this?

Learn at w3schools and particape in webdesigning forums.

I thought that the trend is moving to building sites using the Wordpress platform, is that the case? If that is, does that take html and css out of the equation or is that something that is still valuable to learn?
BTW, these links are great.

Your website is truly amazing

What does the website?What do you mean?

What do you think about this resource how to build websites?

thanks eva, i was having problem removing the redeye without distorting the image.

There are many websites on the Internet that are offering the free tutorial even video tutorials too for the free of cost.The main benefit from learning on the Internet is one can learn as per his convince and also a free of cost,in a less time and no travelling.

Thanks everyone. everyone came up with different tutorial sites and it really helped me.

HI

Thanks for tutorial as i am begin a designer it will be very useful.

Keep sharing by your posting.

Thank a lot.


With Best Regards
Natarajan R (UI Designer)
KAPSYSTEM (kapsystem.com)

You welcome) If you have really usefull resouces feel free to share))

I found one

tutorialking.eu

amazing site with photoshop A to Z techniques including templates designing.

Hi

Anyone can tell me how to make video to add in you tube?


With Best Regards
Natarajan R (UI Designer)
KAPSYSTEM (kapsystem.com)

lynda is the best place for tutorials.

Guys, who are going to start learn PrestaShop system I suggest you to use this Beginners Guide PrestaShop

"Complete Guide to Website Building" is a pretty good resource that covers a wide range of different topic areas within web design. I definitely recommend checking it out!

Wow! The tutorial is great. I am very happy to find the site. it is really very beneficial and useful.

What IT skills do I need to be able to undertake Webdesign and things like Hosting? and How long will it take to learn the two?

w3school is best place learn the basic

Does anyone have any links for photoshop tutorials for making sales page background, buttons etc. ?

Hello, brendabree! Thank you. I decided to create with your help something good, that will help us to fill gaps in our knowledge. If you have good resource or tutorial feel free to post it here.

Three years ago i started learning how to create a website. But i had to by numerous tutorials in order to learn simple, fundamental stuff. I am not a programmer and Dreamweaver, although superb software, is to complex and would take me forever to learn.
So what have i done? I created tutorial for people like me, that want to learn fundamentals, but want their websites to look professional as well. All this can be done with free programs, so i only teach how to create a website with free tools. Hope this helps, and if you now someone who wants to learn this, feel free to give them link to my website.

Hi,

There are many online courses available, but i can suggest try the following platform hope you will find them useful for learning a lot form the scratch to advance

Lynda.com
Udemy
Teamtreehouse.

Wish You best of luck

Great topic! The only thing I can say (but you've already said it)-w3schools.