Create a html from the wireframes attached

User Generated

YhUzq

Programming

Description

all instructions in the page layout doc. wireframes, index, and pics (zip) also attached

Unformatted Attachment Preview

The purpose of this lab is to build a website using the box model. You will be given the plans for a website and it is up to you to build the following website. Description Congratulations!! You have been hired as a web developer for the Travel All Over Company. They want you to redo their website. They have done the hard work of designing a website for you, it is now up to you to implement it. They have provided the starter files and some very detailed wireframes. Build the website in the wireframes from the provided HTML documents. Detailed Description - - Download the start file on Blackboard->Labs->Page Layout Lab o I have given you one file to get your started, you will have to make the other files yourself Take a look at the wireframe.pdf document to get an idea of what the customer wants you to implement. Look at the document and add in page layout information to the HTML files Style the page layout elements appropriately o Header, Nav, Main, Footer You MUST use the color scheme provided You will match your implementation to the wireframe as much as possible You will have one style sheet that every page on your site links to Images kept in their own folder Deliverable - A .zip file with your website A document outlining how you completed each step (~2 pages, Calibri font, size 11 or similar) Rubric Item All pages present Color scheme is as specified Page layout elements are used correctly to mimic site (header, nav, main, footer) Spacing on site is similar to wireframes Document Total points Worth how many points 20 10 40 10 20 100 Page Layout Lab Due: 4/6/2017 Intro to this Lab • You will be creating the pages specified by the documentation in the following slides. • Each section in the powerpoint is a page of the website • You are provided with a wireframe • You are also provided with a wireframe with content in it Color and information you need #DEEBF7 #E2F0D9 Text font: Calibri #FFF2CC What is hard about this lab • I am not going to give you the positioning or the padding, border, or margin information. It is up to you to figure that out. • For example: On index.html the three images are all the same size and evenly spaced inside of a yellow box. It is up to you to figure out how to do that. Index.html Header NAV Photo 1 Photo 2 Div1 Photo 3 Div 2 Copyright copyright symbol 2017 Travel All Over Company Making your dreams come true Home About Us Book Travel Photo 2 Photo 1 Client Testimonials “I went on a vacation with Travel All Over Company to Hawaii and it was the best vacation I’ve ever been on. Would recommend 100%!” - Susan S. from Pittsburgh, PA, USA • • • • • • • Contact Us Photo 3 We Travel To… Hawaii Netherlands USA China Canada Spain And so many more! Copyright copyright symbol 2017 AboutUs.html Header NAV Photo 1 Quote Content Copyright copyright symbol 2017 Travel All Over Company Making your dreams come true Home About Us Photo 1 Book Travel Contact Us “We are a small company taking care of your travel needs in the most personalized way possible. We want everyone to see the world!” - Art Murther, CEO Travel All Over Company About Us Founded on the principles of excellent customer service, we are a small company that specializes in booking family friend travel all over! We love answering questions so please do not hesitate to contact us or book travel directly on our website Things we love about traveling, in order in which we love them 1) Helping you book travel 2) Meeting new people 3) Trying new foods 4) Taking pictures of flora and fauna of the area Copyright copyright symbol 2017 BookTravel.html header NAV Content Photo 2 Copyright copyright symbol 2017 Travel All Over Company Making your dreams come true Home About Us Book Travel Contact Us Currently you cannot book travel on our site, please Contact Us to do this! Until you can book travel, enjoy this scenic image Photo 2 Copyright copyright symbol 2017 ContactUs.html Travel All Over Company header Making your dreams come true NAV Content Copyright copyright symbol 2017 Travel All Over Company Making your dreams come true Home About Us Book Travel Contact Us Address 123 Main Street Pittsburgh, PA 15236 Phone Number (412) 613-8965 Email contact@TravelAllOverCompany.com Copyright copyright symbol 2017 Contact Us index(4) - Locked Helvetica Regular 12 a a BIU 到目 1,0 = 10 10 12 114 116 18 Travel All Over Company Making your dreams come true Copyright © 2017
Purchase answer to see full attachment
User generated content is uploaded by users for the purposes of learning and should be used following Studypool's honor code & terms of service.

Explanation & Answer

Hi! Please check it. ...


Anonymous
Very useful material for studying!

Studypool
4.7
Trustpilot
4.5
Sitejabber
4.4

Related Tags