JavaJam

WEBSITE CASE STUDY Styling for the Mobile Web cotqures the webaite for display on moble devices. g case studies continues throughout most of the text. This chapter Each of the Javalam Coffee House See Chapter 2 for an introduction to the JavaJam Coffee House case study. Figure 2.31 shows a site map for the Java.Jam website. In this case study, you will configure the website to display in mobile devices using the single-column layout shown in Figure 7.17. You vill code media queries for mobile styles; modify the current desktop styles, and uodate the Home, Menu, and Music pages. Use the Chapter 6 JavaJam website as a starting point for this case study. When you are finished, the website wil look the same in desktop browsers (see Figure 6.49). The mobile display should be similar to Figure 7.43 or 7.44. You have seven tasks in this case study 1. Create a new folder for this JavaJam case study 2. Modify the Home page to include a viewport meta tag avaJam Coffee House Home Menu Music Jobs JavaJam Coffee House Home Menu Music obs Follow the Winding Road to JavaJam dive down Garrett Bay Road to Javalam oday Indge in our localy roasted ight at home ac JavaJam Coffee House Follow the Winding Read to Javalam Bagels, Mutins, and Cluten-free Pastris Music and Poetry Readings Open c Night 2010 Ganett Bay Road Ehson Day, W1 54210 Figure 7.43 The smartphone display Figure 7.44 A test of the new tablet (or high-resolution smartphone) display in a desktop browser