My first Website

They have: 60 posts

Joined: Feb 2006

resubmitted for review on 31/12/2006

*takes deep breath*

Ok here is my site for the critique area. I know the content wont be everyone's taste but ...............

Be gentle with my baby Wink

g4central.co.uk

mag's

Newbie webmaster
Remember - Google is your friend!

Busy's picture

He has: 6,151 posts

Joined: May 2001

Be gentle huh Roll eyes

At 800x600 there is a horziontal scroll bar
I don't think the yellow suits these "Four delightful young gentlemen", maybe a yellow outer border with white background for content sections. Or even a shade of the navigation buttons.
Because the news section is so skinny at 800x600 there is a lot of blank space in the first two columns.
The 'about' link should be 'about me' or 'about the webmistress' as 'about' kind of implies its about the band/group.
You have a extra table code at the bottom of yours pages, if they aren't being used is best to either emoved them or comment them out ( ends it, anything between these tags is not seen on screen)

Points for being valid Smiling
You could use less tables in your code, the tables should be split into sections (top, content and bottom if you used it), the content (middle) section can be nested like you have but doesn't need to be, use CSS for the borders etc in the table (td) cells.
The seperate tables will speed up your load time (although isn't to bad as is on dialup) and can make editing/modifying your pages easier.

You could very easily upgrade to XHTML as well, just change the DOC tag, close the meta tags and it should be valid XHTML

And I wasn't gentle Sticking out tongue you did good for first website

They have: 36 posts

Joined: Mar 2006

Busy wrote: You could very easily upgrade to XHTML as well, just change the DOC tag, close the meta tags and it should be valid XHTML

As the 'technical consultant' and host for the site (Magnolia is my mum) I'm strongly against this until IE supports XHTML.

She has: 14 posts

Joined: Mar 2006

Well it is functional, easy to tell what the site is about, and easy to get around. For your first I would say it is good. I personally like graphics, but you got the basics down.

If you want you site to get some links and notice you need to join some link exchange programs. Here is one it is call Linkmetro.com and it is free. Also join some autosurf programs like Mixcat this is also free to join. These to places will help get your numbers up there.

And of course if you want to look at some templates, look at my site. Smiling

AlTemplates.com - Your Place for Templates[url= http://www.site4re.com/view/]Real estate website development, design.[/url] Real estate content management system (CMS). [url= http://www.site4re.com/view/]Real estate software.[/url]

They have: 60 posts

Joined: Feb 2006

Right first off thanks for your critique Busy.

I have done the things you suggested that I could do quickly. Its now About Me and the blank space has been filled a bit more. The empty table cell has gone - I forgot that was there Roll eyes I have only published the index page for now. Going to my bed as its late (after 11pm)

I will look at your other suggestions tomorrow evening and see what I can fathom - still very much a newbie with CSS so its all trial and error at the moment. Will have a look at the colour - I agree with you about there being a lot of yellow but limited brain cells and all that will have to read up on it some more Wink

Once again - thanks for your input - and you were relatively gentle with me Sticking out tongue

Thanks Altemplates - I will look at those links tomorrow now - As I am learning website building in the age of accessibility I am not going to build a graphic heavy site!

mag's

Newbie webmaster
Remember - Google is your friend!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Hey Mag, youre making a Fan Site? Why am I not there? LOL!...

Anyways, Good First site, I see you took time to organize the layout, my concern is that shade of yellow is a bit anemic looking... I think the image on the banner/header area should be removed, make it a little thinner and just put int texts or text-graphics in there...

I think you could rethink the color scheme, and definitely work on those borders since its a bit overwhelming, make it appear it blends together even without those borders, A little gradient of splash of a third color would do your site good...

Good Job on a First site!

They have: 60 posts

Joined: Feb 2006

Oh Deamonhale *swoon* Sticking out tongue

Does it come across more of a fan site? I am trying to create a career history rather than just another fawning fan site - there are so many out there for various artists.

Looking at it from different eyes I can see that the *ahem* cream background is a bit - shall we say - garish still. I will spend some more time reading about colour schemes over the next few days and see what comes up. I may know a little about website building but I know naff all about graphic design. That is the next course :blush:

I can easily loose the picture in the title and make it thinner so that is another thing that can be sorted quickly.

Thanks again for your help guy's - for us newbie webmasters its invaluable.

mag's

Newbie webmaster
Remember - Google is your friend!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

I posted this before, go to this thread...

http://webmaster-forums.net/showthread.php?t=32032

and visit this link:

http://www.wellstyled.com/tools/colorscheme2/index-en.html

Help you with colors....

SearchBliss's picture

He has: 267 posts

Joined: Feb 2005

Well, there is a lot of empty space in the tables, and the download from all of the images is a little slow. The greenish yellow also bothers me a little. It certainly has potential, and it's pretty good for a first site. Smiling

They have: 60 posts

Joined: Feb 2006

Searchbliss - thank you for your comments - I am working on the colour as we speak. Not sure on a good one but white will figure more :blush:

I am going to fill up the bottom of the tables with more stuff but as pointed out the graphics are somewhat slow to load on dial up so dont want to load the front page with too many. Will have to put my thinking cap on and come up with something.

Maybe a piccy of Demonhale or summat Sticking out tongue

mag's

Newbie webmaster
Remember - Google is your friend!

They have: 7 posts

Joined: Mar 2006

It's a nice layout and I like the menu, except that your layout doesn't have any graphics in it. It's only lines.

Busy's picture

He has: 6,151 posts

Joined: May 2001

bfbf99 for body colour (on hover colour of navigation)
cccc99 for outer table colour (normal colour of navigation)
white for content areas

When you find a layout you like but the colours are wrong, what I do is take a screen capture of the page and in paint shop pro (or photo shop or whatever) chop and change the colour combinations until your happy. Some times it takes 100 attempts, other times you get it within half a dozen. Sometimes you have to walk away from it for a while and let it come to you.

They have: 60 posts

Joined: Feb 2006

*limps into room mopping sweat from brow*

Right!!! Total new look with the same content. New colours - edited layout - borders removed - instead padding (bet that is wrong Sticking out tongue)

No white empty spaces to speak of - fits ish into 800x600 - new smaller header - News gone but not forgotten. Now in navigation (which I know needs readjusting for prioritising)

Didnt do too much in the css as I am still not that great with it but will continue to 'fiddle' over the weekend.

Hope I done better this time :blush:

Oh forgot to say - I got my colour scheme from slayeroffice.com

oooops G4 Central :blush:

mag's

Newbie webmaster
Remember - Google is your friend!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Looks quite ok now, you still need to amend the boxy feel... although it looks really ok now...

They have: 60 posts

Joined: Feb 2006

Oh my!!! Quite ok!!! Really ok!!! High praise indeed!!!

In all seriousness folks thanks for your help. It is no point in having a website for all to view if it looks wrong. It was scary submitting my site for you guy's to critique. To have the views of professionals/more experienced/younger builders/designers is great. This sort of feedback would never come if places like this didnt exsist.

Now I have an outside view and I feel quite - no - very proud of the look of my site.

Thanks for all your help and advice. I really do appreciate it Laughing out loud

mag's

Newbie webmaster
Remember - Google is your friend!

They have: 9 posts

Joined: Mar 2006

Not my taste for content but hey Sticking out tongue.

It's a nice clean layout, although the colours are a little bland. Sometimes your graphics could do with a few touches but in general it's a well-crafted, easy-to-use website.

Good job and good luck for your future websites!

He has: 3 posts

Joined: Jan 2007

Hi there,

your site looks good, clean crisp and easy to find your way around. Good job

They have: 9 posts

Joined: Mar 2006

I am new to these boards so don't know how critical or praising you should be, I would be more than happy to have produced something of that quality as my first site.
Have to admit G4 would not be my first choice in music ( cue my xmas pressie from my uncle and aunty G4 and friends ) I am not joking.
Anyway back to the review, I think you have a fantastic layout and colour scheme, it gives the impression of a professional site and is " classy looking " as the members of g4 are there looking smart in suits I think it balances nicely.
Out of interest how long have you studied to reach this level and how long did it take you to construct the site?

I own a site www.jokingaround.co.uk ( I have posted a review my site if you would like to look )
This site was done for me by a company as I didn't know a thing about e commerce a couple of years ago, am probably an amateur by some standards now.
Cheers
Martin

They have: 60 posts

Joined: Feb 2006

Mrtoejam wrote: Out of interest how long have you studied to reach this level and how long did it take you to construct the site?

Martin - I started studying last October, never having done anything in dreamweaver or had a clue about HTML, doing a nightclass one evening per week for 3 hours. By Christmas we had completed the web building module and moved on. I did find that HTML was pretty easy to understand and now 'fiddle' to my hearts content with out worrying what I might screw up Wink PHP and SQL may take a little longer to master but I am getting there. The site took me a whole weekend to build but several weeks to get to where it is now. :blush:

Without the help of these guy's here I would still be where I was 3 weeks ago. With a badly designed site and a colour that was totally wrong (I see all of that now). These guy's are fantastic at being honest and open with their critiques and if you can take the criticism they will help you to improve.

altemplates wrote: I love this. It is alot better then the yellow. You are learning quick.

I listen quick as well Wink

Thanks for your kind comments.

mag's

Newbie webmaster
Remember - Google is your friend!

They have: 9 posts

Joined: Mar 2006

Just a small additional. You've put your email in a form that spiders can get. I usually make an image of my email address or do "myusername at thedomain dot com".

-h

They have: 60 posts

Joined: Feb 2006

Thanks xepio. Its always nice to get an outside view from people who either know what they are talking about or dont belong to my family and think everything on the net is brilliant Roll eyes

As for the content - you keep you hands off them - they are delightful young gentlemen with voices of angels *sigh* Sticking out tongue

mag's

Newbie webmaster
Remember - Google is your friend!

She has: 14 posts

Joined: Mar 2006

I love this. It is alot better then the yellow. You are learning quick.

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Mags a good learner, much like me... Anyways, do something with the box feel k? TC...

They have: 60 posts

Joined: Feb 2006

demonhale wrote: Anyways, do something with the box feel k? TC...

I'm working on it already!!! I gotta learn how first Laugh

Busy's picture

He has: 6,151 posts

Joined: May 2001

IE does support XHTML. It is web standards that IE doesn't support, never has and probably never will sadly.
XHTML has been released since 2000

As the 'technical consultant' you should know keeping valid code is the smart thing to do, XHTML has levels like anything, we are not suggesting using XML (although works in IE), just meerly XHTML which is nothing more than clean properly nested HTML - all tags lower case, all values quoted, all single tags end (which work backwards to version 4 browsers and below with the help of the space - older browser ignore the slash).
I would hate for you to hold your mum back, she has done very well and has improved in leaps and bonds. Waiting for IE to wake up, your mum might as well go back to using frontpage and forget everything she has learnt here Sad

XHTML is the next level of HTML, after HTML4 came XHTML, I could direct you to w3c.org but that site is confusing to anyone. do a search for XHTML basics and you will see there is no issues with browser problems.
It is CSS that has browser issues, but even then only when full CSS is used, most of it even works in NS4.* though.

Don't let your mum go backwards, be proud of what she's done, support her and allow her to at least stay valid using XHTML which has been around for 6 years already. As you should know, 6 years in computer terms is like decades.

They have: 36 posts

Joined: Mar 2006

Busy wrote: IE does support XHTML.

I'm sorry to disagree but no it doesn't. If you set the content type to application/xhtml+xml you will get a download prompt (try it here) with IE and need to click open to view the document. You can avoid this by setting the content type to text/html (permissable in XHTML 1.0 if you follow the guidelines in section C, XHTML 1.1 makes no such exception) but then it's parsed as tag soup not XML. You lose the benefit of draconian error checking and things like MathML/SVG will still not work properly in IE.

Don't get me wrong, I'm a huge fan of standards but until IE has even basic support for XHTML (beyond it's current mehod of dealing with it which is to treat it as broken HTML) I will continue to recommend against using it on a public site.

Quote: s the 'technical consultant' you should know keeping valid code is the smart thing to do, XHTML has levels like anything, we are not suggesting using XML (although works in IE), just meerly XHTML which is nothing more than clean properly nested HTML - all tags lower case, all values quoted, all single tags end (which work backwards to version 4 browsers and below with the help of the space - older browser ignore the slash).

XHTML is XML. If all you want is clean tidy HTML then write clean tidy HTML, the benefits of XHTML go much deeper and IE flat out does not support it.

Quote: I would hate for you to hold your mum back, she has done very well and has improved in leaps and bonds. Waiting for IE to wake up, your mum might as well go back to using frontpage and forget everything she has learnt here Sad

She's working on PHP & MySQL at the moment so she's got plenty to keep her happily beavering away, the world's dominant browser does not support XHTML so until it does (IE7 doesn't either) I will recommend clean, well written, tidy, valid HTML. Not that I make any decisions about her site anyway, I just advise and sometimes get ignored Smiling

Quote: XHTML is the next level of HTML, after HTML4 came XHTML, I could direct you to w3c.org but that site is confusing to anyone. do a search for XHTML basics and you will see there is no issues with browser problems.
It is CSS that has browser issues, but even then only when full CSS is used, most of it even works in NS4.* though.

There are browser issues. If you want to comply with the XHTML 1.0 spec and still allow IE to acess your page you have to restricy yourself to the limitations outlined in section C. Various differences between CSS & Javascript for XHTML and HTML will not be parsed correctly by IE so you can't make full use of the standard. Additionally, XHTML 1.1 may not be served as text/html so it's simply not possible to be fully 1.1 compliant and .have it work in IE

Quote: Don't let your mum go backwards, be proud of what she's done, support her and allow her to at least stay valid using XHTML which has been around for 6 years already. As you should know, 6 years in computer terms is like decades.

I'm incredibly proud of my mum, I think her site is fantastic! I also think moving to XHTML would be a step backwards at this time, until IE supports it it's a standard in name only.

I shall now don my flameproof suit and apologise for my first two posts on this forum being disagreements with an established member, not really great ettiquette but I wanted to explain why I recommended HTML 4.01 and not XHTML 1.0.

Busy's picture

He has: 6,151 posts

Joined: May 2001

I see where your coming from, and understand you are set against this, thats fine, each to their own ... Smiling

GDVS wrote: I shall now don my flameproof suit and apologise for my first two posts on this forum being disagreements with an established member, not really great ettiquette but I wanted to explain why I recommended HTML 4.01 and not XHTML 1.0.

No worries Smiling I hope you stick around, pop in the intro section and introduce yourself properly. Welcome

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Thanks for clarifying that, GDVS. This is something that has come up relatively recently from what I've seen and there's a lot of debate around it. It's not something that's part on the mainstream knoweldge-base yet, and I think that's partly because a lot of people don't understand it (myself included to an extent).

It's all quite confusing actulally, especially since for so long the experts were telling us to do XHTML and now a lot of them are reversing their course. So what's a web designer to do? Many of us don't want to be bothered with the nitty gritty debates about the technology, we just want to design our sites. And do it according to the specifications - now we don't know which specification to use anymore!

They have: 36 posts

Joined: Mar 2006

Megan wrote: It's all quite confusing actulally, especially since for so long the experts were telling us to do XHTML and now a lot of them are reversing their course. So what's a web designer to do? Many of us don't want to be bothered with the nitty gritty debates about the technology, we just want to design our sites. And do it according to the specifications - now we don't know which specification to use anymore!

Well my perspective comes from the opposite side, I'm a technologist with all the web design talent of a terminally concussed cow. I can't draw a straight line with a ruler but I know the relevant formula is y=mx+c, in short I'm a tech geek Smiling

In reality it's all opinion, simple XHTML almost always works fine when parsed as tag soup (e.g. in IE) so it can be done but there's no real advantage over previous standards unless the user is using an XHTML compatible browser (pretty much anything else).

My opinion is that for now, unless you need MathML or something like that, it's better to write good clean standards compliant HTML 4.01 with content seperated from presentation. This should make the eventual upgrade to XHTML 1.x fairly trivial, as Busy so correctly pointed out it's mostly a case of closing a few tags and changing the DOCTYPE declaration. Even a site as beatifully done as the infamous CSS Zen Garden could be done in HTML 4.01 with minimal alterations*, CSS is the key not the DOCTYPE of your page.

My heart says sod MS, if it's standard then it's good. My head says IE is still too important too ignore.

This is, however, merely the opinion of a small cog in the world of the web. There a numerous heavyweights out there who say XHTML is the only way to go and there are others who say wait. Maybe everyone using XHTML would force MS to bring IE out of the dark ages but bearing in mind the difficulties many people have with writing valid HTML just how much education is needed to get over the idea that an XHTML page is either right or wrong? XML is totally unforgiving, you can't be nearly right. It's either well formed or it's not and the more amateur end of the market just isn't ready for that yet.

For now there is no right or wrong here, merely differing opinions. XHTML is definitely the right answer for the future but for now it's not quite so simple.

Busy: thanks for taking my comments in the spirit they were intended. Too often this discussion can turn into one of those eternal flamewars that everyone gets so bored of. I'll introduce myself properly once I get my new site online, a week off work as of now so plenty of time to fidde.

* I've never tested this assumption but looking at the source I can see no reason why it would be difficult.

He has: 377 posts

Joined: May 2005

nice website design, though you could avoid worldpay fees and go with paypal.com which is cheaper and better in alot of ways.

They have: 60 posts

Joined: Feb 2006

locatepeople wrote: nice website design, though you could avoid worldpay fees and go with paypal.com which is cheaper and better in alot of ways.

Errrrrrrrrr - think you might have posted to the wrong thread :blush:

mag's

Newbie webmaster
Remember - Google is your friend!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Just do some validation, whatever it might be, as long as youve tried the necessary steps, sometimes I like strict or transitional, html or xhtml, as long as I try to validate...

Mag has the basic instinct of a designer, a small polish here and there and some good backup of a coder behind her, what could possibly stop Mag from learning more...

They have: 7 posts

Joined: Mar 2006

First of all: this is very nice site. Clean and simple. For the first web site, it is very good.

I have two suggestions:

1) Header may need some changes.
2) Selected menu should be highlighted somehow.

