Loading ...
66 Links To Learn The Webdesign Basics
In the past, DivitoDesign has learned you how to start blogging and many people have learned from that. So I thought, why not give beginners some articles that help you to start with webdesign in general.I remember the time I started out and it wasn’t easy, simply because I didn’t know where to begin. It’s time to change that. Here are some of the best articles and sites from around the internet that will learn you all the basics you need.
General
- “What is Webdesign” guide
- Understanding Webdesign
- Validate HTML / CSS (Very important!)
- Why validate?
Programs
- Adobe Photoshop CS3 (Design)
- GIMP (Design)
- Adobe DreamWeaver (HTML/CSS/PHP editing)
- NVU (HTML/CSS editing)
HTML
CSS
- CSS Basics
- Complete CSS Guide + Reference list
- W3Schools – CSS reference
- Free CSS Ebook – Need to subscribe to the RSS feed to download the Ebook!
Design
- Photoshop tutorials
- GIMP tutorials
- Photoshop Basics
- Photoshop Shortcuts
- Create a weblayout in Photoshop + Dreamweaver
- 27 “how to design a website” tutorials in one place
Site Structure
Tutorial Sites
Colors
Resources
- Photoshop Brushes
- Photoshop Brushes II
- Photoshop Patterns
- Photoshop Layer Styles
- WordPress Plugins
- WordPress Themes
Stock Images
Search Engines
- How Search Engines Work
- Search Engine Optimizing Basics
- Off-Site Search Engine Optimizing
- On-Site SEO
- Add a Sitemap to your website
Inspiration
Fonts / Typography
- Wikipedia – Typography
- I love Typography
- Typography Essentials – A Getting Started Guide
- Fonts On the Internet
- DaFont
Usability and Accessibility
Blogging
Suggestions?
If you think a beginner would benefit from an article you have wrote or which you have found, feel free to leave a comment with the link, or send me an email!
For more articles on webdesign, blogging, CSS or Seach engine optimizing, consider subscribing to the RSS feed.
Hi,
I suggest :
CssLeak – http://www.cssleak.com in Inspiration
BrushKing – http://www.brushking.eu in Resources (Photoshop Brushes)
Thanks
great article!!!!!!!!!!!
66 Links To Learn The Webdesign Basics…
DivitoDesign recopila 66 links para aprender las bases del diseño web, desde tutoriales sobre lo básico del HTML hasta recursos para Photoshop….
Hey,
Nice and usefull list! But I would always suggest beginners to use CMS systems like wordpress.
[...] 66 Links to Learn the Web Design Basics [...]
[...] – 66 Links To Learn The Webdesign Basics [...]
[...] 66 Links zum lernen der Webdesign-Basics [...]
[...] – 66 Links To Learn The Webdesign Basics [...]
[...] – 66 Links To Learn The Webdesign Basics [...]
the information on this site is very help full….thank you..
[...] – 66 Links To Learn The Webdesign Basics [...]
[...] – 66 Links To Learn The Webdesign Basics [...]
[...] on Thu 25-9-2008 Using Free Software To Make A Web Site Saved by gunzip on Tue 23-9-2008 66 Links To Learn The Webdesign Basics Saved by drlowem on Tue 23-9-2008 NVU 1.0 Portable Saved by rhithyn on Thu 18-9-2008 [...]
Wow, that’s a solid list. I talk about SEO on my blog and I get emails and comments from people a lot asking me for basic design stuff. This is a great list to send them to.
I honestly suprised by how many people get into “internet marketing” and completely forget the “internet” part of it. I consider basics like HTML and CSS to be a must.
Thanks for great list ! Keep up the good work
NVU? Surely you jest.
The maintainers have abandoned it, there is no website for NVU anymore. The closing reference is on Wikipedia: http://en.wikipedia.org/wiki/Nvu
So, why list it as a resource?
Also, where is “A list apart”, WebMonkey (inspiration); BlueFish, HTMLkit (programs) (to name a few); … I could go on.
Reviewing the list of stuff you have referenced, it appears to be “the list of expensive Windows only tools for dummies with a few open-source things to fool the gullible” thing to teach you web development for non-standards compliant crap.
JMHO. I’ll get off my soapbox now.
Good day.
[...] Ce dernier point me permet de faire une jolie transition sur une séries de tutoriaux pour débuter en html & css, ainsi que 66 liens pour apprendre les bases du web design. [...]
[...] 19. 66 Links To Learn The Webdesign Basics [...]
[...] Source: DivitoDesign; Date: 2008 / 26 [...]
[...] Source: DivitoDesign; Date: 2007 / 12 [...]
nice list there will deffinalty keep reeding your site!
thanks for the good info
Good collection: I think I’ll be picking up a book or two (I need to improve typography and colors), and also the usability section.
Stumbled.
Thanks for putting together quite a definative list, ive added this page to a list of resources that our artists should be reading. While good at graphics, CSS and HTML validation seems to be alien to them.
WOW! Great article! Bookmarked. thx for very useful info!
great article but i think you should do more like how to gain traffic to your site or how to gain forum mebers, or along the similar lines.
I would just like to also congratulate you on this blog on web design. As a fellow web designer its great to see posts on how to do web design correctly, i think some of my local competitors need to read this! lol
very thorough list. thanks for sharing!
A fantastic bookmarked article!
I liked it a lot! Thanks
I think all of us already are familiar with html and css thing but the difficult part is photoshop. I have visited all photoshop links and they are very helpful. Although I have older version of photoshop but I think many of tutorials will work with that.
photoshop is the easy part, coding it is the hardest, however im still improving
Thank you!
Thanks for the list. Again, really useful stuff. Never got that whole W3 verified thing till now
.
[...] 15 Must-Have Bookmarklets For Web Designers And Developers 20 Great PHP frameworks for developers 66 Links To Learn The Webdesign Basics Web Development Toolbox: 120+ New Tools for Web [...]
[...] 66???????????? [...]
Thanks for this great post, huge useful list
[...] 66???????????? [...]
[...] 66???????????? [...]
Thanks for this great list . I just bookmarked the post Good stuff:-)
[...] 15?????/????????Bookmarklet(??????) 20??PHP???? 66???????????? Web?????? 120 +Web????? ??????Hack [...]
[...] 15?????/????????Bookmarklet(??????) 20??PHP???? 66???????????? Web?????? 120 Web????? ??????Hack [...]