Navigation / Drop down Navigation in CSS can cause many problems across different browsers browsers.
After crawling the net i managed to stumble across a good site with some very nice examples, both build wise and visually.
The site links to a number of Horizontal and Vertical drop down menus.
Click here to check them out.
Things starting to take shape
So finally the project is really starting to take shape.
The splash screen is where the user enters his/her search words, concepts and artists.
This now includes:
- Google image ripping
- Wikipedia content ripping
- Artquotes quote ripping
User interface
- 2x search fields
- Submit button
- Clear button
- Example search terms
The results page how has a fully functional user interface in which the user can select to show/hide images, group/ungroup images, show/hide text, search again, return to the main menu. This menu is partially hidden when not in use. This reduces the mediation of the created image as I wanted to keep the surrounding navigation to a bare minimum.
When the user enters his/her mouse into the top area the menu slides down allowing the user to make changes to the image created. This is an example of an image after grouping of the floating images has occurred.
This is done by layering the images on top of each other and applying an alpha transparency. This I plan to make dependant on the keywords results. If the image contains traces of the key word the alpha will be stronger. The image below is an example of the information retrieved from the keywords entered. After entering Conceptual Art and Duchamp you can see the Large Keyword displayed is in large green case.
The explanation for this word or phrase is pulled from wikipedia in the white text box area.
The words/image names displayed in orange have hyperlinked properties to them, linking the user with the location of the found image. The chunk of green text is a narrative created from the image names.
Production plan - Deadline - 6th December
So far our template is complete and optimized for search engines and tested on all browsers, and mac and pc operating systems.
17th Discuss our plan
Now we have our simplictic layout and easy to navigate website we can break down the areas that we need to work on.
24th Website Structure
Figure out our website structure, page depths etc navigation, Decide on a website name.
31st Figure out the text to be used
Discuss all relevant areas and finalise text to be used in the website. Designing the text with a creative attitude and persuasive approach.
Sort out all of the images, compress crop and edit so they can be added next week.
7th Create the website using our template made a few weeks ago.
Add the text images and create the website,
14th Make site live.
Make website live upload and test every image text and look through code to insure that every aspect is perfect.
21st
Period for any other work left
28th
Design cover and case for our Hand in cd, Burn website to disc.
5th
Sit back and relax
6th Dec
Present our company to the audience
