Design and develop an intermediate-level Web page consisting of valid HTML conte

Anonymous
timer Asked: Jun 22nd, 2015

Question Description

Assignment Details File: U 3 AssignmentDetails_6_22_2015.pdf 

Continue to build on the skills of providing Web page content and structure with HTML and Web page style and layout using CSS. Design and develop an intermediate-level Web page consisting of valid HTML content that includes semantic elements, images, and tables. 

  • Use Visual Studio to create a New Web Site. Select the ASP.NET Empty Web Site template to create the Web site. Use the File System Web location to create the Web site at the selected location and give the Web site an appropriate name.
  • Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document.
    • Make sure to include
      • the language attribute of the html element and
      • the character set attribute of the metadata element.
    • Name the Web page Unit3.htm
  • Link to the Unit3.css file used to style and layout the Web page.
  • Assign “Unit 3 IP” to the title.
  • Structure the Web page using the HTML semantic elements
    • header
    • section
    • footer
  • Within the structure of the Web page add other HTML elements including at least:
    • one level-one heading for the page in the header
    • navigation in the header that includes a
      • one level-two heading for a table of contents in the header
      • list of at least three placeholders that
        • navigate to the paragraphs in the section
        • implement accessibility guidelines
    • one level-one heading for the section
    • three paragraphs in the section
      • beginning of each paragraph is a placeholder
      • additional text to lengthen the document
    • three paragraphs in the section
      • a return placeholder that navigates back to the table of contents
    • one figure element in the section to display
      • Image that implements accessibility guidelines
        • Copy the image file to the Web site folder.
        • Submit the image file along with the document.
      • figure caption
    • figure element in the section to display
      • figure caption
      • table width
        • table header
        • table body
          • at least three table rows
          • at least three table data
        • table footer that spans three columns
  • Use of any inline elements should follow current standards
  • No style should be applied
  • Validate the HTML in the Web page.

Develop an external CSS to provide style, presentation, and layout to the HTML document.

  • Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box.Name the style sheet Unit3.css.
  • Add style rules to Unit3.css to accomplish the following:
    • Ensure that the semantic elements format in older browsers.
    • Eliminate the default spacing around all elements.
    • In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text.
    • Set the font size for the body to 85% of the browser’s default font size.
    • Set the width of the window to display the document to 950.
    • Center the text in the header.
    • Set the font size for the level-one heading in the header to two and one-half times the browser’s default font size.
    • Set the font size for the level-two heading in the header and the level-one heading in the section to one and three-quarter times the browser’s default font size.
    • Set the text to undecorated and one and one-quarter times the browser’s default font size when the user hovers over or focuses on the links in the table of contents.
    • Set the width of figures to 300.
    • Display figures on the right with the paragraph text flowing to the left of the figures.
    • Set the margin for figures to the equivalent of one capital M on all sides.
    • Set the padding for figures to the equivalent of one capital M on all sides.
    • Display a one pixel black border to the left of figures.
    • Bold the text of figure captions.
    • Set the size of the font of figure captions to one and one-quarter times the browser’s default font size.
    • Center the text of figure captions.
    • Set the padding of all paragraphs to the equivalent of one capital M on the top and bottom and zero on the left and right.
    • Clear the float of the figures in the paragraphs that return the user to the table of contents.
    • Center the text of the paragraphs that return the user to the table of contents.
    • Display the footer in the center of the page.
    • Set the padding of table data and table headers to zero on the top and bottom and to the equivalent of one-half a capital M on the left and right;
    • Display a one pixel black border around all table data and table headers.
    • Center the text in the table footer.
    • Bold the text in the table footer.
  • Validate the CSS style rules.
  • Zip (compress) the Visual Studio Web site folder into a .zip file to submit.

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

