Develop an external CSS to provide style, presentation, and layout to an HTML do

User Generated

Fure273

Programming

Description

Additional example

Assignment Example of Requirements

AssignmentDetails_6_16_2015.pdf

 

Cascading Style Sheets are used to provide style, presentation, and
layout for the HTML content of a Web page. You will develop an external
CSS to provide style, presentation, and layout to an HTML document.


 


  • Download the provided Unit2.zip document and save it to your computer. Click here to download the Unit2.zip document.
  • Right-click the Unit2.zip folder and Extract All.
  • Open Visual Studio and select File > Open Web Site from the
    menu.Navigate to the extracted Unit2 folder and select it to open the
    Website in Visual Studio.
  • Select Website > Add New Item from the menu and select Style
    Sheet from Add New Item dialog box. Name the style sheet Unit2.css.
  • Add style rules to Unit2.css to accomplish the following:

    • Ensure that the semantic elements format in older browsers.
    • Eliminate the default spacing around all elements.
    • Use the Verdana font or any available sans-serif font for the text.
    • Set the font size for the body to 80% of the browser’s default font size.
    • Set the width of the window to display the document to 700.
    • Center the text in the header.
    • Provide spacing at the top of the level-one heading in the
      header to the equivalent of one capital M without affecting the spacing
      of the image.
    • Set the font size for the level-one heading in the header to three times the browser’s default font size.
    • Display the image in the header to the right of the text.
    • Ensure the text of the section does not flow around the image in the header.
    • Display the image in the first paragraph to the left of the text.
    • Set the font size for the level-one heading in the section to two times the browser’s default font size.
    • Center the text in the level-one heading in the section.
    • Provide spacing at the bottom of the level-one heading in the section to the equivalent of one capital M.
    • Set the font size for the level two headings in the section to one and one-half times the browser’s default font size.
    • Center the text in the level two headings in the section.
    • Center the text in the navigation.
    • Provide spacing at the bottom of the navigation to the equivalent of two capital Ms.
    • Bold the text of a hyperlink when the user hovers over the hyperlink or a hyperlink gets the focus.
    • Set the text of a hyperlink to red when the user hovers over the hyperlink or a hyperlink gets the focus.
    • Display the footer on the right side of the page.
    • Set the font size of the text in the footer to 75% of the browser’s default font size .

  • Validate the CSS style rules.
  • Zip (compress) the Visual Studio project folder into a .zip file to submit.


 

Grading


 

You will be graded on the ability to link the Web page to the CSS.You
will be graded on the syntax of the style rules in the CSS. Points will
be deducted for style rules that incorrectly format the requirements.
Points will be deducted for any syntax errors that cause the browser to
ignore the style rule.


 

Please submit your assignment.


 

For assistance with your assignment, please use your text, Web resources, and all course materials.



 

Grading Rubric


 


























Project CriteriaExceeds: 90%–100%Very Good: 80%–89%Meets: 70%–79%Needs Improvement: Below 70%

Content
(75%)

Response covers all topics indicated in the assignment and adds additional content. Response covers most topics indicated in the assignment. Response covers many of the topics indicated in the assignment.Response covers none to some of the topics indicated in the assignment.

Effective Communication
(10%)

Demonstrates outstanding or exemplary application of written,
visual, or oral skills. Demonstrates outstanding expression of topic,
main idea, and purpose. Audience is addressed appropriately. Language
clearly and effectively communicates ideas and content relevant to the
assignment. Errors in grammar, spelling, and sentence structure are
minimal. Organization is clear. Format is consistently appropriate to
assignment. Presentation and delivery are confident and persuasive
(where applicable). The writing was of collegiate level with no errors
in spelling or grammar.
Demonstrates very good written, visual, or oral skills. Demonstrates
sound expression of topic, main idea, and purpose. Audience is usually
addressed appropriately. Language does not interfere with the
communication of ideas and content relevant to the assignment. Errors in
grammar, spelling, and sentence structure are present, but do not
distract from the message. Organization is apparent and mostly clear.
Format is appropriate to assignment, but not entirely consistent. The
writing was of collegiate level with two or less errors in spelling or
grammar.
Demonstrates acceptable written, visual, or oral skills.
Demonstrates reasonable expression of topic, main idea, and purpose.
Sometimes, audience is addressed appropriately. Language does not
interfere with the communication of ideas and content relevant to the
assignment. Errors in grammar, spelling, and sentence structure are
present and may distract from the message. Organization is a bit
unclear. Format is inconsistent. The writing was of collegiate level
with several errors in spelling or grammar.
Demonstrates inadequate or partially proficient application of
written, visual, or oral skills. Demonstrates inadequate or partial
expression of topic, main idea, and purpose. Audience is often not
addressed appropriately. Language often impedes the communication of
ideas and content relevant to the assignment. Errors in grammar,
spelling, and sentence structure are frequent and often distract from
meaning or presentation. Organization is inadequate, confusing, and
distracting. The format is inadequate and obscures meaning. The writing
was less than collegiate level with numerous errors in spelling or
grammar.

