How to Become a Professional Web Designer and Programmer


Becoming a professional web designer is not as hard is it seems. With a bit of free time and some patience you can earn money doing contracts.

edit Steps

  1. 1

    Get a good vector graphics editor such as Adobe Illustrator. Making images using vector graphics is the easiest way to grasp graphics design, so spending some money on something like Illustrator or Fireworks will be a great help. Inkscape is a nice free and open-source alternative for beginners.

    2

    Look at how other web designers create sites, note how a menu or content area is laid out and then use that knowledge in your designs.

  2. 3

    You will need to learn skills in XHTML(Extensible Hypertext Markup Language) and CSS(Cascading Stylesheets) as a foundation on which to build. Basically all websites are written in a combination of these two languages. A good place to begin learning them is at W3Schools. Good books on the subject are also helpful.

  3. 4

    So far, XHTML controls only the structure and CSS the look of the website. Neither of them cover any kind of programming aspects. Well, XHTM is sometimes considered declarative programming, but that’s out of scope of this how-to. A good introduction to actually programming websites (and indeed programming in general) is Javascript. Javascript takes care of all the client-side (scripts that are downloaded with the page and run on your local computer) programming. It will also teach you the fundamental concepts that will prove invaluable when you go on to learn server-side scripting using PHP.

  4. 5

    Create dynamic websites using PHP and MySQL. These technologies will enable you to create a website that does not require you to make individual HTML pages but allow you to use templates to display multiple pages within the same design.

  5. 6

    Create a web site that uses AJAX so you can utilise the server-side power of PHP without having to refresh the page thus saving bandwidth and enabling you to create ‘interactive’ web applications.

  6. 7

    Install a web server on your Computer so that you can work on scripts locally without an internet connection. If you choose the PHP route try http://www.wampserver.com/en/. If you use ASP.NET use IIS available on most versions of windows.

  7. 8

    Get yourself some script examples to “tinker” with: Finding a script to dissect is the best way to learn. Try CMS’s like Drupal and Joomla

  8. 9

    Start some Projects: Now with everything you know get yourself some hosting and a domain; then start creating sites.

  9. Find some Forums you can join. This will help if you find yourself in some trouble (chances are someone has already gone through the same problem).
  10. You should install PHP from PHP.net so you can test on your computer.
  11. Web designers must keep abreast of current trends in the Internet industry. They must figure out what services are expected, what graphics are most likely to be received well and enjoyed, and how a page will rank high in search engines.

edit Things You’ll Need

  • Design software. eg Adobe Photoshop, Adobe Fireworks or GIMP(open source).
  • HTML Editor. Notepad will work but there is other software that will make the job easier, Eclipse(open source) “web development tools” version or Adobe Dreamweaver.
  • To publish your website so others can see it on the internet you’ll need hosting
  • You will also need PHP installed for testing on your own computer.

Advertisements

About Raashid A.

Web Designer & Front-end Developer with Social Media Marketing & SEO

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: