Design and develop an intermediate-level Web page consisting of valid HTML content that includes semantic elements, ima

 

In this assignment, you will 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. Follow these steps:

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 and a CSS file.

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.html
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-three heading for the section
  • three paragraphs in the section
  • beginning of each paragraph is an anchor or ID
  • additional text to lengthen the document
  • three paragraphs in the section, one after each content paragraph, these will contain a link 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 with
    • 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.
  • Link the CSS file to the HTML document.

Add style rules to Unit3.css to accomplish the following:

  • 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.
  • 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.
  • Display a one pixel black border around the table, 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.

    Get 20% Discount on This Paper
    Pages (550 words)
    Approximate price: -

    Try it now!

    Get 20% Discount on This Paper

    We'll send you the first draft for approval by at
    Total price:
    $0.00

    How it works?

    Follow these simple steps to get your paper done

    Place your order

    Fill in the order form and provide all details of your assignment.

    Proceed with the payment

    Choose the payment system that suits you most.

    Receive the final file

    Once your paper is ready, we will email it to you.

    Our Services

    Ace Writing Center has stood as the world’s leading custom essay writing services providers. Once you enter all the details in the order form under the place order button, the rest is up to us.

    Essays

    Essay Writing Services

    At Ace Writing Center, Nowadays, students normally have extremely busy schedules. You will note that some of them have to take on some evening or weekend jobs in order to get some income that can help them to sustain in college or in the university. This can deny them a chance to write all the essays given. Others usually get bombarded with a lot of work by their lecturers. This can still delay such students from working on all their essays. However, some of them usually try to work on all these essays but end up delivering their work late. This can prevent them from graduating since most lecturers are strict on deadlines. If you want to write a business essay, the wise way is to hire an outstanding essay writing service like us, so that you can get the best results. If you are keen, you will note that many companies usually overcharge their customers. Some of them are there only to make money. And in reality, they really don’t care to build a long term commitment with students. You should not choose such companies. You should take your time and choose a reliable company to work with. Ace Writing Center is the ultimate solution for you. We have been offering our writing service for more than 7 years. This is a clear indication that you will get quality essay writing service. We have a wide range of writers who can work on any business essay that you might have. We believe in doing extensive research so that we can provide quality work to all our clients. .

    Admissions

    Admission and Business Papers

    Have you ever had to write an admission essay for college? The majority of students face the same issues when applying to a university or college and many in such situations decide they need professional help to cope with this matter. They get in a situation when the deadline keeps coming closer but lack motivation to start because they are just not sure if their writing skills are strong enough. We have a solution for you! Ace Writing Center is the best admission essay writing service with a large professional team and years of experience in providing high-quality papers to students of all levels and faculties. The mission of our team is to help students make their dreams of entering a good college come true and that’s what we offer!.

    Editing

    Editing and Proofreading

    Sometimes all the words for your paper just flow out of your mind and into your fingers. You type quickly at your keyboard and there they are, your beautiful words right there on the screen. But you have no idea how to polish it up. You may be wishing there was a paper writing service that offered this type of writing service. Look no more! Here at Ace Writing Center, we offer you an editing and proofreading option that you can't find anywhere else..

    Coursework

    College Essay Writing

    In case you are familiar Ace Writing Center, you know the way to distinguish a better company from a cheap one exactly. First of all, poor service website does not have a sufficient support. We think support team is an essential part of success; it has to answer all clients’ questions and be a connecting link between clients and their writers. On our web-service you will get answers about anything you need and your writer will receive all your instructions, assignments and requirements exactly and swiftly. A writing service that we run has got a flexible pricing system that will save you from senseless wastes and many bonus systems that let you sparing money for something important for you.