Professional Web Design

This is my first try at 'proper' web design, it involves no photoshop or anything. 100% Done on dreamweaver and is Valid XHTML 1.0 Strict and CSS2.

The rest of the info is on the template.

Thank you.

http://g.1asphost.com/BlindRat/index.html

It looks okay, but the navigation is too plain imo. Also, popups are NOT cool.

Yea, pro designs also use the entire width of the page =)

Quote:

---

Originally posted by Dale@28 Minutes Ago
Yea, pro designs also use the entire width of the page =)

[snapback]162272[/snapback]

---

no. ibm.com macromedia.com

Project,

It's a good start, a very clean layout. But it is very boring. It's a common misconeception that professional means bland...it doesn't. You can spice it up, use some eye catching color, replace that boring, almost monotone banner with something fun and bright. Oh, and drop your body content down about 20 px's.

Fair enough 43, although quite alot do =)

Quote:

---

Originally posted by Dale@7 Hours Ago
Fair enough 43, although quite alot do =)

[snapback]162287[/snapback]

---

I'm not sure if you're reffering to the "all pro designs use the full page" thing, or my blandness comment. If it's about being bland, take a look at IBM and Macromedia. Both pages uses red/pink. They're eyecatching colors, also note how the content is spaced. This allows for the eye to quickly find it's start spot, then move over the content easily. On your page the focal point is the banner, because it's the largest thing on the page. From there the eye just bounces around, because your body content, navigation, and side bar are all on the same level, and have no deffinition (using color) between eachother. Dropping the body content down and using an accent color for the title will instantly show the reader where to start. Try to match the accent color in your body content, with an accent color in your banner image, it will make the transition from banner to body content much quicker for the reader.

NOTE:
You don't want your navigation menu to be the focal point either. The content should be the focus. If the user needs the navigation bar, they'll look for it themselves.

All i did was the coding BTW, the layout, colours, nav etc. are pretty much the same.

I tried to recreate the site i saw, i didnt think it was very attractive but it was an easy one to start off with :)

And thanks 43 your a great help everytime :)

Oh yah, that pop up aint mine, its because im using a very shitty freehost.

www.freewebtown.com

^^The free host I use, works just fine. The only one I could find with 1 GB of storage space.

I used them, they are too big and commercialised ;)

Whats with the................. Design by Andreas Viklund.

?!

Wtf.

I don't see why you used someone else's "source", and say you did from scratch.

Ah well.


I like the navigation, except for the font. Heading is boring. Like 43 said, needs some color.

I didn't use his source :mellow:

Like i say, i just tried to recreate his layout, i used the same nav, colours, banner, bg and layout because im practising my coding not my layout etc. yet.

Bump



Second Attempt, this time i did everything ^_^

http://g.1asphost.com/BlindRat/Lime/index.html

C+C please

Cheers for tose who do :)

Very delictable. I love it.

Few minor changes:

Change the text on the top banner, and get rid of the ~'s

Make the content text a bit darker.



I love it, good work!

I submitted it to OSWD which is a site full of designs created out of CSS and Divs, IMO that one is better than some on there so im hoping its approved :D

And for OSWD, the banner had no text on :P

I couldnt make my mind up on the text, when it matched the colour scheme it was to light, if i made it any darker it ruined the look :(

Thanks BFG :P

ouch, just a bit darker plzzz my eyes :D

Lol good job i never uploaded it before :lol:

it's nice, but you're still running into the same problems i discussed earlier. except now everything is accented except for the body content titles. green for background is alright, as long as you don't use the same color for accenting your content.

the content itself should be black or white or maybe a slight grey, and never anything else.

I made the font dark grey (#222222) Then black and it just didnt look right :(

really nice. great colours, looks fresh.
is that your lime picture? its wicked cool.
lorem ipsum also ftw

Nope im no photographer Lol Got it from http://sxc.hu and it is one hell of a sexy picture.

Can someone give me a good and detailed tutorial how to script a webpage like this one? I can't find a good one :(

Quote:

---

Originally posted by Pleymo@31 Minutes Ago
Can someone give me a good and detailed tutorial how to script a webpage like this one? I can't find a good one :(

[snapback]163158[/snapback]

---

www.w3c.org

Learn XHTML and CSS, coding (NOT SCRIPTING) a site like that is simple.

Yeah its very simple, its my second, once you know its very easy.

Ill be writing a tut soon to make a site like taht one.

Anything you want in it?

Just the basics will be cool, Ben. And maybe anything you do extra, or any tips you have / know :)

Before i right the tut here is a basic outline (to help me right the tut aswell)

>>Create a #wrap CSS thingy with a width of around 600px dependinf on your layout
>>Create a CSS rule for the body tag giving the BG colour etc.
>>The its just a matter of creating CSS rules and applying them to divs its real simple.
>>The navigation is fair tricky though but ill do it in the tut ;)

Beginners tut to CSS + HTML just finished ^_^

http://forums.gfxvoid.com/index.php?showtopic=19558

That will help create the base of the main tut soon to come.