Roadmap to Learning Web Design and Development

Posted in Articles

Tweet This Share on Facebook Bookmark on Delicious Digg this Submit to Reddit

Want to learn web design, but don’t know where to start? Start here with the Roadmap to Learning Web Design.

We try to find and bring you the best resources on the web for learning web design. And will organize it for you in a systematic fashion.

Bookmark this page so that you can come back to it.   And then just click on the topic links below to start learning.  You can start from the beginning and go sequentially. Or depending on your level and existing knowledge, you can jump forward and skip sections as needed. They are organized by categories from the basic to the more advanced.

Web design and web development involves many phases.

To create a web site, you need to decide how you want your information to be organized on your site. Then you need to draw the design layout (usually done in Photoshop or Fireworks).

Once you got your design, next you need to code it in HTML and CSS. The latest version of these technology is HTML5 and CSS3.   You can start using them now.

If you want interactivity and animations, then you would use Javascript and Flash. JQuery is a very popular Javascript framework that make coding interactivity and animations much easier and is worth knowing.

These technologies (HTML, CSS, Javascript, Flash) are all call “front-end” technologies becasue they run on the browser as opposed to the server.

If your site has dynamic content or need access a database such as MySQL, then you will need to code it with server-side technologies such as PHP. These are known has “back-end” technologies because they run on the web server.

Now more and more often, a site is built using a content management system.  This enables a website owner to have a login to change and publish new text content to the site without needing to touch code.  WordPress, Joomla, and Drupal are all open-source content management systems.  We prefer using WordPress in general.  And of the three, it is the easiest to learn.

Just having a site up is not enough, a site needs to have traffic.  Search engine optimization and website promotion is a means of bringing this traffic to a site.  It may involve on-page coding optimization as well as off-site link building strategies.

As traffic to a site builds, some people may want to consider monetizing their site to bring in a little bit of income via Google AdSense or other forms of advertisement.

After you have gained some skills and have experienced the full cycle of building a complete website. Perhaps some would like to do this as a business for clients.   Hence, we will try to provide some resources for freelancers.