Answered step by step
Verified Expert Solution
Question
1 Approved Answer
Please provide a solution for this case problem 4. Book New Perspective HTML5 and CSS3, 7th Edition HTML 256 HTML and CSS | Tutorial 3
Please provide a solution for this case problem 4. Book New Perspective HTML5 and CSS3, 7th Edition
HTML 256 HTML and CSS | Tutorial 3 Designing a Page Layout Case Problem 4 L Data Files needed for this Case Problem: pcg front txt.html, pcg paper_txt.css, 2 JPG files, 7 TXT files 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 html03 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 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
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started