Demonstrate how a single html document can be presented

Assignment Help Web Project
Reference no: EM13951617

The goal of this assignment is to demonstrate how a single HTML document can be presented in two different appearances, determined by the document's CSS stylesheet. Your HTML file should be called p1.html and the two stylesheets should be called p1a.css and p1b.css. If the HTML file links to p1a.css then it should appear like this ("Version A"), assuming you are running Firefox on a Windows machine:

If the HTML file links to p1b.css then it should appear like this in Firefox on Windows ("Version B"):

If you are using a Macintosh the appearance will be slightly different.

Here are some additional details and requirements for this problem:

•The content should be described in a single HTML file, using a <table> element to display the main table.

•There may not be any formatting information in the HTML file other than class and id attributes.

•The appearance must be generated entirely with CSS style information; you may not use images for this problem.

•The only change that should be required to switch from Version A to Version B is to change the <link> element in the header to refer to a different CSS file.

•Try to duplicate the appearance in the images above ("pixel perfect"). For example: ?Some of the columns should be centered whereas others are left-justified.

?The "Total" line appears only in Version B (hint: you may find the display attribute useful in producing this effect).

?Both versions use the Tahoma font in a 13-pixel size.

?The background color for the header row in Version A is #687291.

?The background colors for the body rows in Version A are #eeeff2 and #dfe1e7.

?The white lines between rows in Version A are 1 pixel wide.

?The color for the frame around Version B is #d0d0ff.

?The frame in Version B is 10 pixels wide; there are 20 pixels of empty space on either side of the frame.

?The horizontal rule above the "Total" line in Version B is 2 pixels wide.

?Match the padding and spacing as closely as possible.

•Your HTML file must be a valid HTML document

Reference no: EM13951617

Create a visual diagram that indicates the main page

Explain the content and goals of the site and Describe the main features of the site - You will have a chance to modify the proposal and supplement the design details at diffe

Provide a critical evaluation of the nominated website

COIT 20268 - Responsive Web Design (RWD). The purpose of the report is to provide a critical evaluation of the nominated website and to support your observations and comments

Premiere products exercises

Complete the Premiere Products SQL Exercises in Chapter 3. You answers need to include the SQL commands and the results. A 2007 Access database for thesse exercisses can be fo

Explain the security risks and applicable laws

Analyze the major privacy issues described above and compare that to the potential privacy risks facing the sporting goods store. Explain the security risks and applicable la

Demonstrates effective application of design elements

Using the course software, create the first page (home/index page) for your website that demonstrates effective application of design elements based on your website plan.

Database implementation and system prototype

AACS3154 WEB-BASED SYSTEMS DEVELOPMENT Project Specification - construct the DFD (using standard notations as recommended by your supervisor) that models the proposed system.

Create a business web project for store

Create a Business project for store. The project is on your business. It can be anything you want it to be. You currently have three stores and are planning to add a fourth

Website design and development

Website Design and Development - List at least three interactive features that could be added to your site and what purpose each would serve for your site and its visitors.

Reviews

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