Web Design Guide for Beginner
This short article is intended as a roadmap of web designers should be made aware of. If you follow each of the following tips you will be well on your way to mastering web design.
So what is you have to do?
1. LEARN XHTML - Extensible HyperText Markup Language.
XHTML is the ‘markup language’ that every individual web page is made out of. Don’t worry, its not too difficull to learn XHTML or maybe XHTML is quite possibly the easiest programming language you can learn, so easy in fact XHTML isn’t technically classed as a programming language. You can write XHTML code in a plain text editor, such as notepad, or notepad++. You can browse Google for XHTML tutorials or head over to http://www.w3. org/MarkUp/Guide/ for a brief introduction to writing XHTML
2. LEARN CSS – Cascading Style Sheets.
CSS or Cascading Style Sheets is only a little more advanced than XHTML and most books on XHTML also cover CSS. CSS is the language that controls things such as the colour, background images, font attributes, and so on. The beauty of using CSS is you can control the aesthetic features of multiple web pages with a single CSS file.
3. LEARN PHOTOSHOP
If you are aspiring for a web design career you are going to need to learn Photoshop. In my experience, i suggest you to make up all of your web page designs in Photoshop first. Once you are entirely happy with the design start slicing and dicing your photoshop file for the images you will need, and coding the web page in XHTML and CSS.
4. TABLELESS DESIGN - USE CSS INSTEAD OF TABLES FOR YOUR DESIGNS
Use CSS to control your layout, don’t use HTML tables for your design. Tables add a lot of unnecessary code, are time consuming and expensive to make changes to once the site is completed, and only affect the layout of the single page you are working on – as opposed to using a single CSS file that affects the layout of any page you want.
5. USE VALID XHTML AND CSS
Valid XHTML and valid CSS is code that validates with the World Wide Web Consortiums coding rules. There is plenty of information on how to ensure your code is valid over at http://www.w3.org. It is important to keep this in mind, as most web design employers will not touch web designers with a ten-foot clown pole unless their code adheres with the standards of the W3C.
6. GET INSPIRED
Browse the net for good web designers, don’t steal their designs, but analyse their designs and try to figure out what fonts, colour scheme, grids, and photoshop techniques they are using. A simple way to use this is search for web design in Google, and browse the portfolios of the top web design companies that come up in the search results. Digital art and poster websites also serve as good inspiration.
7. PRACTISE PRACTISE AND PRACTISE
The more you practise, the sooner writing XHTML and CSS code will become a second nature to you, and you should also practise utilising the information from the various theories I have just mentioned too.
So what is you have to do?
1. LEARN XHTML - Extensible HyperText Markup Language.
XHTML is the ‘markup language’ that every individual web page is made out of. Don’t worry, its not too difficull to learn XHTML or maybe XHTML is quite possibly the easiest programming language you can learn, so easy in fact XHTML isn’t technically classed as a programming language. You can write XHTML code in a plain text editor, such as notepad, or notepad++. You can browse Google for XHTML tutorials or head over to http://www.w3. org/MarkUp/Guide/ for a brief introduction to writing XHTML
2. LEARN CSS – Cascading Style Sheets.
CSS or Cascading Style Sheets is only a little more advanced than XHTML and most books on XHTML also cover CSS. CSS is the language that controls things such as the colour, background images, font attributes, and so on. The beauty of using CSS is you can control the aesthetic features of multiple web pages with a single CSS file.
3. LEARN PHOTOSHOP
If you are aspiring for a web design career you are going to need to learn Photoshop. In my experience, i suggest you to make up all of your web page designs in Photoshop first. Once you are entirely happy with the design start slicing and dicing your photoshop file for the images you will need, and coding the web page in XHTML and CSS.
4. TABLELESS DESIGN - USE CSS INSTEAD OF TABLES FOR YOUR DESIGNS
Use CSS to control your layout, don’t use HTML tables for your design. Tables add a lot of unnecessary code, are time consuming and expensive to make changes to once the site is completed, and only affect the layout of the single page you are working on – as opposed to using a single CSS file that affects the layout of any page you want.
5. USE VALID XHTML AND CSS
Valid XHTML and valid CSS is code that validates with the World Wide Web Consortiums coding rules. There is plenty of information on how to ensure your code is valid over at http://www.w3.org. It is important to keep this in mind, as most web design employers will not touch web designers with a ten-foot clown pole unless their code adheres with the standards of the W3C.
6. GET INSPIRED
Browse the net for good web designers, don’t steal their designs, but analyse their designs and try to figure out what fonts, colour scheme, grids, and photoshop techniques they are using. A simple way to use this is search for web design in Google, and browse the portfolios of the top web design companies that come up in the search results. Digital art and poster websites also serve as good inspiration.
7. PRACTISE PRACTISE AND PRACTISE
The more you practise, the sooner writing XHTML and CSS code will become a second nature to you, and you should also practise utilising the information from the various theories I have just mentioned too.
Posted in Label: tutorial | Edit |
0 komentar:
Posting Komentar