By internets on

The goals of the site are to be an alternative energy resource and to get viewers to contact BECO with questions and service requests.

The content is not really organized at the moment. I'm trying to decide the best way to handle it. I have very detailed content, it may need some revising but I want to make a "quick version" with just the key points for the impatient readers. And Id like to have the ' full version' for those who want more details.
I'm planning to ad an image slide show to the home page. Either Views or CCK. Any recommendations?

Here is the development site:

http://azur.websitewelcome.com/~progress/

and couple earlier mockups:
http://zzzzzzzzz.net/beco/beco_mock4.png
http://zzzzzzzzz.net/beco/mockup_level_one_alpha_header.png

Thanks for any feedback!

⋅ Categories: Drupal 5.x

Comments

Linuk’s picture

Linuk commented

what about font, is it not too big?

http://www.onexamination.org

internets’s picture

internets commented

Thanks for the feedback. Yes the fonts are a bit huge. I was just using the zen default font settings for most things. I think I will go through and make the fonts a little smaller all around.

kiwisites’s picture

kiwisites commented

Nice site...
The white border is too thick, and overall the site is nice.
Can you make the green text a bit darker to read.. it otherwise looks dull.

By the way, how did u make this template.. i am tired of hunting for good template.
Im switching over my site from Flash to CMS. (www.Kiwiwebtech.com/drupal/)

Can you please guide me

Kiwi

internets’s picture

internets commented

Thanks for the feedback. I'll try some different greens for the header text.

My general drupal theme making process:

  • Create mock up(s) using photoshop / fireworks / gimp
  • Convert the chosen mock up to xhtml/css "slicing" any images that need to be cut / fitted / repeated

    • Drupal related theme tasks

  • install and configure drupal
  • Start with the Zen drupal theme ( it's basic, flexible (fluid layout or fixed), and well documented )
  • Using a text / html editor like notepad++, dreamweaver, vi, emacs, etc convert the html mock up into the page.tpl.php file in the zen folder. modify as needed - For example, arranging the php blocks of code within your divs, setting up your layout within page.tpl.php
  • Integrate your styles into zen.css - modify as needed
  • Select zen theme - evaluate site, make further changes
  • Setup modules / style any blocks, web copy etc.

Throughout all the web coding related steps I periodically check how the site renders in firefox & ie6/7 to make sure everything is working properly. I use the firefox developer toolbar and firebug, I also use the IE developer toolbar when needed.
In addition to many other things, these toolbars / DOM viewers help track down which line / file a style or chunk of code is located. It also helps to see how the browser interprets your code.

I don't know if this is the best process but it has worked well for me so far.