10 Terrific Tips for Web Design Beginners.
When embarking on the daunting journey to web design enlightenment it can be hard to know where to start. This short article is intended as a roadmap, outlining the significant tips all aspiring web designers should be made aware of. If you follow each of the following tips you will be well on your way to web design nirvana. However, you may possibly be an intermediate, or, hold your breath, advanced web designer well if that is the case, be humble my good friend, peruse the following tips and you may surprise yourself and pick up a thing or two. So saddle up to your computer chair, make yourself a coffee, drink some chai tea if it tickles your fancy (it s certainly not my cup of tea), assume the full lotus position and prepare to be digitally enlightened.
-- TECHNICAL TIPS --
1. LEARN XHTML - Extensible HyperText Markup Language.
If you dont already know, XHTML is the markup language that every individual web page is made out of. Right click on your screen, and click on view source. Feel like Neo already? Yes, thats right folks; every web page you view is simply a plain text file full of code stored on some dudes computer (sometimes otherwise known as a web hosting server).
Dont be scared, XHTML is quite possibly the easiest programming language you can learn, so easy in fact XHTML isnt technically classed as a programming language. Dont take the red pill and learn Dreamweaver it may seem the easier option at first, but being completely honest once you learn XHTML you can create web pages in half the amount of time than it takes to in Dreamweaver, and you have more control over the final layout. Additionally, Dreamweaver adds quite a lot of unnecessary code and as a result increase the file size of the page, slowing down the loading time for all those poor sods still on dial up Internet. You can write XHTML code in a plain text editor, such as notepad, or notepad++ ( my favourite), however word processors such as Microsoft Word are entirely unsuitable.
If youre rich, unlike me, pick up a cheap ( recent) XHTML book, otherwise browse Google for XHTML tutorials, or head over to http://www.w3. org/MarkUp/Guide/ for a brief introduction to writing XHTML by Dave Raggett.
2. LEARN CSS Cascading Style Sheets.
Stop torturing you with all these programming languages you say? Dont fret my friend, CSS 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.
If you would like another wonderful online tutorial, head over to http://www.w3.org/MarkUp/ Guide/Style for a brief introduction to CSS, by Dave Raggett also.
3. LEARN PHOTOSHOP.
All web designers know how to use Photoshop. I was actually born with a Photoshop watermark on my upper left thigh. If you are aspiring for a web design career you are going to need to learn Photoshop, hell even my Nan knows how to use Photoshop. So Google away for Photoshop tutorials, or browse your local library to spice up your Photoshop skills.
The best piece of advice I can give you is 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. This saves stuffing around with markup code unnecessarily; its much easier to make changes to layout and colours, etcetera, in Photoshop first.
4. USE CSS INSTEAD OF TABLES FOR YOUR DESIGNS.
If you already know a thing or two about web design you are probably sick to death of hearing about using CSS instead of tables for your layout. Well Im going to give it a brief mention anyways for all those web design n00bies out there. Use CSS to control your layout, dont use HTML tables for your design. Tables add tons 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. Dont bust your knuckles by typing the same code over and over again.
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.
-- THEORETICAL TIPS --
6. LEARN ABOUT GRID THEORY.
Grid theory is basically the design theory that suggests that works of art are more aesthetically pleasing if they adhere to some sort of grid that controls its layout. Additionally, the rule of thirds, which is a theory that is related to grid theory, (its sort of like the relative that no one wants to speak to at family functions because of a foul and unpleasant body odour), suggests that designs are even more aesthetically pleasing if their visual form can be divided into thirds. When designing web pages in photoshop, I always start with a grid first to ensure my layouts align to the grid.
7. LEARN ABOUT TYPOGRAPHY.
Typography can be defined as the study of fonts. Learning about typography will teach you when and where to use fonts. Learning about letter spacing (kerning as they like to call it), line height, the serif and sans serif font categories, and more, youll have a truly lethal understanding of fonts in your web design arsenal.
It is important to keep in mind that there is only a small range of fonts that will display in peoples web browsers, so dont rely on primarily using custom fonts in your designs, unless you plan on saving them all as images which can drastically increase the file size of your web site. Site visitors arent going to download custom fonts just to view your website the way you want them to, even if you are super polite. If you stick to using the following fonts for the actual text in your web page, you will be safe: Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, and Verdana. If you want to be an extra lame nerd like me, you should print out all the variations of these fonts (in bold, italic, different sizes, etc) and stick it on your wall.
8. LEARN ABOUT COLOUR THEORY
Before I continue any further I must offer one small piece of advise. Please please please do not email me and tell me that I have spelled colour wrong. If you do so, I will slap you with a salami. Every time I write one of these articles I seem to get at least one email from a silly sausage that doesnt realise words such as color and optimize are spelled differently in different parts of the world. Well, on with the show.
Colour Theory, is, well, the theory of colours. There are many theories on how to choose a nice colour palette, and these will help ensure your web site wont have the appearance it was designed by a colour blind blind-man. Without getting into too much detail, one nice colour scheme to use is a monochromatic colour scheme. A monochromatic colour scheme is a selection of colours that features a colour (lets say cerulean blue), tints of that colour (cerulean blue with more white), shades of that colour (cerulean blue with more black), black and white colours (yes black and white are classified as colours my learn-ed friends).
A nice little tool to help you choose your colour scheme can be located at http://wellstyled.com/tools/colorscheme2/index-en.html. Mmmm, free tool.
9. GET INSPIRED
Browse the net for good web designers, dont 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.
However you dont need to restrict your sources of inspiration to the Internet. On the rare occasion when I venture out of my web design cave to eat something other than baked beans on toast, I like to analyse what grid, colour scheme, and font types that restaurants like to use in their menus. But hey, put me in a sack and throw me down a river if you think Im just crazy.
10. PRACTISE PRACTISE PRACTISE
I shouldnt have to say this but practise whenever you can. 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.
A good tip would be to make one web page template a week and submit it to http://www.oswd.org and other online free web page template directories. Its a great way to improve your skills, and develop a nice little portfolio too.
Well thats just about it for today, my avid readers. I hope the useful tips in this article have helped you well on your way towards web design enlightenment. If you need more information on any of the topics I have mentioned please dont forget that Google and Wikipedia are your friends. And finally, please, never let yourself forget There is a difference between knowing the path, and walking the path.
This article was written by Justin Daniel, who operates his small web design business- NFX Web Design http://www.nfxwebdesign.com.au, located in Newcastle, Australia. This article may be reproduced and published if it contains a link back to NFX Web Design, but not edited in any way without the permission of its author.Top Casino Affiliate Programs
Free Downloads Of Graphic Ebooks Novels
Deni 3 Three Column Blogger
Make Legit Money On The Internet
Free Online Money Making
Panda Software Affiliate Bank
Free Make Money Online
Good Internet Marketing Strategy
Music Business Courses Online
1 Internet Marketing Online Marketing Web Site Promotion
Affiliate Programs Fitness
Affiliate Email Sign Up Programs
Home Internet Business Opportunity
Website Search Engine Optimization
Play Free Bingo Now An Earn Money
Atlanta Seo Marketing
Web Site Traffic Marketing Gabon
Engine Optimization Ranking Search Seo Services Site Web
Web Marketing Resource Search Engine Optimization
Online Business
Internet Marketing Online Promotion Site Web
Online Turnkey Business Opportunity Make Money At Home On
Free Make Money At Home Information
Earn Money Completing Survey Online
Internet Marketing Consulting
How To Make Money Online Without Having To Pay Anything
Seo Tool Seo Consulting Economical Search Engine
Dark Blogger
Make Money Leasing Exotic Cars
Company Web Site Hosting Campaign Click Pay Per Webmaster
Ways To Make Money On The Internet 16k
Pay Per Click Search Engine Promotion
Automated Money Free Advertising Marketing Resource Internet
Malaysian One Stop Blogging Site Where Everything Also Have
How To Make Good Money At Home
Blogging Disadvantage In Marketing
Google Pagerank Checksum
Internet Marketing Strategies
Definition Of Blogging
Seo Wolverhampton
Bruceclay Com Internet Marketing Strategy And Philosophy
Earn Money Online Survey Taking
Pay Per Click Advertise
Local Search Engine Optimization Services
How To Make Money In The Retail Buiness Online 3
Work From Home Internet Business Opportunity Insane Income
Christian Search Engines
Blogging For Teens
Jedi Quest Ebooks
Webmaster Resource Free Web Site Submission Webmaster
Credit Card Affiliate Program
Work At Home Moms
Debt Consolidation Blogging
Sentinel Garupa Blogger
Media Advertising
Money Make To Ways
Increase Google Pagerank
Get Your Free Toolbar Search Clickbank
Free Easy Ways To Make Money Credit
Making Money Online How To Make And At
Web Design Webdesign Website Design Flash Seo Marketing
Free Quick Ways To Make Money Online
Earn Extra Fast Money
89 Search Engines
Internet Search Engines
Make Money From Home On The Internet Loan
Make Money From Surveys
Latino Tv Advertising For Law Firms
Free Texas Holdem Ebooks
Adult Cam Make Money Web Credit
Network Marketing Company
Website Promotion Affiliate Programs
Make Money At Home Business
Blogger Beta Static Page
Targeted Traffic Internet Marketing Pagerank
Seo Portfolio
Textbook Search Engines
Google Adsense To
Engine Marketing Online Optimization Search Services
Make Money Fast Online Business Int
Search Engines Optimization
Usa Affiliate Programs
Nexium 2 Advertising
Engine Optimization Search Seo
Online Business School Austin Internet Marketing Strategy
Home Business Opportunity Online Internet Home Based
Make Money Taking Online Surveys
Cheap Blogging
Download A Full Free Learn Hypnosis Ebook
Make Money Online And Work At Home Earn On Online
Illegal Ways To Make Money Fast
Biz Lead Marketing Mlm Network Opp Phone
Webmaster Wwf
Earn Money At Home Search
Blackhat Seo
Web Site Design Development And Internet Marketing Services
Make Money Quick
Home Based Business Affiliate Program Internet Marketing
Free Internet Links Marketing Site Submission Submission
How To Make Good Money At Home
-- TECHNICAL TIPS --
1. LEARN XHTML - Extensible HyperText Markup Language.
If you dont already know, XHTML is the markup language that every individual web page is made out of. Right click on your screen, and click on view source. Feel like Neo already? Yes, thats right folks; every web page you view is simply a plain text file full of code stored on some dudes computer (sometimes otherwise known as a web hosting server).
Dont be scared, XHTML is quite possibly the easiest programming language you can learn, so easy in fact XHTML isnt technically classed as a programming language. Dont take the red pill and learn Dreamweaver it may seem the easier option at first, but being completely honest once you learn XHTML you can create web pages in half the amount of time than it takes to in Dreamweaver, and you have more control over the final layout. Additionally, Dreamweaver adds quite a lot of unnecessary code and as a result increase the file size of the page, slowing down the loading time for all those poor sods still on dial up Internet. You can write XHTML code in a plain text editor, such as notepad, or notepad++ ( my favourite), however word processors such as Microsoft Word are entirely unsuitable.
If youre rich, unlike me, pick up a cheap ( recent) XHTML book, otherwise browse Google for XHTML tutorials, or head over to http://www.w3. org/MarkUp/Guide/ for a brief introduction to writing XHTML by Dave Raggett.
2. LEARN CSS Cascading Style Sheets.
Stop torturing you with all these programming languages you say? Dont fret my friend, CSS 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.
If you would like another wonderful online tutorial, head over to http://www.w3.org/MarkUp/ Guide/Style for a brief introduction to CSS, by Dave Raggett also.
3. LEARN PHOTOSHOP.
All web designers know how to use Photoshop. I was actually born with a Photoshop watermark on my upper left thigh. If you are aspiring for a web design career you are going to need to learn Photoshop, hell even my Nan knows how to use Photoshop. So Google away for Photoshop tutorials, or browse your local library to spice up your Photoshop skills.
The best piece of advice I can give you is 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. This saves stuffing around with markup code unnecessarily; its much easier to make changes to layout and colours, etcetera, in Photoshop first.
4. USE CSS INSTEAD OF TABLES FOR YOUR DESIGNS.
If you already know a thing or two about web design you are probably sick to death of hearing about using CSS instead of tables for your layout. Well Im going to give it a brief mention anyways for all those web design n00bies out there. Use CSS to control your layout, dont use HTML tables for your design. Tables add tons 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. Dont bust your knuckles by typing the same code over and over again.
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.
-- THEORETICAL TIPS --
6. LEARN ABOUT GRID THEORY.
Grid theory is basically the design theory that suggests that works of art are more aesthetically pleasing if they adhere to some sort of grid that controls its layout. Additionally, the rule of thirds, which is a theory that is related to grid theory, (its sort of like the relative that no one wants to speak to at family functions because of a foul and unpleasant body odour), suggests that designs are even more aesthetically pleasing if their visual form can be divided into thirds. When designing web pages in photoshop, I always start with a grid first to ensure my layouts align to the grid.
7. LEARN ABOUT TYPOGRAPHY.
Typography can be defined as the study of fonts. Learning about typography will teach you when and where to use fonts. Learning about letter spacing (kerning as they like to call it), line height, the serif and sans serif font categories, and more, youll have a truly lethal understanding of fonts in your web design arsenal.
It is important to keep in mind that there is only a small range of fonts that will display in peoples web browsers, so dont rely on primarily using custom fonts in your designs, unless you plan on saving them all as images which can drastically increase the file size of your web site. Site visitors arent going to download custom fonts just to view your website the way you want them to, even if you are super polite. If you stick to using the following fonts for the actual text in your web page, you will be safe: Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, and Verdana. If you want to be an extra lame nerd like me, you should print out all the variations of these fonts (in bold, italic, different sizes, etc) and stick it on your wall.
8. LEARN ABOUT COLOUR THEORY
Before I continue any further I must offer one small piece of advise. Please please please do not email me and tell me that I have spelled colour wrong. If you do so, I will slap you with a salami. Every time I write one of these articles I seem to get at least one email from a silly sausage that doesnt realise words such as color and optimize are spelled differently in different parts of the world. Well, on with the show.
Colour Theory, is, well, the theory of colours. There are many theories on how to choose a nice colour palette, and these will help ensure your web site wont have the appearance it was designed by a colour blind blind-man. Without getting into too much detail, one nice colour scheme to use is a monochromatic colour scheme. A monochromatic colour scheme is a selection of colours that features a colour (lets say cerulean blue), tints of that colour (cerulean blue with more white), shades of that colour (cerulean blue with more black), black and white colours (yes black and white are classified as colours my learn-ed friends).
A nice little tool to help you choose your colour scheme can be located at http://wellstyled.com/tools/colorscheme2/index-en.html. Mmmm, free tool.
9. GET INSPIRED
Browse the net for good web designers, dont 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.
However you dont need to restrict your sources of inspiration to the Internet. On the rare occasion when I venture out of my web design cave to eat something other than baked beans on toast, I like to analyse what grid, colour scheme, and font types that restaurants like to use in their menus. But hey, put me in a sack and throw me down a river if you think Im just crazy.
10. PRACTISE PRACTISE PRACTISE
I shouldnt have to say this but practise whenever you can. 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.
A good tip would be to make one web page template a week and submit it to http://www.oswd.org and other online free web page template directories. Its a great way to improve your skills, and develop a nice little portfolio too.
Well thats just about it for today, my avid readers. I hope the useful tips in this article have helped you well on your way towards web design enlightenment. If you need more information on any of the topics I have mentioned please dont forget that Google and Wikipedia are your friends. And finally, please, never let yourself forget There is a difference between knowing the path, and walking the path.
This article was written by Justin Daniel, who operates his small web design business- NFX Web Design http://www.nfxwebdesign.com.au, located in Newcastle, Australia. This article may be reproduced and published if it contains a link back to NFX Web Design, but not edited in any way without the permission of its author.Top Casino Affiliate Programs
Free Downloads Of Graphic Ebooks Novels
Deni 3 Three Column Blogger
Make Legit Money On The Internet
Free Online Money Making
Panda Software Affiliate Bank
Free Make Money Online
Good Internet Marketing Strategy
Music Business Courses Online
1 Internet Marketing Online Marketing Web Site Promotion
Affiliate Programs Fitness
Affiliate Email Sign Up Programs
Home Internet Business Opportunity
Website Search Engine Optimization
Play Free Bingo Now An Earn Money
Atlanta Seo Marketing
Web Site Traffic Marketing Gabon
Engine Optimization Ranking Search Seo Services Site Web
Web Marketing Resource Search Engine Optimization
Online Business
Internet Marketing Online Promotion Site Web
Online Turnkey Business Opportunity Make Money At Home On
Free Make Money At Home Information
Earn Money Completing Survey Online
Internet Marketing Consulting
How To Make Money Online Without Having To Pay Anything
Seo Tool Seo Consulting Economical Search Engine
Dark Blogger
Make Money Leasing Exotic Cars
Company Web Site Hosting Campaign Click Pay Per Webmaster
Ways To Make Money On The Internet 16k
Pay Per Click Search Engine Promotion
Automated Money Free Advertising Marketing Resource Internet
Malaysian One Stop Blogging Site Where Everything Also Have
How To Make Good Money At Home
Blogging Disadvantage In Marketing
Google Pagerank Checksum
Internet Marketing Strategies
Definition Of Blogging
Seo Wolverhampton
Bruceclay Com Internet Marketing Strategy And Philosophy
Earn Money Online Survey Taking
Pay Per Click Advertise
Local Search Engine Optimization Services
How To Make Money In The Retail Buiness Online 3
Work From Home Internet Business Opportunity Insane Income
Christian Search Engines
Blogging For Teens
Jedi Quest Ebooks
Webmaster Resource Free Web Site Submission Webmaster
Credit Card Affiliate Program
Work At Home Moms
Debt Consolidation Blogging
Sentinel Garupa Blogger
Media Advertising
Money Make To Ways
Increase Google Pagerank
Get Your Free Toolbar Search Clickbank
Free Easy Ways To Make Money Credit
Making Money Online How To Make And At
Web Design Webdesign Website Design Flash Seo Marketing
Free Quick Ways To Make Money Online
Earn Extra Fast Money
89 Search Engines
Internet Search Engines
Make Money From Home On The Internet Loan
Make Money From Surveys
Latino Tv Advertising For Law Firms
Free Texas Holdem Ebooks
Adult Cam Make Money Web Credit
Network Marketing Company
Website Promotion Affiliate Programs
Make Money At Home Business
Blogger Beta Static Page
Targeted Traffic Internet Marketing Pagerank
Seo Portfolio
Textbook Search Engines
Google Adsense To
Engine Marketing Online Optimization Search Services
Make Money Fast Online Business Int
Search Engines Optimization
Usa Affiliate Programs
Nexium 2 Advertising
Engine Optimization Search Seo
Online Business School Austin Internet Marketing Strategy
Home Business Opportunity Online Internet Home Based
Make Money Taking Online Surveys
Cheap Blogging
Download A Full Free Learn Hypnosis Ebook
Make Money Online And Work At Home Earn On Online
Illegal Ways To Make Money Fast
Biz Lead Marketing Mlm Network Opp Phone
Webmaster Wwf
Earn Money At Home Search
Blackhat Seo
Web Site Design Development And Internet Marketing Services
Make Money Quick
Home Based Business Affiliate Program Internet Marketing
Free Internet Links Marketing Site Submission Submission
How To Make Good Money At Home
