Demonstrate effective use of the basic html5 code

Assignment Help Web Project
Reference no: EM13974212

PURPOSE:

The purpose of this project is to begin incorporating color, graphics, and other visual elements in your webpages by implementing the HTML5 and CSS3 code discussed in chapters 3 and 4.

INSTRUCTIONS:

For Website Project 2, you will be creating an external style sheet to style the three HTML pages from Web Site Project 1. Embedded styles, inline styles, and phrase elements should NOT be used to style the pages. You will also be using Google Fonts for typefaces and Adobe Color CC to create a color scheme (see the Creating Color Schemes Using Adobe Color CC page in Canvas Midterm Module).

To begin the project, make a copy of your HTML files from Website Project 1 and save them in another location in order to avoid losing the code from your original project.

REQUIREMENTS:

Your web page must demonstrate effective use of the basic HTML5 and CSS3 code by following the requirements below. The page should be structured using one of the wireframe examples on the next page.

HTML Pages

- In the head section of each page,

o add <link> elements to

- link the external CSS
- include the href and rel attributes
- link at least two typefaces from Google Fonts
- you can choose to code each typeface in one link element or separate link elements
- note that in some cases, Google Fonts will have you insert "+" symbols in the code, which may cause validation errors; this the only acceptable validation error

o Change the title element on each page to display Website Project 2

- In the body section of each page, remove all phrase elements, type attributes, and align attributes
- all styling must be coded using external CSS of include
- the heading 1 element for main headings
- the heading 2 element for secondary headings, and if desired, heading 3 - 6
elements for subheadings
- site navigation links (one link for each page) using the anchor element
- the paragraph element and blockquote element
- at least one (1) of each should be used, but not necessarily on every page
- unordered, ordered, and description lists
- at least one (1) of each should be used, but not necessarily on every page
- an image element to display one (1) image per page
- must include the src and alt attributes
- do NOT include the width and height attributes - use external CSS instead
- structural elements
- header, nav, main, and footer
- one (1) div element must be used to contain or "wrap" all of the elements in the body section
- at least two (2) other div elements must be coded within the main element to contain sections of content
- an email link and copyright information in the footer section
- make sure to include the copyright symbol, using the appropriate HTML code image and font sources in the footer section
- provide a link to each of the Google Fonts used (HINT: link to the "pop out" window)
- all appropriate links for correct image attribution (example)

External Style Sheet

- Use the following CSS properties to style the website of background color and color properties
- at least three (3) colors other than black and white should be used of font-family property
- specify one (1) font other than the default for the entire body section and at leastone (1) font other than the default for special use (like headings) of margin, width, and padding properties

- to center the main content on the page and to provide space between content, borders, and adjacent elements of text-align property of text-shadow
- style the main heading only of text-decoration property
- remove the underline from all links of font-style and font-weight
- to italicize text and/or bold text
- make sure to use this type of styling sparingly of font-size property
- provide contrasting text sizes of border property
- add a border around the content images of border-top and border-bottom properties
- create a border between the main content area and header/footer sections

Please use the screen shots below for an example of how your site might display; this will help you determine how to code the underlying structure and styling of your pages (images are also available to view in Canvas).

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: EM13974212

Questions Cloud

Include the social-ethical responsibility policy : The final exam is now available, and the student must do current research and use critical-thinking in responding to the question below
Contrast sources and uses of cash referencing using : Contrast sources and uses of cash referencing using at least two examples of assets and liabilities (four totals). Provide examples of how cash is used or provided depending on whether it is categorized as an asset or liability.
Ethical issues that an employee should consider : What are some of the ethical issues that an employee should consider when deciding whether or not to use personal computer resources to conduct work related activities
A water supply reservoir impounds water principally : A water supply reservoir impounds water principally from melting snow (and therefore at 0°C) is at elevation 1000 m. The water flows by gravity in a closed conduit to a second reservoir at elevation 300 m, where it warms to 10°C. Assume that barometr..
Demonstrate effective use of the basic html5 code : Your web page must demonstrate effective use of the basic HTML5 and CSS3 code by following the requirements below. The page should be structured using one of the wireframe examples on the next page.
Total cost of the basketball : William is buying a new basketball from the local sporting-goods store. The basketball costs $34. If the sales tax rate is 8.75% in his state, what is the total cost of the basketball?
Impact of both supply and demand factors on oil prices. : Write one page on the impact of both supply and demand factors on oil prices. be sure to include the influence of the change in the world's production level (supply) and the change between season, summer and winter, (demand) on oil prices
Graphic of major competitors : Identify and create a graphic of major competitors, identifying market share/products to show competition in the industry. Summarize key industry trends for the last five years, using resources such as Standard & Poor's Industry Surveys, or Chamber..
Each of three closed (gas-tight) systems : Each of three closed (gas-tight) systems at 25°C contains 1.0 L of a 10 μmol/L chloroform solution, but they are in equilibrium with different gas phases. System I contains 1.0 L of gas with Ptot =1.0 atm

Reviews

Write a Review

 

Web Project Questions & Answers

  Create a web page for body systems

Body Systems is a leading manufacturers of home gyms. The company recently hired you to assist in developing its Web site. Your first task is to create a web page for the LSM400, a popular weight machine sold by the company. You have been given a ..

  Evaluate client-side and server-side technologies

Critically evaluate the theory and technical skills required to design and develop dynamic web applications and critically evaluate appropriate client-side and server-side technologies.

  Implement and present a website in dreamweaver

Develop, implement and present a WEBSITE in Dreamweaver for ONE of the following clients who want to present, popularise and sell their products online.

  Describe specific design criteria that evaluate any website

Create a table or form describing 10 specific design criteria that can be used to evaluate any website. This table or form will be used in Week 3 to evaluate multiple websites.

  Development of a metagenomics website

The portal is a mobile first web app that provides students with a "one stop shop" for all the information they need to support their life at Latrobe.

  Create an android project

Design and create an application which will allow the user to calculate an IPv4 subnet range. The user must be able to enter a IPv4 address and subnet mask.

  Create website prototype for tee-shirts sales using html

Create a 3-page website prototype for tee-shirts sales using HTML 5, CSS, and JavaScript languages. Ch. 8 of Programming With Mobile Applicationsdiscusses a variety of web development tools. All program files should be in a ZIP file for submission..

  Project on branch offices

Your organization opened seven new branch offices in five states. Each branch office has five floors. All the branch offices use the same Internet domain name.

  Innate leadership abilities

Some discuss that corporation's should put more effort into identifying managers with innate leadership abilities, and helping to develop these,

  Turn effective design logo

1- turn effective design logo  2- turn in focus on Web design

  Design mobile android app using android api and android sdk

Design mobile android app using Android API and Android SDK.

  Build the web site for flyhigh

Build the web site for FlyHigh including the following content: Specific trip information travelers need to plan their ( costs, accommodations, options , and so on) and Information international customers will need ( passports , visas, vaccination..

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