How should a graphic designer learn web design? [closed]

Closed. This question is off-topic. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

开发者_StackOverflow中文版

Closed 10 years ago.

Improve this question

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?

---

• MDN Learn
• .net magazine

Would be the resources I would recommend. Outside of those I would just mess around with web design.

---

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.

---

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.

---

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 reap the benefits

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.

w3schools is excellent reference the reference that I'm used-to, have a look at mozilla's pages instead.

quirksmode.org is great for cross-browser issues.

There's no substitute for Firefox when developing. Get Firebug.

---

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.

A List Apart is a great design resource.

---

If you're looking for a good bridge between Graphic Design and coding, I would push a new user to

http://www.codecademy.com

I've pushed a few buddies of mine there and it's fascinating to watch them progress so quickly. Once you get them to learn the HTML / CSS basics there, there are other options based on what specific element they want to go to next (ASP, Ruby, etc)

Hope this helps!