This is how it could be done

ratingo.com - ratings directory

They have: 60 posts

Joined: Feb 2006

ratingo wrote: 1) Header may need some changes.

Whilst I like the header I did have a picture in the original but it caused problems at lower resoloutions so I decided to keep the header plain and simple so as not to stretch viewers screens.

mag's

Newbie webmaster
Remember - Google is your friend!

He has: 13 posts

Joined: Apr 2006

It's simple, it's clean, and easy to navigate. I think the site does exactly what you want it to without being too much. I think you did a good job!

Krash

Supreme Affiliates--A webmasters recourse for affiliate information, webmaster networking, and more.
Blow up your ClickBank earnings 100% FREE!
Composition Depot--Article Directory for finding free content and spreading your knowledge!

They have: 60 posts

Joined: Feb 2006

Krash - thanks for your nice comments - I am now working on making it interactive instead of just flat pages. The php is coming on slowly but the sql is errrrrrrrrrr well errrrrrrrrrr even slower. I can do the data base now all I need to do is to link everything together. With the help of GVDS (or whatever he called himself) I will get there but do want to have a go myself first.

Once again - thanks to all who helped me to improve the look of my site Laughing out loud

mag's

Newbie webmaster
Remember - Google is your friend!

They have: 60 posts

Joined: Feb 2006

