Julio Perez is the owner of the JavaJam Coffee House, a gourmet coffee shop that serves snacks, coffee, tea, and soft drinks. Local folk music performances and poetry readings are held a few nights during the week. The customers of JavaJam are mainly college students and young professionals. Julio would like a Web presence for his shop that will display his services and provide a calendar for the performances. He would like a homepage, menu page, music performance schedule page, and job opportunities page. A site map for the JavaJam Coffee House Web site is shown below. The site map describes the architecture of the Web site, a Home page with three main content pages: Menu, Music, and Jobs.
HOME PAGE
|
MENU ♦ MUSIC ♦ JOBS
You have two tasks in this case study:
- Create the Home page: index.html
- Create the Menu page: menu.html
- Enter the company name as the Title of the page
- Use an H1 (heading) tag to place the company name at the top of the page
- Create a DIV with links (anchor tags) for each of the pages:
- index.html
- menu.html
- music.html
- jobs.html
- Create an Unordered List (UL) for "Specialty Coffee and Tea", "Bagels, Muffins and Organic Snacks", "Music and Poetry Readings" and "Open mic Night"
- Create a DIV with the company address and phone number
- Add a blank line after the address/phone number DIV
- Begin a DIV with "Copyright © 2013 JavaJam Coffee House", then a line break, then your email address (linked with an anchor tag), and then end your DIV.
- Save your index.html file, then do a "Save As" and save it as menu.html
- Adjust the Title and the H1 heading to indicate that the viewer is in the Menu now.
- Delete the "content" (unordered list and address)
- Create a "Description List" (dl) containing "Description Titles" (dt) and "Description Data" (dl):
- Just Java
- Regular house blend, decaffeinated coffee, or flavor of the day.
- Endless cup $2.00
- Cafe au Lait
- House blended coffee infused into a smooth, steamed milk.
- Single $2.00 Double $3.00
- Iced Cappuccino
Fish Creek Animal Hospital
Magda Patel is a veterinarian and owner of the Fish Creek Animal Hospital. Her cus-tomers are local pet owners who range in age from children to senior citizens. Magdawould like a Web site to provide information to her current and potential customers.She has requested a home page, a services page, an ask the vet page, and a contact page. A site map for the Fish Creek Animal Hospital Web is shown below. The site map describes the architecture of the Web site, a Home page with three maincontent pages: Services, Ask the Vet, and Contact.
HOME PAGE
|
SERVICES ♦ ASK A VET ♦ CONTACT
You have two tasks in this case study:
- Create the Home page: index.html
- Create the Services page: services.html
Pacific Trails Resort
Melanie Bowie is the owner of Pacific Trails Resort, located on the California North Coast. The resort offers a quiet getaway, with luxury camping in yurts along with an upscale lodge for dining and visiting with fellow guests. The target audience for Pacific Trails Resort is couples who enjoy nature and hiking. Melanie would like a website that emphasizes the uniqueness of the location and accommodations. She would like the website to include a home page, a page about the special yurt accommodations, a reservations page with a contact form, and a page to describe the activities available at the resort.
HOME PAGE
|
YURTS ♦ ACTIVITIES ♦ RESERVATIONS
You have two tasks in this case study: - Create the Home page: index.html
- Create the Yurts page: yurts.html
Prime Properties
Prime Properties is a small real estate company that specializes in residential properties. The owner, Maria Valdez, would like a website to showcase her listings and provide a point of contact for her clients, who are mainly middle-class working adults who are looking for a home in the northwest Chicago suburbs. Maria would like a home page, a listings page that contains information about her properties, a financing page, and a contact page.
HOME PAGE
|
LISTINGS ♦ FINANCING ♦ CONTACT
You have two tasks in this case study:
- Create the Home page: index.html
- Create the Financing page: financing.html
