February 24, 201115 yr This is the first site i'm building. Its not all finished yet and my css is all over the place. I have built it in notepad. There will undoubtedly be a few grammatical errors and many pages are not built yet but I'm looking for feedback for the design and layout of the site. Good or bad i'm keen to hear what others think of it so far. Its sort of a tutorial site so would also like to know if the mortgage section seems easy to follow - I know its not the most interesting subject in the world but its my job and I'm passionate about helping people better understand what is a pretty dull subject. Thanks, Ja My link
February 25, 201115 yr I like it! Especially for a first site, that's very nice. The links in the dropdown menus look a little bit drab (dark on dark) but it's nothing major. There's some broken links and empty pages but I guess since it's not finished, that's to be expected Good work. As for the content: PASS. My gf has driven me insane with house & mortgage talk for weeks so there's no way I'm subjecting myself to it voluntarily
February 25, 201115 yr Could use a bit more depth and subtle design elements because it looks too plain and the design doesn't pop out
February 25, 201115 yr Not bad. I agree that you could do with adding some depth somewhere as the mass of white does look a little flat and uninspiring. There are some alignment issues with the main content area too. The content doesn't really look right on the page imo. That section needs some work. I reckon drop 10px off the intro div margin-top to start with. Gives it a little more balance. Hope this goes some way towards help..
February 25, 201115 yr For a first site, and use of notepad, it's pretty damn good to be honest! Neat and tidy, good choice of colours too. Havent looked too closely at the markup or css yet so can't comment on that....
February 25, 201115 yr Author Thanks for all your kind words of advice - I guess I should get onto photoshop to try and make some images etc to make look a little less dull - I suppose there is only so much you can do with css to make it visually appealing. +1 to you all for your feedback - cheers! I'll get onto that top margin right away - cheers J
February 25, 201115 yr Just to let you know in pretty much every page you have a div before the opening of your body tags. <div id="container"> <body id="home"> <div id="header"> <a href="find.html" title="Go to Keystone Home"><img src="images/imc_bannercada29.jpg" alt="Keystone logo" width="1000" height="80"></a> </div> Should be <body id="home"> <div id="container"> <div id="header"> <a href="find.html" title="Go to Keystone Home"><img src="images/imc_bannercada29.jpg" alt="Keystone logo" width="1000" height="80"></a> </div> As for the design I think it's very well designed and written very well for a first site. Well done, you should be proud. Edited February 25, 201115 yr by j05hr
February 25, 201115 yr Author Could use a bit more depth and subtle design elements because it looks too plain and the design doesn't pop out I am not so hot on design and tried to add some box shadow to the 5 green boxes at the bottom but to be honest, to me it looked worse. Any suggestions as to how to make it more friendly on the eye? Not bad. I agree that you could do with adding some depth somewhere as the mass of white does look a little flat and uninspiring. There are some alignment issues with the main content area too. The content doesn't really look right on the page imo. That section needs some work. I reckon drop 10px off the intro div margin-top to start with. Gives it a little more balance. Hope this goes some way towards help.. Thanks jay - have adjusted the border top margin and I think it definately tidies it up a bit - so cheers for that. Just to let you know in pretty much every page you have a div before the opening of your body tags. <div id="container"> <body id="home"> <div id="header"> <a href="find.html" title="Go to Keystone Home"><img src="images/imc_bannercada29.jpg" alt="Keystone logo" width="1000" height="80"></a> </div> Should be <body id="home"> <div id="container"> <div id="header"> <a href="find.html" title="Go to Keystone Home"><img src="images/imc_bannercada29.jpg" alt="Keystone logo" width="1000" height="80"></a> </div> As for the design I think it's very well designed and written very well for a first site. Well done, you should be proud. I am sure when I did that there was a good reason but thinking back now I can't think what it was lol! I have adjusted it on the home page locally and it doesn't seem to break it so I'll probably test it some more later and if still OK will upload. Thanks for the kind comments too it really helps build my confidence. Thanks for the feedback.
February 25, 201115 yr Somthing along these lines...just some basic examples you can add shadows, textures brushes and all kinds of cool stuff Edited February 25, 201115 yr by Acrylic
February 25, 201115 yr Author Somthing along these lines...just some basic examples you can add shadows, textures brushes and all kinds of cool stuff Thanks man is this all CSS??! Edited February 25, 201115 yr by jheg
February 25, 201115 yr Man I love those how do I do it? Is it easy to explain? Photoshop, you can have the text styled with Css, the rest is PS.
February 27, 201115 yr Nice, man. Really neat on the design and your code; gotta love Notepad for helping keep things basic!
Create an account or sign in to comment