Note: CogDogBlog has a new WordPress powered home at http://cogdogblog.com/. All entries from this version have been moved there, so as a guide dog service try finding this article in its new home by title search.
It's taken actually several weeks (off and on) to get a new web design up for our Faculty in Progress Program (FIPP). The old site was not horrible, but as this faculty recruitment program is in transition from an internal internship to one open nationally, and it was to be less tied to our center, there was an opportunity to do some new web stuff here.
The old site used HTML tables for the page layout although the formatting was done via an external style sheet that we use across our departments. The new site busts out into Web Standards design (I hope), into the zeldman-ain realm.
The other nifty thing is that the left side nav is driven by a PHP include, so when some one on the project says, "We need to change that button label from 'Program Overview' to 'Program Description'!" it is just a one edit change in the inlcude script that generates the menus- I can also add or delete them just as easily.
PHP also provides the randomly selected quotes in the lower left and the random chosen pictures inserted across the pages, and a single footer template that auto-inserts the page URL and last modification stamp.
There is just so much more one can do with CSS layout that and up being ugly bloated hacks with nested tables (until you find a need to deal with the arcane CSS hacks!).
I did toss in a linked script to the Weather Channel to do a dynamic insert of the current Phoenix weather for the page offering information about the local area. I did get their information on their XML feeds and may toy with doing my own version of a feed.
Also, there is no need for separate versions of pages to be "print friendly", the use of a print media style sheet makes them all print friendly at any time a page is printed (you can drop ther navigation bars, print as grey scale, or convert the white text on blue backgrounds on the screen to dark text on white, hide links underlines, etc....)
The most time consuming part was trying to make the site at least somewhat usable on the tremendously crippled NetScape 4 (currentl less than 1.5% of our site visitors, but used by a lot of people in our system because of some needs of legacy systems), which involved splitting the CSS between a linked "basic" style sheet and using the @import for the 21st century styles.
And then there was sorting out the weird browser anomalies, especially on Windows Internet Explorer 6, and NetScape 7 stilll does some awkward extra white margins where they are not desired. I'll have to dig up some IE 5.0, 5.5 computers to find out what other curious effects happen.
I am sure there are more fixes along the way, but its been fun to break some new design ground.
But seriously-- NetScape 4 must die and die soon (although on one of my log scanes I found 12 hits from NetScape 3. It's like being stuck on disco music.blogged November 26, 2003 09:40 AM :: category [ web dev ]