Create a website layout with CSS, for a small website. ? To include a navigation bar under the logo and rounded corners for the main body of the site.?
This is for the layout only and will not include content or graphics (excluding any required to create the layout effect and navigation bar) ?
Further assistance with this site maybe required. ? The winning bid will be given first refusal on further work.
## Deliverables
Informal requirements: Please ask further question to clarify, but this should give a fairly good idea of what I am after
* A layout created with HTML and CSS (Not to use tables)
* The layout needs to have an ethos of "web2.0" design. ? This is very subjective and is not considered a functional requirement and is more for the purpose to guide the designer to the layout I'm looking for.
* The border of the main container needs to be a contrasting colour. ? The rounded corners will also include the border.
* Rounded corners on the main container (using CSS) Not to use other scripting options without prior consultation and agreement
* The rounded corners need to blend seemlessly with the body colour of the site and the background colour of the main container.
* The main container should look as though it is set apart from the body of the page, as per [login to view URL] ? ?
* Inclusion of a navigation bar under the area reserved for a logo. ? This navigation bar should work similarly to www.visionproject.se. ? The nav-bar only needs to have example of links which I will be able edit, so should therefore be created with CSS. ? Any other methods need to be discussed and agreed with me first.
* The background colour of the body of the site will be #FFFFCC (i.e. outside the main container with the rounded corners)
* The background colour for the main container will be white #FFFFFF (i.e. inside the area with the rounded corners?
* The layout will resize automatically with the size of the screen. ? The main container will stay in the centre of the screen and keep to the correct proportions. ? I am given to believe that the use of "ems" as opposed to "pxs" will achieve this. Please discuss if required or other solution is proposed.
* The main container will have the size that is similar to the proportions of [login to view URL] ? Please discuss for agreement
* The area at the top of the main container will be reserved for a logo of size H:464pxs V:63pxs
* The area immediately below the logo will be reserved for the navigation bar. ? Background colour to be suggested by designer and approved.
* The area below this can be left blank.
* The vertical size of the container should automatically stretch to accommodate material (i.e. content and graphics)
* The site should be laid out in this most economical way to achieve a fast loading time. ? By fast, this should be under 6 seconds for a 28k modem. Please discuss or seek clarification and approval on loading times.
* The layout should be compatible with IE 6 & 7, Firefox 2 & 3 and Safari 2 & 3 ? Any problems please discuss and approve first.
* I will be open to as much dialogue as is required to produce the layout. Questions can be asked at anytime or stage, for clarification or to make design suggestions.
* This layout needs to be created quickly for an urgent project
* Once this layout has been achieved, there is scope for more work. ? The winning bid will be given first refusal on further paid work, which will be of a similar scale.
* Thank you and I look forward to working with you