Supporting Analysis
(15%)

Analysis exceeds minimum requirements. Sources are used to support analysis, are appropriate, and are properly referenced.Basic analysis provided to support assertions. Sources are cited, appropriate, and properly referenced.Limited analysis provided to support assertions. Some sources are cited, appropriate, and properly referenced.No or inaccurate analysis, no sources are cited when needed,
analysis and/or sources are not appropriate. When sources are used, they
are not properly referenced.

 

Unformatted Attachment Preview

Page Header Page Subheader Section Header First Section Subheader This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. Second Section Subheader This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. This is just text used to fill the space. It does not say anything. It is used to focus attention on the layout instead of the content. Yahoo! MSN Google © Copyright 2012 Firstname Lastname. 5:08 AM (CDT) Unit2 - Individual Project Assignment Overview Type: Individual Project Unit: Web Page Layout Due Date: Sun, 6/21/15 Grading Type: Numeric Points Possible: 140 Points Earned: 0 Deliverable Length: External CSS Style Sheet linked to the Web Page in the downloaded Web site Go To: Assignment Details Learning Materials Reading Assignment My Work: Online Deliverables: Submissions Assignment Details Assignment Description Cascading Style Sheets are used to provide style, presentation, and layout for the HTML content of a Web page. You will develop an external CSS to provide style, presentation, and layout to an HTML document. Download the provided Unit2.zip document and save it to your computer. Click here to download the Unit2.zip document. Right-click the Unit2.zip folder and Extract All. Open Visual Studio and select File > Open Web Site from the menu.Navigate to the extracted Unit2 folder and select it to open the Website in Visual Studio. Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit2.css. Add style rules to Unit2.css to accomplish the following: Ensure that the semantic elements format in older browsers. Eliminate the default spacing around all elements. Use the Verdana font or any available sans-serif font for the text. Set the font size for the body to 80% of the browser’s default font size. Set the width of the window to display the document to 700. Center the text in the header. Provide spacing at the top of the level-one heading in the header to the equivalent of one capital M without affecting the spacing of the image. Set the font size for the level­one heading in the header to three times the browser’s default font size. Display the image in the header to the right of the text. Ensure the text of the section does not flow around the image in the header. Display the image in the first paragraph to the left of the text. Set the font size for the level­one heading in the section to two times the browser’s default font size. Center the text in the level-one heading in the section. Provide spacing at the bottom of the level-one heading in the section to the equivalent of one capital M. Set the font size for the level two headings in the section to one and one­half times the browser’s default font size. Center the text in the level two headings in the section. Center the text in the navigation. Provide spacing at the bottom of the navigation to the equivalent of two capital Ms. Bold the text of a hyperlink when the user hovers over the hyperlink or a hyperlink gets the focus. Set the text of a hyperlink to red when the user hovers over the hyperlink or a hyperlink gets the focus. Display the footer on the right side of the page. Set the font size of the text in the footer to 75% of the browser’s default font size . Validate the CSS style rules. Zip (compress) the Visual Studio project folder into a .zip file to submit. Grading You will be graded on the ability to link the Web page to the CSS.You will be graded on the syntax of the style rules in the CSS. Points will be deducted for style rules that incorrectly format the requirements. Points will be deducted for any syntax errors that cause the browser to ignore the style rule. Please submit your assignment. For assistance with your assignment, please use your text, Web resources, and all course materials. Grading Rubric Project Criteria Exceeds: 90%–100% Very Good: 80%–89% Response covers all topics indicated in Content Response covers most topics the assignment and adds additional (75%) indicated in the assignment. content. Demonstrates outstanding or Demonstrates very good written, exemplary application of written, visual, visual, or oral skills. Demonstrates or oral skills. Demonstrates sound expression of topic, main idea, outstanding expression of topic, main and purpose. Audience is usually idea, and purpose. Audience is addressed appropriately. Language addressed appropriately. Language does not interfere with the clearly and effectively communicates communication of ideas and content Effective ideas and content relevant to the relevant to the assignment. Errors in Communication assignment. Errors in grammar, grammar, spelling, and sentence (10%) spelling, and sentence structure are structure are present, but do not minimal. Organization is clear. Format distract from the message. Meets: 70%–79% Needs Improvement: Below 70% Response covers many of the Response covers none to some of the topics indicated in the assignment. topics indicated in the assignment. Demonstrates acceptable written, Demonstrates inadequate or partially visual, or oral skills. Demonstrates proficient application of written, visual, or reasonable expression of topic, oral skills. Demonstrates inadequate or main idea, and purpose. partial expression of topic, main idea, and Sometimes, audience is purpose. Audience is often not addressed addressed appropriately. Language appropriately. Language often impedes the does not interfere with the communication of ideas and content communication of ideas and relevant to the assignment. Errors in content relevant to the grammar, spelling, and sentence structure assignment. Errors in grammar, are frequent and often distract from spelling, and sentence structure meaning or presentation. Organization is the assignment and adds additional indicated in the assignment. content. Demonstrates outstanding or Demonstrates very good written, exemplary application of written, visual, visual, or oral skills. Demonstrates or oral skills. Demonstrates sound expression of topic, main idea, outstanding expression of topic, main and purpose. Audience is usually idea, and purpose. Audience is addressed appropriately. Language addressed appropriately. Language does not interfere with the clearly and effectively communicates communication of ideas and content Effective ideas and content relevant to the relevant to the assignment. Errors in Communication assignment. Errors in grammar, grammar, spelling, and sentence (10%) spelling, and sentence structure are structure are present, but do not minimal. Organization is clear. Format distract from the message. is consistently appropriate to Organization is apparent and mostly assignment. Presentation and delivery clear. Format is appropriate to are confident and persuasive (where assignment, but not entirely applicable). The writing was of consistent. The writing was of collegiate level with no errors in collegiate level with two or less errors spelling or grammar. in spelling or grammar. (75%) Supporting Analysis (15%) topics indicated in the assignment.topics indicated in the assignment. Demonstrates acceptable written, Demonstrates inadequate or partially visual, or oral skills. Demonstrates proficient application of written, visual, or reasonable expression of topic, oral skills. Demonstrates inadequate or main idea, and purpose. partial expression of topic, main idea, and Sometimes, audience is purpose. Audience is often not addressed addressed appropriately. Language appropriately. Language often impedes the does not interfere with the communication of ideas and content communication of ideas and relevant to the assignment. Errors in content relevant to the grammar, spelling, and sentence structure assignment. Errors in grammar, are frequent and often distract from spelling, and sentence structure meaning or presentation. Organization is are present and may distract from inadequate, confusing, and distracting. the message. Organization is a bit The format is inadequate and obscures unclear. Format is inconsistent. meaning. The writing was less than The writing was of collegiate level collegiate level with numerous errors in with several errors in spelling or spelling or grammar. grammar. No or inaccurate analysis, no sources are Analysis exceeds minimum Limited analysis provided to Basic analysis provided to support cited when needed, analysis and/or requirements. Sources are used to support assertions. Some sources assertions. Sources are cited, sources are not appropriate. When support analysis, are appropriate, and are cited, appropriate, and properly appropriate, and properly referenced. sources are used, they are not properly are properly referenced. referenced. referenced. Reading Assignment Chapter 4 - How to use CSS to format elements of a Web Page Chapter 5 - How to use the CSS box model for spacing, borders and backgrounds Chapter 6 - How to use CSS for page layout Click intellipath for suggestions. Click intellipath for Student Tips about the intellipath assignment. Click intellipath for Frequently Asked Questions about the intellipath assignment. Assignment Objectives Code, test, and validate Web pages Other Information There is no additional information to display at this time. Legend Extra Credit View Assignment Rubric Assignment Details Assignment Description Cascading Style Sheets are used to provide style, presentation, and layout for the HTML content of a Web page. You will develop an external CSS to provide style, presentation, and layout to an HTML document. Download the provided Unit2.zip document and save it to your computer. Click here to download the Unit2.zip document. Right-click the Unit2.zip folder and Extract All. Open Visual Studio and select File > Open Web Site from the menu.Navigate to the extracted Unit2 folder and select it to open the Website in Visual Studio. Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit2.css. Add style rules to Unit2.css to accomplish the following: Ensure that the semantic elements format in older browsers. Eliminate the default spacing around all elements. Use the Verdana font or any available sans-serif font for the text. Set the font size for the body to 80% of the browser’s default font size. Set the width of the window to display the document to 700. Center the text in the header. Provide spacing at the top of the level-one heading in the header to the equivalent of one capital M without affecting the spacing of the image. Set the font size for the level­one heading in the header to three times the browser’s default font size. Display the image in the header to the right of the text. Ensure the text of the section does not flow around the image in the header. Display the image in the first paragraph to the left of the text. Set the font size for the level­one heading in the section to two times the browser’s default font size. Center the text in the level-one heading in the section. Provide spacing at the bottom of the level-one heading in the section to the equivalent of one capital M. Set the font size for the level two headings in the section to one and one­half times the browser’s default font size. Center the text in the level two headings in the section. Center the text in the navigation. Provide spacing at the bottom of the navigation to the equivalent of two capital Ms. Bold the text of a hyperlink when the user hovers over the hyperlink or a hyperlink gets the focus. Set the text of a hyperlink to red when the user hovers over the hyperlink or a hyperlink gets the focus. Display the footer on the right side of the page. Provide spacing at the bottom of the navigation to the equivalent of two capital Ms. Bold the text of a hyperlink when the user hovers over the hyperlink or a hyperlink gets the focus. Set the text of a hyperlink to red when the user hovers over the hyperlink or a hyperlink gets the focus. Display the footer on the right side of the page. Set the font size of the text in the footer to 75% of the browser’s default font size . Validate the CSS style rules. Zip (compress) the Visual Studio project folder into a .zip file to submit. Grading You will be graded on the ability to link the Web page to the CSS.You will be graded on the syntax of the style rules in the CSS. Points will be deducted for style rules that incorrectly format the requirements. Points will be deducted for any syntax errors that cause the browser to ignore the style rule. Please submit your assignment. For assistance with your assignment, please use your text, Web resources, and all course materials. Grading Rubric Project Criteria Exceeds: 90%–100% Very Good: 80%–89% Response covers all topics indicated in Content Response covers most topics the assignment and adds additional (75%) indicated in the assignment. content. Demonstrates outstanding or Demonstrates very good written, exemplary application of written, visual, visual, or oral skills. Demonstrates or oral skills. Demonstrates sound expression of topic, main idea, outstanding expression of topic, main and purpose. Audience is usually idea, and purpose. Audience is addressed appropriately. Language addressed appropriately. Language does not interfere with the clearly and effectively communicates communication of ideas and content Effective ideas and content relevant to the relevant to the assignment. Errors in Communication assignment. Errors in grammar, grammar, spelling, and sentence (10%) spelling, and sentence structure are structure are present, but do not minimal. Organization is clear. Format distract from the message. is consistently appropriate to Organization is apparent and mostly assignment. Presentation and delivery clear. Format is appropriate to are confident and persuasive (where assignment, but not entirely applicable). The writing was of consistent. The writing was of collegiate level with no errors in collegiate level with two or less errors spelling or grammar. in spelling or grammar. Supporting Analysis (15%) Meets: 70%–79% Needs Improvement: Below 70% Response covers many of the Response covers none to some of the topics indicated in the assignment. topics indicated in the assignment. Demonstrates acceptable written, Demonstrates inadequate or partially visual, or oral skills. Demonstrates proficient application of written, visual, or reasonable expression of topic, oral skills. Demonstrates inadequate or main idea, and purpose. partial expression of topic, main idea, and Sometimes, audience is purpose. Audience is often not addressed addressed appropriately. Language appropriately. Language often impedes the does not interfere with the communication of ideas and content communication of ideas and relevant to the assignment. Errors in content relevant to the grammar, spelling, and sentence structure assignment. Errors in grammar, are frequent and often distract from spelling, and sentence structure meaning or presentation. Organization is are present and may distract from inadequate, confusing, and distracting. the message. Organization is a bit The format is inadequate and obscures unclear. Format is inconsistent. meaning. The writing was less than The writing was of collegiate level collegiate level with numerous errors in with several errors in spelling or spelling or grammar. grammar. No or inaccurate analysis, no sources are Analysis exceeds minimum Limited analysis provided to Basic analysis provided to support cited when needed, analysis and/or requirements. Sources are used to support assertions. Some sources assertions. Sources are cited, sources are not appropriate. When support analysis, are appropriate, and are cited, appropriate, and properly appropriate, and properly referenced. sources are used, they are not properly are properly referenced. referenced. referenced. Reading Assignment Chapter 4 - How to use CSS to format elements of a Web Page Chapter 5 - How to use the CSS box model for spacing, borders and backgrounds Chapter 6 - How to use CSS for page layout Click intellipath for suggestions. Click intellipath for Student Tips about the intellipath assignment. Click intellipath for Frequently Asked Questions about the intellipath assignment. Assignment Objectives Code, test, and validate Web pages Other Information There is no additional information to display at this time. Legend Extra Credit View Assignment Rubric Privacy Statement Terms and Conditions © 2015 American InterContinental University. All Rights Reserved. Authorized Users Only. Contact Us
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


Anonymous
Just what I needed…Fantastic!

Studypool
4.7
Trustpilot
4.5
Sitejabber
4.4

Related Tags