Find solution
How to learn web design online?

How should a graphic designer learn web design?

  • I am a Computer Information Systems undergrad student. I have a friend who is majoring in Graphic Design, and is very interested in web design. Our university does not have web design courses (though we do have ASP based web development courses). She has the mind of a designer, not an engineer; the only experience she has had with web design is using Adobe Dreamweaver (is that even used in professional circles anymore?). I'd like to be able to recommend a starting point for her. I'm thinking of suggesting some books on XHTML and CSS, and then introducing a CMS platform like WordPress. But I'm not sure how relevant those books would given the changes in the increasingly popular HTML5 and CSS3 standard. With so many technologies and concepts to master, I could imagine that it could be discouraging. What course of action would you recommend?

  • Answer:

    https://developer.mozilla.org/en-US/learn http://www.netmagazine.com/ Would be the resources I would recommend. Outside of those I would just mess around with web design.

Sean W. at Stack Overflow Visit the source

Was this solution helpful to you?

Other answers

I would recommend starting with HTML5 and CSS3, there are plenty of beginner books out there, some better than others, HTML and CSS are still the foundation for a beginner, but good books will include the basics anyway. My reasoning for this is that anyone just starting should be thinking toward the future.

Michael

Do it for fun. Everything else comes after. Okay, I'll expand. Most important lesson: separate form from content. Stick to the CSS philosophy and http://www.csszengarden.com/ Second most important lesson: start with basic, old, well-supported HTML4 and CSS1. Learn Javascript in this environment, there are fewer distractions. The fancier HTML5 stuff is a natural evolution from that. Book-wise, I learned a lot from HTML 4.0 for the World Wide Web by Castro. It's old but good. http://www.w3schools.com/ is excellent reference the reference that I'm used-to, have a look at https://developer.mozilla.org/en-US/ instead. http://quirksmode.org/ is great for cross-browser issues. There's no substitute for Firefox when developing. http://getfirebug.com/.

spraff

If they are looking to Design I would direct them to sites such as To learn, http://psdtuts.com http://smashingmagazine.com And for inspiration http://www.webcreme.com/ http://www.cssdrive.com/ http://www.csselite.com/ While learning server side will definitely help I think its the wrong route for someone who wants to design. You can be an awesome web designer and get jobs without knowing how to code at all (granted knowing at least front end coding makes you 100% more attractive), design is a whole separate beast IMO.

Loktar

If she's more inclined to design than engineering I wouldn't push her too hard into highly technical areas. A bit of HTML and CSS would be good. But a tool like Dreamweaver is very useful for people intimidated by code and even for coders that don't mind IDE style development, it provides useful tools for editing CSS and HTML, but also allows you to edit the code yourself. http://www.alistapart.com/ is a great design resource.

drnewman

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.