5:13 AM (CDT) Unit 3 - Individual Project Assignment Overview Type: Individual Project Unit: Web Page Development Due Date: Sun, 6/28/15 Grading Type: Numeric Points Possible: 140 Points Earned: 0 Deliverable Length: Web site plan and Web site consisting of the necessary Web pages and external CSSs Go To: Assignment Details Learning Materials Reading Assignment My Work: Online Deliverables: Submissions Assignment Details Assignment Description Continue to build on the skills of providing Web page content and structure with HTML and Web page style and layout using CSS. Design and develop an intermediate-level Web page consisting of valid HTML content that includes semantic elements, images, and tables. Use Visual Studio to create a New Web Site. Select the ASP.NET Empty Web Site template to create the Web site. Use the File System Web location to create the Web site at the selected location and give the Web site an appropriate name. Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document. Make sure to include the language attribute of the html element and the character set attribute of the metadata element. Name the Web page Unit3.htm Link to the Unit3.css file used to style and layout the Web page. Assign “Unit 3 IP” to the title. Structure the Web page using the HTML semantic elements header section footer Within the structure of the Web page add other HTML elements including at least: one level-one heading for the page in the header navigation in the header that includes a one level-two heading for a table of contents in the header list of at least three placeholders that navigate to the paragraphs in the section implement accessibility guidelines one level-one heading for the section three paragraphs in the section beginning of each paragraph is a placeholder additional text to lengthen the document three paragraphs in the section a return placeholder that navigates back to the table of contents one figure element in the section to display Image that implements accessibility guidelines Copy the image file to the Web site folder. Submit the image file along with the document. figure caption figure element in the section to display figure caption table width table header table body at least three table rows at least three table data table footer that spans three columns Use of any inline elements should follow current standards No style should be applied Validate the HTML in the Web page. Develop an external CSS to provide style, presentation, and layout to the HTML document. Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box.Name the style sheet Unit3.css. Add style rules to Unit3.css to accomplish the following: Ensure that the semantic elements format in older browsers. Eliminate the default spacing around all elements. In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text. Set the font size for the body to 85% of the browser’s default font size. Set the width of the window to display the document to 950. Center the text in the header. Set the font size for the level­one heading in the header to two and one­half times the browser’s default font size. Set the font size for the level­two heading in the header and the level­one heading in the section to one and three­quarter times the browser’s default font size. Center the text in the header. Set the font size for the level­one heading in the header to two and one­half times the browser’s default font size. Set the font size for the level­two heading in the header and the level­one heading in the section to one and three­quarter times the browser’s default font size. Set the text to undecorated and one and one­quarter times the browser’s default font size when the user hovers over or focuses on the links in the table of contents. Set the width of figures to 300. Display figures on the right with the paragraph text flowing to the left of the figures. Set the margin for figures to the equivalent of one capital M on all sides. Set the padding for figures to the equivalent of one capital M on all sides. Display a one pixel black border to the left of figures. Bold the text of figure captions. Set the size of the font of figure captions to one and one­quarter times the browser’s default font size. Center the text of figure captions. Set the padding of all paragraphs to the equivalent of one capital M on the top and bottom and zero on the left and right. Clear the float of the figures in the paragraphs that return the user to the table of contents. Center the text of the paragraphs that return the user to the table of contents. Display the footer in the center of the page. Set the padding of table data and table headers to zero on the top and bottom and to the equivalent of one-half a capital M on the left and right; Display a one pixel black border around all table data and table headers. Center the text in the table footer. Bold the text in the table footer. Validate the CSS style rules. Zip (compress) the Visual Studio Web site folder into a .zip file to submit. 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% 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 7 - How to work with links and lists Chapter 8 - How to work with images Chapter 9 - How to work with tables 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 Design and develop a Web site using images, tables, forms, and other elements Code, test, and validate Web pages Deploy audio and video assets on a Web page using current interactive Web technologies Other Information There is no additional information to display at this time. Legend Extra Credit 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. View Assignment Rubric Assignment Details Assignment Description Assignment Details Assignment Description Continue to build on the skills of providing Web page content and structure with HTML and Web page style and layout using CSS. Design and develop an intermediate-level Web page consisting of valid HTML content that includes semantic elements, images, and tables. Use Visual Studio to create a New Web Site. Select the ASP.NET Empty Web Site template to create the Web site. Use the File System Web location to create the Web site at the selected location and give the Web site an appropriate name. Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document. Make sure to include the language attribute of the html element and the character set attribute of the metadata element. Name the Web page Unit3.htm Link to the Unit3.css file used to style and layout the Web page. Assign “Unit 3 IP” to the title. Structure the Web page using the HTML semantic elements header section footer Within the structure of the Web page add other HTML elements including at least: one level-one heading for the page in the header navigation in the header that includes a one level-two heading for a table of contents in the header list of at least three placeholders that navigate to the paragraphs in the section implement accessibility guidelines one level-one heading for the section three paragraphs in the section beginning of each paragraph is a placeholder additional text to lengthen the document three paragraphs in the section a return placeholder that navigates back to the table of contents one figure element in the section to display Image that implements accessibility guidelines Copy the image file to the Web site folder. Submit the image file along with the document. figure caption figure element in the section to display figure caption table width table header table body at least three table rows at least three table data table footer that spans three columns Use of any inline elements should follow current standards No style should be applied Validate the HTML in the Web page. Develop an external CSS to provide style, presentation, and layout to the HTML document. Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box.Name the style sheet Unit3.css. Add style rules to Unit3.css to accomplish the following: Ensure that the semantic elements format in older browsers. Eliminate the default spacing around all elements. In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text. Set the font size for the body to 85% of the browser’s default font size. Set the width of the window to display the document to 950. Center the text in the header. Set the font size for the level­one heading in the header to two and one­half times the browser’s default font size. Set the font size for the level­two heading in the header and the level­one heading in the section to one and three­quarter times the browser’s default font size. Set the text to undecorated and one and one­quarter times the browser’s default font size when the user hovers over or focuses on the links in the table of contents. Set the width of figures to 300. Display figures on the right with the paragraph text flowing to the left of the figures. Set the margin for figures to the equivalent of one capital M on all sides. Set the padding for figures to the equivalent of one capital M on all sides. Display a one pixel black border to the left of figures. Bold the text of figure captions. Set the size of the font of figure captions to one and one­quarter times the browser’s default font size. Center the text of figure captions. Set the padding of all paragraphs to the equivalent of one capital M on the top and bottom and zero on the left and right. Clear the float of the figures in the paragraphs that return the user to the table of contents. Center the text of the paragraphs that return the user to the table of contents. Display the footer in the center of the page. Set the padding of table data and table headers to zero on the top and bottom and to the equivalent of one-half a capital M on the left and right; Display a one pixel black border around all table data and table headers. Center the text in the table footer. Bold the text in the table footer. Validate the CSS style rules. Zip (compress) the Visual Studio Web site folder into a .zip file to submit. Grading Rubric Zip (compress) the Visual Studio Web site folder into a .zip file to submit. 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 7 - How to work with links and lists Chapter 8 - How to work with images Chapter 9 - How to work with tables 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 Design and develop a Web site using images, tables, forms, and other elements Code, test, and validate Web pages Deploy audio and video assets on a Web page using current interactive Web technologies 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

This question has not been answered.

Create a free account to get help with this and any other question!

Brown University





1271 Tutors

California Institute of Technology




2131 Tutors

Carnegie Mellon University




982 Tutors

Columbia University





1256 Tutors

Dartmouth University





2113 Tutors

Emory University





2279 Tutors

Harvard University





599 Tutors

Massachusetts Institute of Technology



2319 Tutors

New York University





1645 Tutors

Notre Dam University





1911 Tutors

Oklahoma University





2122 Tutors

Pennsylvania State University





932 Tutors

Princeton University





1211 Tutors

Stanford University





983 Tutors

University of California





1282 Tutors

Oxford University





123 Tutors

Yale University





2325 Tutors