|
 |
|
|
|
|
|
|
|
|
|
|
Description
Knowledgeable website programmer required for small web project. I do not mind how this website is coded however the key criteria are:
- Can be viewed consistently in as many web browsers as possible.
- Does not require any plug-in / download to be viewed / work.
- Should expand / shrink (within reason) to the user’s monitor size.
- All content (including meta tags) is easily updatable via a secure backend.
- Can be hosted with a standard low cost ISP.
- Is search engine friendly (very important).
I will produce all the necessary graphics / image files for this project, as per the programmer’s instructions.
-----------------------------------------------------------
WEBSITE LAYOUT & FRONT END FUNCTIONALITY
Image one shows a good approximation of how this site should look once completed. The main content for this website is provided via third-party web page URLs (http). I therefore imagine the site would be made up of a frame set, however I have little programming knowledge and there may be a much better way of constructing this site to fulfil this brief. I am therefore open any programming solution that effectively fulfil this brief.
As you can see in my second image I imagine this site would have 5 frames / sections with the middle (frame 3) holding the external third-party http web page (see my third image). It is important to note that there must not be any borders or visual gaps between the sections, so as far as the user is concerned the web page is whole (not in sections). The main frame (Frame 3 / highlighted in my third image) must always be fixed (at 690 pixels wide; can be easily changed) irrespective of the size of the viewer’s browser window, whereas all the other sections should be percentages (grow or shrink to fill the space available). Please also note the middle frame / section should be readable by search engines (this http page will contain all its own meta information) however the whole web page (not just this middle, middle section) should be referenced / linked in the search engine. I do not want a situation where a search engine is listing and linking to one of the (5) sections only (without the other 4).
My fourth image shows that there are four main navigational buttons:
1. – Graphic Logo (when clicked returns to the home page).
2. – Graphic ‘FAQ’ (when clicked loads http URL into the main section).
3. – Graphic ‘BUY’ (when clicked opens a new web page window full screen).
4. – Graphic ‘ART’ (when clicked loads http URL into the main section).
4b. – List of text links (when clicked loads http URL into the main section).
All of the above links to have visual rollovers. Graphic links to have a normal, mouse over and click state, text links to have the same 3 states. Once all links return to the ‘normal’ visual black state after having been rolled-over or clicked. When ‘4b.’ (text list links) are rolled over an image will be shown. In my example images ‘Mary Edwardson’ is in the rolled-over state and therefore an image (man on bike) is shown. If this link was in the ‘normal’ (black) state no image would be shown. The images that appear for these text links should preload from the outset (so they all appear when the user rolls over the links; no waiting for the image to load). All of these text link images must be fixed to the same top right reference point (below the text links) and will be of different pixel sizes.
To reconfirm how the web page resizes:
Top section will expand on the width and height as a percentage, however it is important that all the graphic links stay fixed to this section below (so they no not drift apart).
Left, middle section will expand on the width and height as a percentage, however it is important that the graphics and text links stay fixed to this section above and to the right (so they no not drift apart).
Middle, middle section has a constant fixed width of 690 pixels, the height is a percentage, however it is important that the graphics and text links to the left stay fixed to this sections above and to the right (so they no not drift apart).
Right, middle section has no content (just a background colour) and expands as a percentage on the width and height.
Bottom section has no content (just a background colour) and expands as a percentage on the width and height.
NB.
1) The only area that is allowed a scroll bar is the middle, middle section on the height only.
2) On the bottom left of the page design you will see in my images that there is a piece of copyright text. This must be html text, fixed to line up (on the right) below the html text links. Ideally this text should ‘sit below’ any rollover image that appears (above it) and therefore will be hidden only in this instance (not push out of the way).
WEBSITE BACK END FUNCTIONALITY
The web site described above must be able to be managed / updated via a password protected web page back end. This ‘back end web page’ will allow the site administrator to update all links and content apart from content in the main section without any programming knowledge (simple form data entry only).
Here is the list of all the fields I am aware we require (please let me know if you can think of any others):
- WEB PAGE TITLE: (text box) to be used by browser window
- META DESCRIPTION: (text box)
- META KEYWORDS: (text box)
- MIDDLE, MIDDLE SECTION PIXEL WIDTH: (number box)
- BACKGROUND COLOUR ALL SECTIONS: (text box, # ‘FF3399’)
- LOGO NORMAL (graphic, browse PC)
- LOGO ROLL-OVER (graphic, browse PC)
- LOGO MOUSE-CLICK (graphic, browse PC)
- LOGO http URL link: (text box)
- FAQ NORMAL (graphic, browse PC)
- FAQ ROLL-OVER (graphic, browse PC)
- FAQ MOUSE-CLICK (graphic, browse PC)
- FAQ http URL link: (text box)
- BUY NORMAL (graphic, browse PC)
- BUY ROLL-OVER (graphic, browse PC)
- BUY MOUSE-CLICK (graphic, browse PC)
- BUY http URL link: (text box)
- ART NORMAL (graphic, browse PC)
- ART ROLL-OVER (graphic, browse PC)
- ART MOUSE-CLICK (graphic, browse PC)
- ART http URL link: (text box)
- ARTIST NAMES Type Size (text box)
- ARTIST NAMES NORMAL COLOUR (text box, # ‘FF3399’)
- ARTIST NAMES ROLL-OVER COLOUR (text box, # ‘FF3399’)
- ARTIST NAMES MOUSE-CLICK COLOUR (text box, # ‘FF3399’)
- ARTIST NAME 1: (text box)
- ARTIST 1 ROLL-OVER (graphic, browse PC)
- ARTIST 1, http URL link: (text box)
- ARTIST NAME 2: (text box)
- ARTIST 2 ROLL-OVER (graphic, browse PC)
- ARTIST 2, http URL link: (text box)
- ARTIST NAME 3: (text box)
- ARTIST 3 ROLL-OVER (graphic, browse PC)
- ARTIST 3, http URL link: (text box)
- ARTIST NAME 4: (text box)
- ARTIST 4 ROLL-OVER (graphic, browse PC)
- ARTIST 4, http URL link: (text box)
- ARTIST NAME 5: (text box)
- ARTIST 5 ROLL-OVER (graphic, browse PC)
- ARTIST 5, http URL link: (text box)
Continue above 3 ARTIST fields to a total of 25 unique artists.
- COPYRIGHT TEXT (text box)
- VIRTICAL BARS COLOUR (text box, # ‘FF3399’) Sets all 3.
-----------------------------------------------------------
I believe I have confirmed in this brief all requirements for the project. However do not hesitate to contact me via this web site if you have any questions or queries regarding this project BEFORE submitting your bid.
This site needs to be completed within the next couple of weeks (the sooner the better), so please do not put yourself forward if you are not able to start almost immediately.
When submitting your bid please ensure you confirm which coding method / approach you will be using (confirming why this route is advisable) and the time required to complete the project.
All final code created for this project / require for this website to function as per this brief must be emailed to me for back-up once the site is signed off and ownership of any copyrights or intellectual property created by any programmer/s who works on this project must be fully and entirely transferred over to myself on final payment of the work. By submitting a bid for this project you confirm that you understand and agree to the terms and conditions within this brief..
Thank you for taking the time to read this brief. I look forward to reviewing all bids and working with the successful party through to completion.
Lewis Berman,
United Kingdom.
Reminder
You may not start working in this and any project before
your bid is accepted. Any user who violates this policy
may have their account permanently suspended.
|