Ok folks - resurrecting this thread as I now have moved to a CMS (joomla). Took some doing as I didn't have a clue about CMS but I am now getting there. Spent a couple of days finding the right template and adjusting it to the right colours 'n stuff.

My problem is that now I am not W3C compliant!!! Is this a normal problem with CMS or is it the template - I may have learned a lot but I know I still have a lot to learn.

Demonhale - Help!!!!Roll eyes

mag's

Newbie webmaster
Remember - Google is your friend!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Hey just got back from a month long (maybe more) break. Just checked out the site, and your validation problem is quite minimal. You only have 4 errors. The first one is that you have Two tags... just erase the second one. The other problem is that you put a tag inside the tag without closing the tag... and pretty much everything else will get fixed. The problems are not closing your tags...

They have: 60 posts

Joined: Feb 2006

Oh thanks my hero *swoon*

So how close do you think I am to looking more like a professional site rather than a hacked together beginners site? Is this an improvement?

You been on your hols for a month:eek:

mag's

Newbie webmaster
Remember - Google is your friend!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Using a CMS like joomla! instantly makes a site look and feel more organized and professional. From your first site to this is a major leap forward. I hope you'll continually learn more as you go...

He has: 4 posts

Joined: Jan 2007

Good looking site!

Excellent navigation.

