How to get started with web designing

I would appreciate any help on how to get started with web designing. Online tutorials have always favored the users to learn quickly.However one cannot get any feedback on their work and in addition your queries can’t be resolved. I think any online resource that teaches the concepts periodically with absolute teaching skills and presentation while providing online feedback is always helpful and reliable.
:slight_smile:

Bizzy, the site I’ve created (and am still far, far from completing) was born from a single-page lesson plan written to teach ADHD middle schoolers the fundamentals of Web page construction. Your recommendation is spot on. I hope I’ve continued to do that as the tutorial site continues to grow (and become more general in nature).

Ian Lloyd is very, very good at keeping the needs of his novice (and nervous :slight_smile: ) readers in mind, as are the authors of the Head First HTML and Web Design books. I haven’t used a Sam’s Teach Yourself XX in 24 Hours book in a long time, but I remember them as being very good as well.

I definitely recommend W3Schools tutorials that have helped me a lot.
Especially if you’re new to web design. They got great examples for each instance so you can learn and play in same time.

We’ve discussed the W3Schools in these forums before. They are very well done sources of information, but they have no connection to the W3C (though a lot of people believe they do), and they haven’t been updated in a good while.

There’s starting to be a sharp incline in the amount of fantastic educational tutorials and web based classes on web design on the Internet…

SitePoint recently had JavaScript Live (teaching the subject through a web based format)
Carsonified (a well respected web firm) are starting a training scheme: http://membership.thinkvitamin.com/
The IWA (International Webmasters Association) have certification courses (pretty good but pricey): http://www.iwanet.org/

And there’s lot’s of screencast’s and videos for sale on various web languages. :slight_smile:

you can either pay to go to college or spend your time sorting through the massive amounts of free information on the internet. Be adaptable and you can learn anything on the net.

Do Modular course in web design effective? I am planning to enroll for it.

i started by just messing around with dreamweaver. its simple and cut and paste. after than you can slowly learn the html coding.

You can take the concepts you learn from the tutorials, and apply what you know into your designs. There’s an entire sub forum on here dedicated to website reviews.

Feel free to share your designs in there and you’ll get the feedback you need. Good luck!

This is also an excellent forum for folks with specific problems. For example, we get several threads a week from people who are going through “Build Your Own Web Site the Right Way” or other tutorial books and get stuck on something. So far, I believe we’ve been able to help pretty much all of them. So the best thing I can advise is to jump in, start putting something together, and post here when you hit a snag. Good luck!

I use books to get the general ideas and concepts down (sometimes a book can get across complicated subjects better than articles as it’s one author describing the process), I also use articles (which keep my knowledge up-to-date and discuss interesting concepts) and the W3C specifications (and SitePoint’s references) to ensure I know how all my code can be best optimized and used. If I need feedback on my stuff though, it’s straight to this place for me :stuck_out_tongue:

i think you should decide what are your aims and goals and then make a structure of your study. for example: at first you learn flash elements. you look for the tutorials and make your first steps, post your works for ranking by other designers and ask for an advise from them. then you learn for example joomla or drupal, i dont know.
this is the way i do. hope it would help you anyway:)

Hello,

You can started with w3school its easy to understand and you can implement design within the code also.

W3Schools is somewhat out of date. There are better tutorials and resources out there. I’m creating one myself, though it’s far from complete.

My advice is to learn how to design in Photoshop using online tutorials, then code your designs in html/css using more online tutorials. You basically take images from your design and use css to position it. Post on a forum for feedback to help improve the site and your skills. That’s what I’m doing. :slight_smile:

Hi there, I find this URL great, try this and have as much fun as you like playing with the codes.

http://www.w3schools.com/sitemap/sitemap_tutorials.asp

Out of date?!? I have just spent 2 weeks going through all the html, css, and javescript tutorials to learn the right and most up to date way of building a website!! This is very disheartening!!

Do you have a suggestion of where to find more up to date tutorials? I know books are typically out of date by the time they make it to print. I have no idea how to know if what I am looking at is new or old. Please point me in the right direction. Thanks

Bizzy, you can help me create that tutorial by telling me what tutorials you’ve found that work for you, what you need from them you aren’t finding, how their structure(s) helps (or inhibits) you, etc.

Right now, a good place to start is Lloyd’s “Build Your Own Web Site the Right Way.” He teaches modern, basic design principles (though he teaches XHTML instead of HTML, not the way I’d go, but he knows the subject better than me). It’s not obsolete at all, and very well done.

@ breditf

Just now I have published my first website. I am still revising things and cleaning up some coding that I did not do the right way from the start because I was learning as I developed the site and did not know better. It is hard to go back in and correct things, but it is also a great lesson and drives home the points, coding settles in through repetition and overhaul work really makes you remember all the mistakes and prevents you from going there again.

The advice that I can give is that you should just start with the basics of HTML and CSS. Find the instructions and references on SitePoint (where I did most of my learning) and follow links that are often provided here in the posts on Sitepoint. Soon you will find out whom you can trust here and take the advice from them.

In your mind create a small goal first and let it expand as your knowledge grows. Sketch out some very simple design by just creating blocks or boxes on paper to guide you and get a mental picture. In the end you will have to revise things because in the course of learning you will find better ways. But I find that a real project where you even purchase yourself a domain name becomes more serious, trials and errors will not just be play. Set yourself a realistic deadline to work towards so that you do not swim in endless time. Work on it every day, even if you have just a moment.

It is all very complex in the beginning, advice from different sources pulls you into different directions, but take heart. In the end you will find your way. And if you make some mistakes, so what? You can always go back and do a better job later.

I am an artist and graphic designer, so that part of designing was easy for me, but I did not go into Photoshop to design the site with, but instead started with the coding and then incorporated what I needed in designing images in tandem with the coding. CSS is a fantastic helper in designing the visual aspects of a site. It allows you to manipulate the impact of the message you want to bring out.

A message is important, create your first site with a theme that you know, that you love. That way the process will hold you because you are interested and do not become bored doing just something that you do not feel connected to.

I must say that I think I am finally on the right track! In various places on the web, I have found great little tutorials on how to do simple little tasks with small little snipets of code (how to use headings or how to make links change color when clicked etc.) What I really needed was a grand picture of what all had to happen for my snipets to equal a whole web page and that page to end up on the web. I decided to buy a book and looked for one that had been reprinted in 2010 so it wouldn’t be out of date. I got Sam’s Teach Yourself HTML and CSS in 24 Hours. I LOVE THIS BOOK!! In the first 20 pages, it literally showed me how to create a very basic page and get it on the web. Obviously, I have tons more to learn in regard to making my web pages do what I need them to and look the way I intend, but I think this book is my ticket. It actually explains why things are done a certain way instead of just giving me steps to copy.

Black Max, I think the most important thing in a tutorial is to think like someone who has never even considered creating a web site until right now. That way you don’t overlook the small things that are critical but that you take for granted.

Datura, Thank you for replying with such a positive message! I know there are people on this forum who are so far beyond the average person’s experience level that they think we are all dumb. Maybe we are, but frankly, I find them a little scary.