Skip to Main Content


Designing Your First Website.

By: Matt Mace - Customer Street Graphic Designer
Comments (0)
May
02

Good day to you all. Today’s article is going give you the once over on webdesign.

Lets get started!

First of all open photoshop and select File > New ( CTRL + N ). Input the dimensions of your site ( example: 800 x 600 ). Remember length isn’t an issue but keep you width to a maximum of 800 pixels.

Think carefully about your layout and refer to your site map. Start from the top of the page, plan your banner and navigation, then continue down sculpting the first content areas and any additional navigation menu’s.

NOTE: When designing navgation menu’s try to make them look simple and uncomplicated.

The busier the site is the more professional it should look. Try not to pile to much content on to your homepage, ideally add a “Read more” or “Go to” link underneath the snipet of content to lead to a page with the full article on it.

If your stuck on what to do after the banner, navigation and top content areas then think about all the pages your going to have on the site, think about what your audience may find most interesting and maybe do a little research online to see if alot of other people have written content based on a similar subject/criteria.

Once you have done that, Insert some of the subjects you have into the homepage. Remember to also add an image relating to the content.

When coding your site also add alt tags on the images so that search engines also know which image relates to which content.

Here’s a quick summary of a homepage.

  1. Buttons or links to main pages.
  2. Banner Image(s).
  3. Breadcrumbs.
  4. Left or right column for sub links or catergory listings.
  5. Main content area.
  6. Sub Contents areas below.
  7. Footer

If your design is unique (as in unripped and completely of your own artistic skill) I strongly recommend copyrighting your site all and any part of it.

  • Digg
  • del.icio.us
  • ThisNext
  • MisterWong
  • Wists
  • BlinkList
  • blogmarks
  • Netscape
  • NewsVine
  • Reddit
  • Slashdot
  • Spurl
  • StumbleUpon
  • Technorati
  • YahooMyWeb
1 Star2 Stars3 Stars4 Stars5 Stars
3.5
after 2 Votes

Leave a comment

Back to Top