Đang Thực Hiện

160617 single page layout/css mod

Thank you for looking at our project. It's an extensive modification of

the layout of a single page of our website -- the home page.

In choosing a bidder, we will put emphasis on someone who can

provide examples of similar work they have done in the past, which

illustrates that their work will be accurate and precise. Priority

will also go to a bidder who can complete the project by Wednesday,

August 29th.

Please read the project description below before bidding. It contains

all the project instructions in detail.

Project Description:

Our current homepage looks like this:

[url removed, login to view]

We have created a new design for our homepage, using Photoshop.

The new design can be seen here:

[url removed, login to view]

The project is simple -- we would like for you to modify our homepage,

using CSS and other tools to create a result that looks exactly like our

"new homepage design" example.

So, there is no graphic art design or programming work required,

just precise and accurate HTML/CSS/web layout skills. Any new

"links" created in the new design can be left with blank URLs.

Here are three image files for reference -- please view them

by visiting these URLs:

[url removed, login to view] is our current

page design.

[url removed, login to view] is our new page

design.

[url removed, login to view] is our new

page design with numbers added to show you the project steps below.

Please refer to this one to better understand the steps of the project.

These are the seven steps of the project:

1. On our current page, the overall width is set to stretch to 100% of

the browser window. We would like to change this to a standard page

width. Please refer to the home page of this web site: [url removed, login to view]

We would like our homepage to have the exact same width as that

page, and we would like drop shadows added just like the ones on

the edges of the page at anamera.com. In other words, we'd like

to borrow both the width and the drop shadows of that page. The

drop shadow image files should be transparent and should look exactly

like those at anamera.com. It is important that these shadows be able

to "stretch" to accomodate a varying page height as necessary.

2. Using CSS, change the style of the seach bar (the one that says

"what are you looking for?") as shown in the example. Please follow

the new homepage design precisely.

3. Please replace the "yellow stripe" background below with a plain

white background.

4. Remove the rounded rectangle with two vertical "featured ads" and

replace that area with the two rounded rectangle boxes as shown in the

new homepage design image, with the precise text, images, and placement

as shown. The "Find it", "quick searches" and "in your area" text should

be done as image files that exactly match the sample. Note that the

letters are shades of gray, not black. The images for the keys and

magazine/map will be provided. The "quick search" box links can be

left with blank URLs.

5. Create the new "recent listings" table below, with eight vehicles featured

in two rows of four. This table should look just like our new design example.

It is not necessary to write any code for this, just to lay out the sample

images and text precisely as specified. Please make sure that there is a

"dotted line" border between the rows and columns just as shown. This

table should also be able to "stretch" as necessary to accomodate

listings with more text, etc. The text "Recent Listings" on the left should

be an image file.

6. On the button bar to the left, remove the buttons "place your ad" and

"distribution". It should end up looking just like the example.

7. Below the "recent listings", add the image and text as shown (New

Listings every day ..." etc. The image will be provided.

IMPORTANT: Because this page is our web site's home page, it cannot

be edited live. We will provide a copy of the page with a different filename

which you will be able to edit. It will be in the same directory, so all image

and css references will be the same.

Thank you very much for looking at our project, we look forward to working

with you.

Kỹ năng: Bất kì công việc gì, CSS, Thiết kế đồ họa, Thiết kế trang web

Xem thêm: write ad copy, who to put as references, what is placement new, what is graphic art design, what is graphic art, what are references, web site programming at home, website page layout design, website layout using css, web page design using html and css, web page design using html, web layout in html, web design css table, vertical web page design, vehicles graphic design, transparent web page design, the home page of any web site, the art of programming, thank you sample letters, thank you note sample, thank-you note examples, thank you letters, style of design web page by html code, steps to follow to design a website, steps required for web design

Về Bên Thuê:
( 101 nhận xét ) Olympia, United States

Mã Dự Án: #1906806