Add your company details to our Business Directory, for FREE!


Graphic Design Forums: UK forums for graphic designers » Website Design Forums: » Website Design Forum: » Amature in need of some advice

Reply
Old 08-16-2010, 10:01 AM   #1
Junior Member
 
Join Date: Jul 2010
Posts: 5
Thanks: 0
Thanked 1 Time in 1 Post
Default Amature in need of some advice

Hi guys,

Im pretty new both to web design and the forums.
So far i have only made a couple of very basic sites using dreamweaver (and i mean very basic - header, content, footer and a few links to the left)

I recently decided to try putting together a gaming community, we have a few game servers and 30 members so all is going well .. but we were missing a website.

I decided to try designing a site from scratch, rather than use one of those somewhat fixed templates that free clan site services privide.

I started by buying some web space and installing phpbb so members could communicate, i decided not to mess to much with the phpbb templates for now, as the amount of style sheets was a little daunting to say the least

So, more to the point, im trying to create a basic layout for the site, it could be going a lot worse but I have run into a few problems ..

Main problem being the way i have created the banner .. I must have done it the most inefficient way possible and loading time is an issue.

I made the banner in photoshop and included several link buttons, i then used the slice tool to slice out the links and areas where i wanted a reote rollover. The problem that I didnt account for is load time, im pretty sure the problem is the amount of http requests taking place when the page loads, as there are so many seperate images.

All of the images are saved in png24 format, i did try png8 and gif but file size wasnt a lot different.

Reading around i found posts about "image maps" but some people said this method wasnt the best way to tackle the issue.

If someone could take a look at what we have so far (most of the links dont link anywhere) and suggest a way to improve loading time (preferably without having to start again) it would be much appreciated.

Example page:
| RRGC | Gaming News | Home |

Cheers,
Tom
RadicalRoosterGC is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-16-2010, 10:25 AM   #2
Senior Member
 
chris_17's Avatar
 
Join Date: Jun 2009
Location: Newcastle
Posts: 226
Thanks: 0
Thanked 39 Times in 30 Posts
Default

I don't see why you would want to go with an image map. Save what you can as JPEG and 'save for web and devices'.

Also you need to sort your code out, personally I'd start over it. Don't use tables.

Have a look on W3C Schools website for coding side of things.
__________________
Front-End Design, Development and Web Standards
chrisborrowdale.co.uk
@chrisborrowdale
chris_17 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 09-08-2010, 02:30 PM   #3
Member
 
I4Visual's Avatar
 
Join Date: Jul 2010
Location: Laindon, Essex
Posts: 35
Thanks: 0
Thanked 1 Time in 1 Post
Default

Quote:
Originally Posted by chris_17 View Post
I don't see why you would want to go with an image map. Save what you can as JPEG and 'save for web and devices'.

Also you need to sort your code out, personally I'd start over it. Don't use tables.

Have a look on W3C Schools website for coding side of things.

I totally agree with chris. The design needs fixing, also, I can see it's a gaming site of course but I feel from a professional point of view the vibrant colours and logo really aren't something I could find myself looking at for very long, it feels like a bit too much, like the page is attacking you almost.

That's as much as I can say really, the design isn't bad at all, it's jus tthe colours that are asking too much of it.
__________________
i4 Visual Media - Website Designers
I4Visual is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 09-08-2010, 04:25 PM   #4
djb
Senior Member
 
djb's Avatar
 
Join Date: Apr 2010
Location: Farnham, Surrey
Posts: 347
Thanks: 30
Thanked 51 Times in 49 Posts
Send a message via Skype™ to djb
Default

Just had a really quick look and you could make your life a lot easier (and decrease some file sizes) by just having the tabs of the banner change colour rather than the whole border.
__________________
David John Bennett
Graphic and Web Designer, Farnham, Surrey
djb is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 09-08-2010, 06:37 PM   #5
Moderator
 
Corrosive's Avatar
 
Join Date: May 2010
Location: Bristol, UK
Posts: 809
Thanks: 123
Thanked 178 Times in 143 Posts
Default

Agree with the others. Your site is slow due to your coding method. Tables and export from Photoshop aren't good ideas. You need to look at it again and do some reading on CSS based sites.
Corrosive is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 09-13-2010, 02:14 PM   #6
Member
 
Join Date: Aug 2009
Posts: 32
Thanks: 4
Thanked 0 Times in 0 Posts
Default

ye drop the javascript and focus more on the css way of coding navigation etc. This will speed things up a lot!
nickio15 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Flyer Printing | Print Reseller Scheme | Graphic Design | Logo Designer | Web Design UK | Graphic Design UK | Letterhead Printing
Business Card Printing | UK Business Forum | Logo Designer | NCR Pads | NCR Books | Receipt Books | Drinks Coasters | A6 Flyers | A5 Leaflets
Web Design & Development | vBulletin Skins | Small Business Websites | Leaflets | Leaflet Printing | Web Design Liverpool | Invoice Books


DISCLAIMER: All posts on this forum express the views and opinions of the author only, not the owners, staff or advertisers, hence we will not be held liable.


Powered by vBulletin®
© Copyright Jelsoft Enterprises Ltd
SEO by vBSEO 3.2.0 RC5 ©2008, Crawlability, Inc.