Website Case Study Using Tables

at
Categories
Tags

 

Each of the following case studies continues throughout most of the textbook. This chapter incorporates an HTML table in the case study websites.
JavaJam Coffee Bar
See Chapter 2 for an introduction to the JavaJam Coffee Bar case study. Figure 2.32 shows a site map for JavaJam. Use the Chapter 7 JavaJam website as a starting point for this case study. In this case study, you will modify the Menu page (menu.html) to display information in an HTML table. You will use CSS to style the table. You have three tasks in this case study:
1. Create a new folder for this JavaJam case study.
2. Modify the style sheet (javajam.css) to configure style rules for the new table.
3. Modify the Menu page to use a table to display information as shown in Figure 8.13.
Figure 8.13 Menu page with a table

Figure 8.13 Full Alternative Text
Hands-On Practice Case Study
• TASK 1: THE WEBSITE FOLDER. Create a folder called javajam8. Copy all the files from your Chapter 7 javajam7 folder into the javajam8 folder.
• TASK 2: CONFIGURE THE CSS. Modify the external style sheet (javajam.css). Open javajam.css in a text editor. Review Figure 8.13 and note the menu descriptions, which are coded in an HTML table. Add style rules above the media queries in the javajam.css external style sheet to configure a table that is centered, takes up 90% the width of its container, and is configured with 0 -border-spacing. Configure td and th selectors with 10 pixels of padding. Also configure a background color of #D2B48E in alternate rows (use a class or the :nth-of-type pseudo-class to configure odd table rows). Save the javajam.css file.
• TASK 3: MODIFY THE MENU PAGE. Open menu.html in a text editor. Each menu item consists of a title (within h3 tags) and a description (within p tags). You will format this information with a table that has three rows and two columns. Use th and td elements where appropriate. Delete the h3, p, and section tags that surround each menu item. Save your page and test it in a browser. If the page does not display as you intended, review your work, validate the CSS, validate the HTML, modify as needed, and test again.
Fish Creek Animal Clinic
See Chapter 2 for an introduction to the Fish Creek Animal Clinic case study. Figure 2.36 shows a site map for Fish Creek. Use the Chapter 7 Fish Creek website as a starting point for this case study. You will modify the Services page (services.html) to display information in an HTML table. You will use CSS to style the table. You have three tasks in this case study:
1. Create a new folder for this Fish Creek case study.
2. Modify the style sheet (fishcreek.css) to configure style rules for the new table.
3. Modify the Services page to use a table to display information as shown in Figure 8.14.
Figure 8.14 Services page with a table

Figure 8.14 Full Alternative Text
Hands-On Practice Case Study
• TASK 1: THE WEBSITE FOLDER. Create a folder called fishcreek8. Copy all the files from your Chapter 7 fishcreek7 folder into the fishcreek8 folder.
• TASK 2: CONFIGURE THE CSS. Modify the external style sheet (fishcreek.css). Open fishcreek.css in a text editor. Review Figure 8.14 and note the services descriptions, which are coded in an HTML table. Add style rules above the media queries in the fishcreek.css external style sheet as indicated:
1. Configure a table that has a 1em margin and a dark blue, 2 pixel border.
2. Configure the borders in the table to collapse (use border-collapse: collapse;).
3. Configure td and th element selectors with 0.5em of padding and a dark blue 1 pixel border.
Save the fishcreek.css file.
• TASK 3: MODIFY THE SERVICES PAGE. Open services.html in a text editor. Each service item consists of a title (within h3 tags) and a description (within p tags). You will format this information with a table that has five rows and two columns. Use th and td elements where appropriate. Delete the h3, p, and section tags that surround each service item. Save your page and test it in a browser. If the page does not display as you intended, review your work, validate the CSS, validate the HTML, modify as needed, and test again.

 

 

 

 

 

Sample Solution

came to power in 1979 and represented for many, laissez-faire economics and individual self-determination (Steele, 2018). She believed in power of the market, utilizing it to restore the stagnant British economy and moving away from state provided services. In 1979, cuts resulted in reducing the standard rate of tax from 33% to 30%, the top rate from 83% to 60% and finally cutting public spending by 3% (Bolick, 1995). She reduced the amount of public spending, from 50% to 43%. Thatcher felt high taxes discouraged the incentive to work however, effects of tax cuts increased income inequality through as high earners saw ‘the top 10%- did far better, with their incomes increasing from the equivalent of £472.98 in 1979 to £694.83 in 1990’. The uneven distribution of wealth saw the poorest families receive the least. Reductions in public expenditure affected health, education and social services which created a knock-on effect with substantial loss of public sector jobs resulting in decreased spending on goods and services. Privatisation became Thatcher’s most important and long-lasting legacy. She revealed in her memoirs that it was crucial for ‘reversing the corrosive and corrupting effects of socialism’ Parker. In the 1980-90s, due to fiscal pressures, Thatcher’s conservative views on private ownership and public discontent with the current regime saw the privatisation of public owned entities. For example, the sale of just ‘over 50% of shares in BT and the sale of British Energy in 1996’ (Berrington, 1998). Other privatised industries included electricity, gas, British steel, public bus transportation and other public services. As a result, workforces declined as ‘employment in the electricity and gas industries was cut in half’(Edwards, 2017), problems arose in the regulation of private monopolies to prevent abuse of power, however improved ‘economic growth and improved living standards as privatised businesses cut costs, increased service quality’ (Edwards, 2017). Thatcher can be seen as the key instigator of the sweeping shift from traditional to ‘New Public Management’ initiated by public service reforms. NPM involved the adoption of private sector management ideas to improve structures and processes in the public sector. Thatcher who led the 1980s ‘New Right’ administrations, that put a ‘shrinking government and reduced taxation on the agenda’ (Ferlie, 2017). Thatcher also wanted to remove ‘inefficiency in the state bureaucracy and the deprivilege of the civil service’ as she concluded that the public sector was ‘wasteful, overbureaucratic and underperforming’ (Ferlie et al., 1996). Thatcher wanted to identify areas of waste and inefficiency in the government and ‘improve service quality and customer-orientated service’ (Pollitt, 1996) whilst reducin

This question has been answered.

Get Answer
WeCreativez WhatsApp Support
Our customer support team is here to answer your questions. Ask us anything!
👋 Hi, Welcome to Compliant Papers.
Hi, how can I help?