I don't like how large the header is on your forum it takes up half of my browser vertically.

Good luck with it...

They have: 60 posts

Joined: Feb 2006

Thanks for your wonderful comments folks - I felt very proud of my baby when I first submitted it and now I feel like a dog with 5 tails - I don't know which to wag first Wink All that hair pulling and head scratching over CSS was sure worth it Wink Next project is maybe to create my own template and see what I can to with that. Mind you with all the many thousands of free ones available I am not sure it is worth all the hassle. Just download an open source one and fiddle away Laughing out loud

This semester has been all about building, configuring and networking puters so I have done very little on the website front. I do like the CMS system though and plan to learn much more about it. At the base level it is very easy and adding components couldn't be simpler.

For anyone wanting to produce something for themselves just download the manual and read away. It really is that easy once you get your head round the difference between categories and content.

Demonhale - your going to have to look to your laurels - I think I'm in love with Joomla :eek:

mag's

Newbie webmaster
Remember - Google is your friend!

demonhale's picture

He has: 3,278 posts

Joined: May 2005

Magnolia wrote: Demonhale - your going to have to look to your laurels...

Your in love with joomla, im in love with joomla before when it was mambo... but now I'm in love with somebody else.... Drupal...

They have: 60 posts

Joined: Feb 2006

demonhale;213510 wrote: but now I'm in love with somebody else.... Drupal...

Cast aside for a rival *lifts back of hand to brow and faints*

Not had a look at Drupal - sticking with Joomla for the time being but will research more later - might switch might not Wink

mag's

Newbie webmaster
Remember - Google is your friend!

They have: 23 posts

Joined: Jan 2007

I think thats an excellent website, what software did you use to create it?

I did'nt like the purple, I think theres it a bit too much purple.

But its very good I would'nt of none it was your first attempt

They have: 60 posts

Joined: Feb 2006

Skint - the CSS was edited in Dreamweaver but the content is all done through Joomla - There are many CMS out there you just need to find the one you like. My son did some development with Mambo and when one of the best developers left to create Joomla he defected at the same time. Its a good, stable environment that is easy to edit both back and front end Wink

As for the purple - on my monitor it is blue:rolleyes:

mag's

Newbie webmaster
Remember - Google is your friend!

They have: 4 posts

Joined: Jan 2007

Looks good but why G4 ? lol

They have: 60 posts

Joined: Feb 2006

Thanks folks - Oh and RNWEBDIR - Why not G4 Wink

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.