Need help with Tutorial 3 Case Problem 4 from New Perspectives HTML 5 and CSS 3 7th Edition.

The content of pcg_front_txt.html is:

pcg_paper_txt.css is

/@charset "utf-8";

/* New Perspectives on HTML5 and CSS3, 7th Edition Tutorial 3 Case Problem 4

Park City Gazette Style Sheet Author: Date:

Filename: pcg_paper.css Supporting Files:

*/

Case Problem 4 Data Files needed for this Case Problem: pcg-front-txt.html' pcg paper_txt.css, 2 JPG files, 7 TXT iles The Park City Gazette Estes Park, Colorado, is a rural mountain community next to Rocky Mountain National Park. Kevin Webber is the editor of the weekly Park City Gazette. The paper recently redesigned its printed layout, and Kevin wants you to do the same thing for the online version. He's prepared several files containing sample text from recent articles and a few lists of links that usually appear in the front page of the newspaper's website. He's also provided you with image files that can be used for the paper's logo and background. Your job will be to use all of these pieces to create a sample web page for him to evaluate. Complete the following: 1. Using your editor, open the pcg front txt.html and pcg paper txt.css files from the htmlo3 g paper txt.css files from the htmlo3 case4 case4 folder. Save them as pcg front.html and pcg paper.css respectively. 2. Using the content of the address, two links, and four story text files, create the content and structure of the pcg front.html file. You are free to supplement the material in these text files with additional content of your own if appropriate. Use the symbol for the value of the href attribute in your hypertext links because you will be linking to pages that don't actually exist 3. Link the pcg front.html file to the pcg paper.css style sheet file and then save your changes 4. Go to the pcg paper.css style sheet file in your editor and create a layout for your Park City Gazette sample page. The layout should be based on a fluid design ranging from 640 pixels up to 960 pixels. 5. The specifics of the page design are up to your imagination and skill but must include the following features: Use of the display property Application of width and height style properties Floated elements and cleared elements A container element with a style rule so that it expands around its floated content Defined margin and padding spaces as well as maximum and minimum widths An example of relative or absolute positioning 6. Test your layout and design on a variety of devices, browsers, and screen resolutions to ensure that your sample page is readable under different conditions. Case Problem 4 Data Files needed for this Case Problem: pcg-front-txt.html' pcg paper_txt.css, 2 JPG files, 7 TXT iles The Park City Gazette Estes Park, Colorado, is a rural mountain community next to Rocky Mountain National Park. Kevin Webber is the editor of the weekly Park City Gazette. The paper recently redesigned its printed layout, and Kevin wants you to do the same thing for the online version. He's prepared several files containing sample text from recent articles and a few lists of links that usually appear in the front page of the newspaper's website. He's also provided you with image files that can be used for the paper's logo and background. Your job will be to use all of these pieces to create a sample web page for him to evaluate. Complete the following: 1. Using your editor, open the pcg front txt.html and pcg paper txt.css files from the htmlo3 g paper txt.css files from the htmlo3 case4 case4 folder. Save them as pcg front.html and pcg paper.css respectively. 2. Using the content of the address, two links, and four story text files, create the content and structure of the pcg front.html file. You are free to supplement the material in these text files with additional content of your own if appropriate. Use the symbol for the value of the href attribute in your hypertext links because you will be linking to pages that don't actually exist 3. Link the pcg front.html file to the pcg paper.css style sheet file and then save your changes 4. Go to the pcg paper.css style sheet file in your editor and create a layout for your Park City Gazette sample page. The layout should be based on a fluid design ranging from 640 pixels up to 960 pixels. 5. The specifics of the page design are up to your imagination and skill but must include the following features: Use of the display property Application of width and height style properties Floated elements and cleared elements A container element with a style rule so that it expands around its floated content Defined margin and padding spaces as well as maximum and minimum widths An example of relative or absolute positioning 6. Test your layout and design on a variety of devices, browsers, and screen resolutions to ensure that your sample page is readable under different conditions