Skip to content

Commit f13bfd5

Browse files
huang303513huang303513
committed
chapter11
1 parent 8b6b9c3 commit f13bfd5

File tree

9 files changed

+168
-0
lines changed

9 files changed

+168
-0
lines changed

‎Head First html&css学习代码/chapter11/starbuzz/freecoffee.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Free Starbuzz Coffee</title>
6+
</head>
7+
8+
<body>
9+
This page is entirely up to you!
10+
</body>
11+
</html>
12+

‎Head First html&css学习代码/chapter11/starbuzz/images/award.gif

8.73 KB
Loading

‎Head First html&css学习代码/chapter11/starbuzz/images/background.gif

10.5 KB
Loading

‎Head First html&css学习代码/chapter11/starbuzz/images/bag.gif

17 KB
Loading

‎Head First html&css学习代码/chapter11/starbuzz/images/coupon.gif

37.1 KB
Loading

‎Head First html&css学习代码/chapter11/starbuzz/images/header.gif

15.1 KB
Loading

‎Head First html&css学习代码/chapter11/starbuzz/images/ticket.gif

31.6 KB
Loading

‎Head First html&css学习代码/chapter11/starbuzz/index.html

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Starbuzz Coffee</title>
6+
<link rel="stylesheet" type="text/css" href="starbuzz.css">
7+
</head>
8+
9+
<body>
10+
<div id="header">
11+
<img src="images/header.gif" alt="Starbuzz Coffee header image">
12+
</div>
13+
14+
<div id="sidebar">
15+
<p class="beanheading">
16+
<img src="images/bag.gif" alt="Bean Machine bag">
17+
<br>
18+
ORDER ONLINE
19+
with the
20+
<a href="form.html">BEAN MACHINE</a>
21+
<br>
22+
<span class="slogan">
23+
FAST <br>
24+
FRESH <br>
25+
TO YOUR DOOR <br>
26+
</span>
27+
</p>
28+
<p>
29+
Why wait? You can order all our fine coffees right from the Internet with our new,
30+
automated Bean Machine. How does it work? Just click on the Bean Machine link,
31+
enter your order, and behind the scenes, your coffee is roasted, ground
32+
(if you want), packaged, and shipped to your door.
33+
</p>
34+
</div>
35+
36+
<div id="main">
37+
<h1>QUALITY COFFEE, QUALITY CAFFEINE</h1>
38+
<p>
39+
At Starbuzz Coffee, we are dedicated to filling all your caffeine needs through our
40+
quality coffees and teas. Sure, we want you to have a great cup of coffee and a great
41+
coffee experience as well, but we're the only company that actively monitors and
42+
optimizes caffeine levels. So stop by and fill your cup, or order online with our new Bean
43+
Machine online order form, and get that quality Starbuzz coffee that you know will meet
44+
your caffeine standards.
45+
</p>
46+
<p>
47+
And, did we mention <em>caffeine</em>? We've just started funding the guys doing all
48+
the wonderful research at the <a href="http://buzz.wickedlysmart.com"
49+
title="Read all about caffeine on the Buzz">Caffeine Buzz</a>.
50+
If you want the latest on coffee and other caffeine products,
51+
stop by and pay them a visit.
52+
</p>
53+
<h1>OUR STORY</h1>
54+
<p>
55+
"A man, a plan, a coffee bean". Okay, that doesn't make a palindrome, but it resulted
56+
in a damn good cup of coffee. Starbuzz's CEO is that man, and you already know his
57+
plan: a Starbuzz on every corner.
58+
</p>
59+
<p>In only a few years he's executed that plan and today
60+
you can enjoy Starbuzz just about anywhere. And, of course, the big news this year
61+
is that Starbuzz teamed up with Head First readers to create Starbuzz's Web presence,
62+
which is growing rapidly and helping to meet the caffeine needs of a whole new set of
63+
customers.
64+
</p>
65+
<h1>STARBUZZ COFFEE BEVERAGES</h1>
66+
<p>
67+
We've got a variety of caffeinated beverages to choose
68+
from at Starbuzz, including our
69+
<a href="beverages.html#house" title="House Blend">House Blend</a>,
70+
<a href="beverages.html#mocha" title="Mocha Cafe Latte">Mocha Cafe Latte</a>,
71+
<a href="beverages.html#cappuccino" title="Cappuccino">Cappuccino</a>,
72+
and a favorite of our customers,
73+
<a href="beverages.html#chai" title="Chai Tea">Chai Tea</a>.
74+
</p>
75+
<p>
76+
We also offer a variety of coffee beans, whole or ground, for you to
77+
take home with you. Order your coffee today using our online
78+
<a href="form.html">Bean Machine</a>, and take
79+
the Starbuzz Coffee experience home.
80+
</p>
81+
</div>
82+
83+
84+
85+
<div id="footer">
86+
&copy; 2012, Starbuzz Coffee
87+
<br>
88+
All trademarks and registered trademarks appearing on
89+
this site are the property of their respective owners.
90+
</div>
91+
92+
</body>
93+
</html>
94+

‎Head First html&css学习代码/chapter11/starbuzz/starbuzz.css

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
body {
2+
background-color: #b5a789;
3+
font-family: Georgia, "Times New Roman", Times, serif;
4+
font-size: small;
5+
margin: 0px;
6+
}
7+
8+
#header {
9+
background-color: #675c47;
10+
margin: 10px;
11+
height: 108px;
12+
}
13+
14+
#main {
15+
background: #efe5d0 url(images/background.gif) top left;
16+
font-size: 105%;
17+
padding: 15px;
18+
margin: 0px 330px 10px 10px;
19+
20+
}
21+
22+
#sidebar {
23+
background: #efe5d0 url(images/background.gif) bottom right;
24+
font-size: 105%;
25+
padding: 15px;
26+
margin: 0px 10px 10px 10px;
27+
width: 280px;
28+
float: right;
29+
}
30+
31+
#footer {
32+
background-color: #675c47;
33+
color: #efe5d0;
34+
text-align: center;
35+
padding: 15px;
36+
margin: 10px;
37+
font-size: 90%;
38+
clear: right;
39+
}
40+
41+
h1 {
42+
font-size: 120%;
43+
color: #954b4b;
44+
}
45+
46+
.slogan { color: #954b4b; }
47+
48+
.beanheading {
49+
text-align: center;
50+
line-height: 1.8em;
51+
}
52+
53+
a:link {
54+
color: #b76666;
55+
text-decoration: none;
56+
border-bottom: thin dotted #b76666;
57+
}
58+
a:visited {
59+
color: #675c47;
60+
text-decoration: none;
61+
border-bottom: thin dotted #675c47;
62+
}

0 commit comments

Comments
 (0)