Demonstrate effective use of the basic html5 and css3 code

Assignment Help Web Project
Reference no: EM13905068

The purpose of this project is to demonstrate effective use of the basic HTML5 and CSS3 code discussed in chapters 2 - 7, and implement the elements and principles of visual design reviewed in the course.

The Final Website Project must adequately present the subject "Winter in New York City" by effectively applying HTML, CSS, and the basic principles and elements of visual design.

In building the structure of the site, four (4) HTML pages must be created
- three (3) pages for content
- one (1) page for references and image attribution
- each page must include basic and semantic structural elements including, but not limited to
o paragraph, span, blockquote, lists, and headings
o div, header, nav, main, and footer
o please note that not all basic elements (paragraph, lists, etc.) need to be used on every page; however, it is highly effective to use the semantic structural elements on every page to help facilitate continuity across the pages
- each page must include working navigation links to all other pages
- the footer section of each page must include the student's name, link to the student's email address, and copyright information

For styling, one (1) single external style sheet must be used
- the file must contain all styles for displaying a three-column layout
- responsive techniques must be applied using percentages and/or em units
- width and height for all images should be coded using CSS
- implement padding to avoid content collisions
- embedded styles, inline styles, and phrase elements should NOT be used to style the pages; external CSS must be used exclusively.

Content must consist of placeholder text and images

- lorem ipsum placeholder text should be applied
o use the text generator (click the button on the page that says "Generate Lorem Ipsum" to generate text)
o all text must use lorem ipsum except the name, email, copyright, and references/image attribution texts
- Creative Commons images
o A minimum of six (6) different images must be used in the site
o All images must be covered under a creative commons license and be properly attributed in the last page of the site. Some useful sites for finding images include:
- How do you attribute CC licensed images?
- Instructor attribution example
o the line below the image shows the proper information required
o All images must maintain a resolution appropriate for their specific applications, and be properly scaled
The basic principles and elements of visual design must be executed
- the site should effectively demonstrate use of visual design principles and elements including, but not limited to
o alignment and proximity
o balance and contrast
o color and typography
o line, shape, and form


Create a second external style sheet to optimize the project for mobile display, implementing a single-column layout but maintaining a consistent design between it and the desktop version.

In the head section of each HTML file
- add the viewport meta tag
o must include the name and content attributes
- set the content width to device-width and initial scale to 1.0
- add another link element to implement the mobile style sheet
- add the media attribute to each of the link elements

o media types should include only screen
o media features should be min-width of 1024px for the desktop style sheet
o media features should be max-width of 1023px for the mobile style sheet

NOTE: Failure to follow the project instructions, including submission and formatting requirements, may result in the deduction of points. Please refer to the Saving and Submitting Assignments page in Canvas for specific requirements, and/or contact your instructor for additional information.

Reference no: EM13905068

Analyze tradeoffs needed in developing mobile applications

Analyze the tradeoffs needed in order to develop mobile applications. Evaluate each tradeoff based on its effects on application development and the quality of the end product

Create a small web site that cover html css js and php

You are required to create a small Web site. You have to choose the project idea and work in it as individual or with a group. The website must cover all aspects in the cour

The tradeoffs the life of development phase of the project

Initial Plan budget. (Using math for decision-making)You are a manager with budget authority for a new IT project that is being developed for your department. The project is

Microsoft word to format a paper according to apa

Review the following tutorials which demonstrate the use of Microsoft Word to format a paper according to APA Sixth Edition standards. Title Page , Abstract , Introduction &

Create a page with textbox and calendar control

Create a page with textbox and calendar control, whatever the user select should show up in the text box. Use a range validator control to test string date (the user should no

The assessment is about implementing a web site

The assessment is about implementing a Web site, which presents contents based on XML files, such as those downloaded from the* web service. The Web site should includ

Explain designing and implementing a web application

This project aims to give students hands-on experience in designing and implementing a Web application on their own. In recent years, scientists have increasingly turned to t

Create an application for ios in xcode

Create an application for iOS in Xcode that demonstrates navigation with the use of two screens and displays information from a web service. Use Objective-C as your programm


Write a Review

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd