Create a website that will viewed on different-sized devices

Reference no: EM131183322

Assignment

For this project, you will be creating a responsive website that will be viewed on three different-sized devices. The following list shows the breakdown of the three devices you will code for.

• Standard website width of 960px (do not plan for devices greater than 1280 px)
• Tablet-size device width greater than 480px and less than 960 px
• Phone-sized device width less than 480 px

You will not be allowed to use any of the following-using any of the following will result in a grade of zero for the entire project.

• Framework for building a responsive website
• Adobe Muse or any software that generates HTML code from images
• Any software or website that creates responsive websites
• JavaScript or jQuery that controls the responsive website

For this assignment will be converting the opening page of website dogfreaks into a responsive website that will be view on 2 new sized devices. YOU will not change the look of the original site; the purpose of this project is to convert the old site to work on other devices, you must keep the look and feel of the old site in the 2 new sites.

You may use HTML, HTML5, CSS, limited JavaScript, or jQuery that is used for manipulation of content on the page.

Using the example you will create 2 other CSS files one for the tablet view and one for the phone view.

Using media queries, then transfer control between the CSS files based on the size of the browser window. Other items that you will incorporate in your conversion to a responsive website:

• Convert all images to be responsive
• Convert all text to adjust to a viewable font for the device
• Create a layout for each device

You will also need to do the following

• Remove all images that are used for backgrounds, replace with CSS colors as close as possible
• Remove this all of the images from the page
• Using the @import concept, and Google fonts select a new fornt to be used only on the tagline
• Using CSS3 create a button around the "Full Story" links on the opening page, and have the buttons change when rolled over.

https://www.dropbox.com/s/wab4lphdo142bft/Website_Design_Dog_Freakws.zip?dl=0

Reference no: EM131183322

Questions Cloud

What is the nominal dollar amount of your last withdrawal : You are planning to save for retirement over the next 30 years. To save for retirement, you will invest $1,300 per month in a stock account in real dollars and $555 per month in a bond account in real dollars. How much can you withdraw each month fro..

Schematic of the pharmacokinetic model : Draw a schematic of the pharmacokinetic model, assuming concentration is in mcg / ml and time is in hours.

Design the control of the design : Design the control of the design example of Section 8-5 by the method of one flip-flop per state.

What are the lenders options and steps are involved : Umberto and Tiara, who are married, borrow $110,000 from Sterling Credit Union to buy a home. The loan is a fixed-rate mortgage at 5.25 percent with a thirty-year term, subject to an acceleration clause, and secured by the home, which is their princi..

Create a website that will viewed on different-sized devices : For this project, you will be creating a responsive website that will be viewed on three different-sized devices. The following list shows the breakdown of the three devices you will code for.

Reaction assuming first-order kinetics : After 68.0 min, 23.0% of a compound has decomposed. What is the half-life of this reaction assuming first-order kinetics?

How actual hospitality companies utilize these tools : Conduct research to explain what flow charts and cause-and-effect diagrams are and how they are used in the hospitality industry. What other data-gathering tools and tools for displaying data can be used in the hospitality industry?

Design a digital system that multiplies : Design a digital system that multiplies two binary numbers by the repeated addition meth-od.

Chemistry in the world : How do you use chemistry in your daily life? Provide at least three examples. How would your life be different without the study of chemistry in the world? What would change? What would remain the same?

User Account

All Pages