update

FSI prototype turned over to client programmer for setting up dynamic content, final adjustments will be made by me once all content is up.

Working on new project for small publishing company SolCor solutions: completed market research and client preferences/goals, two sketches provided:

http://www.rit.edu/~txswml/solcorsketch1.htm
http://www.rit.edu/~txswml/solcorsketch2.htm

the site is will be built through macbuilder.com which will allow client to easily upload content and format things in a word processing style editor.

http://www.rit.edu/~txswml/rit737/finalproj/services.htm
-- replaced the company news with a scrolling ticker, added a scroll bar just in case the content is missed ( but would be nice to do something on mouseover or with flash so there is no ugly scroll bar). If the scroll bar is used the "slide"-divs get a bit messed up but the goal of the original scroller is to bring attention to this item. Also the scroller will pause on mouseover.

Tooltip

http://www.rit.edu/~txswml/rit737/finalproj/phoenix.htm
- Started to make a login form integrated into the page, but realized that it will need to be place in gibson to work. Going to do an include.
- Made a tooltip(s) that follow the pointer over an image map with javascript, some more graphical styling needed to get the look right. The various tooltips are variables in the script that sit inside divs that are styled with CSS.

It's a matter of Script

http://www.rit.edu/~txswml/rit737/finalproj/index.htm---Image rollover and dropdown menu. For rollovers the emphasis was on the photoshop while the dropdown menu was essentially styling combination of unordered lists within definition lists and use of javascript functions. The most painful part was trying to figure out how to make the dropdown stay in place and not effect elements around. Absolute positioning, taking the layer out of context of the document, was the solution. The only other thing to do is to code for when mouse event ends as the rollovers remain stationary.

http://people.rit.edu/~txswml/phpfun/
--- this form consists essentially of three scripts. The first to send information to the email address. The second to check whether required fields have been filled in and displaying appropriate messages on if the item has been sent/ or not. And the last was to make the form "sticky"-- if there is item of information missing the form will not reset and keep users' content and allow to fill in areas missing. The code has been implemented from PHP Solutions

CSS Poem

CSS Poem.There is nothing fundamentally different about the CSS approach on this page and on the main page. An area I worked to improve is an issue that I discussed in an earlier post regarding use of background pictures as headings in the CSS zengarden website. The word Up in the first line of the poem is a picture. I placed it in the html instead of the CSS so that when images are turned off one can still read the poem. I used floats to move the text around, and fine tunned it with margins. I tried to avoid using too much relative positioning because on an earlier project I noticed that when faux columns are used Firefox will take out the space cleared by the relatively positioned element while Internet Explorer will keep that space intact( which is actually a more correct way of rendering this part of CSS). On the graphics side I think it is generally (when there is more html content involved)a good idea to use more tiling for images rather taking a whole sliced image. The two areas where tiling was not used but could be is the green gradation and the cream background. The way to do this would be to set the green gradient as the background for the wrapper and and make images in left and right columns short; for the cream background of poem the slicing would need to be set up so that any transparency is part of the other divs and choose a solid color background for the center div.