Accent Creations: Almost done on my part

The 3 pages I've been working on are nearly done. I just need to add the images for the background and logo. The hyperlinks to these pages are set as well. Once the team assembles for our final day, then the website will officially be complete.

Accent Creations: Progress Screenshot #1

The spry menu bar still needs some positioning work.

Easy Rotator plugin

Roseannah recently found a free program that creates dynamic scrolling image gallery. You can find it at http://www.dwuser.com/easyrotator/ and you will be able to run a program or plugin that creates a gallery for your web page by using a javascript code that is automatically inserted where the images are desired.

IMPORTANT NOTE:

I've done some tests with this code and I have found that inserting large image files will not only make the web page load too slow, but it may crash the browser as well (tested in Firefox).

Also note that the Easy Rotator image gallery will won't transform the image that much when using different sizes, but a slim container for the gallery will look like this:



Notice that the image has been cut off.

Accent Creation: Designing the Code (part 3) - Gallery Template

Here is a screenshot of the gallery page template. The thumbnails will be set into a 3 x 3 grid, and they the images will be aligned using columns that contain containers for the thumbnail images. The finalized version of the gallery source code will have thumbnail images that swap the larger image which will fill the space in the large container to the right of the thumbnail container (the large container temporarily colored yellow).

Accent Creations: Designing the Code (part 2) - Template Example

The basic template has been constructed. Here's a screenshot that shows a preview using Firefox and the page source code. The next step is to evaluate what containers need to be added for each unique page. The green box is the container for the page content and the blue box represents the container for the menu bar. Both of these containers can be switched around by changing the stacking order in the code in-case the design of the website changes during development.