Chapter More on Links, 7 Layout, and Mobile process Write a sional that one-page

Question

Chapter More on Links, 7 Layout, and Mobile process Write a sional that one-page double-spaced essay that describes ideas about the design use. be Be sure to the to personal or profes include URL of the resources that you used. WEBSITE CASE STUDY Styling for the Mobile Web Each of the following case continues throughout most of the toxt This chapter ures the website for display on mobile devices. JavaJam Coffee House See Chapter 2 for an to the Java study. Figure 230 shows a site map for the JavaJarm House case In case study, you wil oonfigure the this website to display in mobile devices using the single-column layout shown in Figure 7-17. You wil code media queries for mobile styles: modify the current desktop styles; and update the Home, Menu, and Music pages. Use the Chapter 6 JavaJam website starting point for this case study. When you are tirishod, the website wil look the same in desktop browsers (see Figure 6.50). The mobile display should be simlar to Figure 7.37 or 7.38. 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 3. Modify the Menu page to be consistent with the Home page. 4. Modify the Music page to be consistent with the Home page. 5. Modify the desktop styles in javajam.css. 6. Modify javajam css and code a media query for tablet display 7. Modify javajam.css and code a media query for typical smartphone display JavaJam Coffee House ava Jam Coffee House Follow the Winding Fotew the Winding Road Road to Java Jam JavaJam Coffee House features: Figure 7.38 A test of the new tablet (or high-resolution Figure 7.37 The smartphone smartphone) display in a desktop browser display

Explanation / Answer

1) Create a simple folder for this case study in your site code.

2) on the main page of your website(Java class and corresponding CSS file for this page), add the viewport part to detect the device type

3) Add the same command on the menu page as above.

4) add the same command on the music page as above.

Now u can use different tags like <C:choose> to define the data to be displayed on certain type of device

Related Questions

Navigate

• Browse (All)
• Browse C
• Subjects

---

---

Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.