Boat Drinks  

Go Back   Boat Drinks > General > Computer and Consoles

Reply
 
Thread Tools Display Modes
Old 05-07-2009, 18:09   #1
Daz
The Stig
 
Daz's Avatar
 
Join Date: Jun 2006
Location: Swad!
Posts: 10,713
Arrow I dont do web development/design...

Which hasn't been a problem before. I can knock together very basic html to do some work stuff (web interfaces to basic log parsing, form submission for config file generation, things like that), and I know how things hang together, but I have no idea how to make things look nice - but now I'd like to!

I need my web space to do more for me over the coming couple of years, so I'm coding up a site using the django web framework, which is written in python, which I know rather well I've already got blogging functionality and rss/atom support plumbed in nice and quickly, and some very basic templates to test with, which is all spiffy.

I obviously want it to look reasonable though, which is where I'm going to struggle. I'm not looking to do anything fancy, just have a basic header with menu navigation, content pane under that on the left and some extra links to the right (some of which will be context based).

Could anybody point me in the direction of some good how to's or something to get me on my way?

Ta
__________________
apt-get moo
Daz is offline   Reply With Quote
Old 05-07-2009, 19:21   #2
Joe 90
Absinthe
 
Joe 90's Avatar
 
Join Date: Jan 2007
Location: Chester
Posts: 2,345
Default

couple of CSS sites it might be worth checking out;

http://www.w3.org/Style/Examples/007/

http://www.smashingmagazine.com/2007...-live-without/

http://snook.ca/archives/html_and_css/top_css_tips/
__________________
360 Blog | Join GiffGaff | Twitter
Joe 90 is offline   Reply With Quote
Old 05-07-2009, 19:26   #3
Desmo
The Last Airbender
 
Desmo's Avatar
 
Join Date: Jun 2006
Location: Pigmopad
Posts: 11,915
Default

Can you not get a pre made CSS template? There are plenty of sites out there with free templates that you can then adapt to your needs.
__________________
Desmo is offline   Reply With Quote
Old 05-07-2009, 21:52   #4
Daz
The Stig
 
Daz's Avatar
 
Join Date: Jun 2006
Location: Swad!
Posts: 10,713
Default

Thanks show

Des - I'd give that a go for sure, got any good links?
__________________
apt-get moo
Daz is offline   Reply With Quote
Old 05-07-2009, 22:04   #5
Desmo
The Last Airbender
 
Desmo's Avatar
 
Join Date: Jun 2006
Location: Pigmopad
Posts: 11,915
Default

I've always used this place... http://www.freecsstemplates.org/
__________________
Desmo is offline   Reply With Quote
Old 05-07-2009, 22:11   #6
Burble
Rocket Fuel
 
Burble's Avatar
 
Join Date: Jul 2006
Posts: 7,826
Default

Quote:
Originally Posted by Daz View Post
Which hasn't been a problem before. I can knock together very basic html to do some work stuff (web interfaces to basic log parsing, form submission for config file generation, things like that), and I know how things hang together, but I have no idea how to make things look nice - but now I'd like to!
You and me both dude. Remember that PERL file transfer utility? That's about as far as I go with HTML prettyness.

I could do with getting to know stuff better so this thread is quite timely for me!
Burble is offline   Reply With Quote
Old 05-07-2009, 23:13   #7
Daz
The Stig
 
Daz's Avatar
 
Join Date: Jun 2006
Location: Swad!
Posts: 10,713
Default

It looks pretty damn good compared to the stuff I knock up

That's a great site Des, found a couple of good starting points, thanks
__________________
apt-get moo
Daz is offline   Reply With Quote
Old 05-07-2009, 23:24   #8
Mark
Screaming Orgasm
 
Join Date: Jul 2006
Location: Newbury
Posts: 15,194
Default

I've done some fairly basic CSS in my time. Menus, lists, that sort of thing. I'm useless at graphics, and I only design for what looks good to me (which usually sorts out any accessibility issues for obvious reasons but might not do much else).

I'll certainly watch this thread.

PS - I've been known to use the Listamatic and A List Apart sites for CSS ideas.
Mark is offline   Reply With Quote
Old 06-07-2009, 09:18   #9
Daz
The Stig
 
Daz's Avatar
 
Join Date: Jun 2006
Location: Swad!
Posts: 10,713
Default

I'm know Django reasonably well Lozza - I've already got basic templates pulling out all the information I want, I just need to wrap it in a half decent layout. That first link of yours looks really useful, thanks

Side note - a lot of the css I've looked at is for fixed width stuff, which is fine - I presume it's like that because it's easier to maintain consistency in the layout?
__________________
apt-get moo
Daz is offline   Reply With Quote
Old 09-07-2009, 11:54   #10
Daz
The Stig
 
Daz's Avatar
 
Join Date: Jun 2006
Location: Swad!
Posts: 10,713
Default

Quote:
Originally Posted by Lozza View Post
Just wanted to say that this was a really excellent link, gave me a good foundation of understanding what css can do, so thanks a lot for the link

I built the framework of my new site completely by hand, and it all hung together pretty well, but my lack of artistic flare completely shone through - varying shades of grey wasn't very impressive!

So I've gone with Des's suggestion and have been looking at pre-built css templates and adapting the site to use them. It may be cheating a little but I now understand what's going on to a reasonable degree, to the point that I can make changes with some confidence that I'm not going to f**k everything up

So thanks for the links everyone, I've learned stuff

Just have to convince beany to enable mod_wsgi/mod_python/mod_fastcgi so I can start working on this thing in public now
__________________
apt-get moo
Daz is offline   Reply With Quote
Reply


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
Forum Jump


All times are GMT +1. The time now is 23:35.


Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.