CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

ch04

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-03-14 08:51:55 -05:00
parent c9bb4ba5c5
commit bea3068292
319 changed files with 1275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
Chapter ZIPs/HTML/chapter5/5.1/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

35
Chapter ZIPs/HTML/chapter5/5.1/index.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
</style>
</head>
<body>
<header>
<h1><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="600" height="60"></h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<img src="hero.jpg" width="500" height="350" alt="paddling a kayak">
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.1/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

20
Chapter ZIPs/HTML/chapter5/5.10/index.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Tropical Island</title>
<meta charset="utf-8">
<style>
figcaption { font-weight: bold;
font-style: italic;
font-size: 1.5em;
font-family: Trajan Pro, Arial }
</style>
</head>
<body>
<figure>
<img src="myisland.jpg" alt="Tropical Island" height="480" width="640">
<figcaption>Tropical Island Getaway
</figcaption>
</figure>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.10/myisland.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.2/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.2/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.2/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

41
Chapter ZIPs/HTML/chapter5/5.2/index.html Normal file
View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
#bar { background-color: #152420; }
</style>
</head>
<body>
<header>
<h1><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="600" height="60"></h1>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35" alt="home"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35" alt="tours"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35" alt="reservations"></a>&nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35" alt="contact"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<img src="hero.jpg" width="500" height="350" alt="paddling a kayake">
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.2/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.2/reservations.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.2/tours.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.3/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.3/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.3/heroback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.3/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

45
Chapter ZIPs/HTML/chapter5/5.3/iefix.html Normal file
View File

@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
#bar { background-color: #152420; }
main { background-image: url(heroback.jpg);
background-repeat: no-repeat;
display: block;
}
</style>
</head>
<body>
<header>
<h1><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="600" height="60"></h1>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35" alt="home"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35" alt="tours"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35" alt="reservations"></a>&nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35" alt="contact"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you <br>
explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

44
Chapter ZIPs/HTML/chapter5/5.3/index.html Normal file
View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
#bar { background-color: #152420; }
main { background-image: url(heroback.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<header>
<h1><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="600" height="60"></h1>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35" alt="home"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35" alt="tours"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35" alt="reservations"></a>&nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35" alt="contact"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you <br>
explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.3/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.3/reservations.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.3/tours.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.4/coffee.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.4/coffeeback.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 750 B

BIN
Chapter ZIPs/HTML/chapter5/5.4/coffeepour.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 704 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.4/coffeepour.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

35
Chapter ZIPs/HTML/chapter5/5.4/index.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee House</title>
<meta charset="utf-8">
<style>
body { font-size: 150%;
font-family: Arial;
color: #992435;
background-image: url(coffeepour.jpg);
background-repeat: no-repeat;
background: url(coffee.gif) no-repeat left bottom,
url(coffeepour.jpg) no-repeat;
}
</style>
</head>
<body>
<header>
<h1>Coffee House</h1>
</header>
<main>
<p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Gluten-free Pastries</li>
<li>Organic Salads</li>
</ul>
</main>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.4/marker.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 663 B

BIN
Chapter ZIPs/HTML/chapter5/5.5/coffee.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.5/coffeeback.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 750 B

BIN
Chapter ZIPs/HTML/chapter5/5.5/coffeepour.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 704 KiB

35
Chapter ZIPs/HTML/chapter5/5.5/coffeepour.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee House</title>
<meta charset="utf-8">
<style>
body { font-size: 150%;
font-family: Arial;
color: #992435;
background-image: url(coffeepour.gif); background-repeat: no-repeat;
background: url(coffee.gif) no-repeat left bottom,
url(coffeeback.gif) no-repeat,
url(coffeepour.gif) no-repeat;
}
</style>
</head>
<body>
<header>
<h1>Coffee House</h1>
</header>
<main>
<p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Gluten-free Pastries</li>
<li>Organic Salads</li>
</ul>
</main>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.5/coffeepour.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.5/marker.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 663 B

BIN
Chapter ZIPs/HTML/chapter5/5.6/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.6/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.6/heroback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.6/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

46
Chapter ZIPs/HTML/chapter5/5.6/index.html Normal file
View File

@@ -0,0 +1,46 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body { font-family: Verdana, Arial, sans-serif; }
h2, h3 { font-family: Georgia, "Times New Roman", serif; }
#bar { background-color: #152420; }
main { background-image: url(heroback.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<header>
<h1><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="600" height="60"></h1>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35" alt="home"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35" alt="tours"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35" alt="reservations"></a>&nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35" alt="contact"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you <br>
explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.6/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.6/reservations.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.6/tours.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.7/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.7/headerbackblue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.7/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

53
Chapter ZIPs/HTML/chapter5/5.7/index.html Normal file
View File

@@ -0,0 +1,53 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
body { background-image: url(background.jpg);
font-family: Verdana, Arial, sans-serif; }
header { background-color: #000033;
background-image: url(headerbackblue.jpg);
background-position: right;
background-repeat: no-repeat;
color:#FFFF99;
line-height: 400%;
text-indent: 1em;}
h1, h2, h3 { font-family: Georgia, "Times New Roman", serif; }
nav { font-weight: bold;
font-size: 1.5em; }
nav a { text-decoration: none; }
p { text-indent: 2em; }
footer { font-style: italic;
font-size: .80em;
text-align: center;}
</style>
</head>
<body>
<header>
<h1>KayakDoorCounty.net</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<img src="hero.jpg" alt="tour guide paddling a kayak" width="500" height="350">
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
Copyright &copy; KayakDoorCounty.net
</footer>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.8/coffee.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.8/coffeeback.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 750 B

BIN
Chapter ZIPs/HTML/chapter5/5.8/coffeepour.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 704 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.8/coffeepour.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

35
Chapter ZIPs/HTML/chapter5/5.8/index.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee House</title>
<meta charset="utf-8">
<style>
body { font-size: 150%;
font-family: Arial;
color: #992435;
background-image: url(coffeepour.jpg); background-repeat: no-repeat;
background: url(coffee.gif) no-repeat left bottom,
url(coffeepour.jpg) no-repeat;
}
ul { list-style-image: url(marker.gif); }
</style>
</head>
<body>
<header>
<h1>Coffee House</h1>
</header>
<main>
<p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Gluten-free Pastries</li>
<li>Organic Salads</li>
</ul>
</main>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.8/marker.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 663 B

BIN
Chapter ZIPs/HTML/chapter5/5.9/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.9/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.9/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.9/heroback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.9/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

46
Chapter ZIPs/HTML/chapter5/5.9/iefix.html Normal file
View File

@@ -0,0 +1,46 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<style>
#bar { background-color: #152420; }
main { background-image: url(heroback.jpg);
background-repeat: no-repeat;
display: block;
}
</style>
</head>
<body>
<header>
<h1><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="600" height="60"></h1>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35" alt="home"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35" alt="tours"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35" alt="reservations"></a>&nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35" alt="contact"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you <br>
explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

45
Chapter ZIPs/HTML/chapter5/5.9/index.html Normal file
View File

@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<style>
#bar { background-color: #152420; }
main { background-image: url(heroback.jpg);
background-repeat: no-repeat;
}
</style>
</head>
<body>
<header>
<h1><img src="kayakdc.gif" alt="KayakDoorCounty.net" width="600" height="60"></h1>
</header>
<nav id="bar">
<a href="index.html"><img src="home.gif" width="90" height="35" alt="home"></a> &nbsp;
<a href="tours.html"><img src="tours.gif" width="90" height="35" alt="tours"></a> &nbsp;
<a href="reservations.html"><img src="reservations.gif" width="190" height="35" alt="reservations"></a>&nbsp;
<a href="contact.html"><img src="contact.gif" width="130" height="35" alt="contact"></a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you <br>
explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/5.9/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.9/reservations.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Chapter ZIPs/HTML/chapter5/5.9/tours.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/pacific/coast.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/pacific/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 894 B

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/pacific/marker.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 306 B

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/pacific/sunset.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/pacific/trail.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/pacific/yurt.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/yoga/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 894 B

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/yoga/lilyheader.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/yoga/yogadoor.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/yoga/yogalounge.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

BIN
Chapter ZIPs/HTML/chapter5/casestudystarters/yoga/yogamat.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
Chapter ZIPs/HTML/chapter5/coffeestarters/coffee.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

37
Chapter ZIPs/HTML/chapter5/coffeestarters/coffee.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Coffee House</title>
<meta charset="utf-8">
<style>
body { font-size: 150%;
font-family: Arial;
color: #992435;
}
</style>
</head>
<body>
<header>
<h1>Coffee House</h1>
</header>
<main>
<p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Gluten-free Pastries</li>
<li>Organic Salads</li>
</ul>
</main>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/coffeestarters/coffeeback.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 750 B

BIN
Chapter ZIPs/HTML/chapter5/coffeestarters/coffeepour.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 704 KiB

BIN
Chapter ZIPs/HTML/chapter5/coffeestarters/coffeepour.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

BIN
Chapter ZIPs/HTML/chapter5/coffeestarters/marker.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 663 B

BIN
Chapter ZIPs/HTML/chapter5/fishingboat.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

73
Chapter ZIPs/HTML/chapter5/fonts.html Normal file
View File

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Font Size Examples</title>
<meta charset="utf-8">
<style>
table, td, th { border: 2px solid #000000;
padding: 10px;
border-collapse: collapse;
}
</style>
</head>
<body>
<table>
<tr>
<th>Text Values</th>
<th>Em Units</th>
<th>Px Units</th>
<th>Pt Units</th>
<th>Percentage</th>
</tr>
<tr>
<td><span style="font-size:xx-small">xx-small</span></td>
<td><span style="font-size:.50em">.5 em</span></td>
<td><span style="font-size:8px">8 px</span></td>
<td><span style="font-size:6pt">6 pt</span></td>
<td><span style="font-size:50%">50%</span></td>
</tr>
<tr>
<td><span style="font-size:x-small">x-small</span></td>
<td><span style="font-size:.60em">.60 em</span></td>
<td><span style="font-size:11px">11 px</span></td>
<td><span style="font-size:8pt">8 pt</span></td>
<td><span style="font-size:60%">60%</span></td>
</tr>
<tr>
<td><span style="font-size:small">small</span></td>
<td><span style="font-size:.75em">.75 em</span></td>
<td><span style="font-size:13px">13 px</span></td>
<td><span style="font-size:10pt">10 pt</span></td>
<td><span style="font-size:75%">75%</span></td>
</tr>
<tr>
<td><span style="font-size:medium">medium</span></td>
<td><span style="font-size:1em">1 em</span></td>
<td><span style="font-size:16px">16 px</span></td>
<td><span style="font-size:12pt">12 pt</span></td>
<td><span style="font-size:100%">100%</span></td>
</tr>
<tr>
<td><span style="font-size:large">large</span></td>
<td><span style="font-size:1.15em">1.15 em</span></td>
<td><span style="font-size:18px">18 px</span></td>
<td><span style="font-size:13.5pt">13.5 pt</span></td>
<td><span style="font-size:110%">110%</span></td>
</tr>
<tr>
<td><span style="font-size:x-large">x-large</span></td>
<td><span style="font-size:1.5em">1.5 em</span></td>
<td><span style="font-size:24px">24 px</span></td>
<td><span style="font-size:18pt">18 pt</span></td>
<td><span style="font-size:150%">150%</span></td>
</tr>
<tr>
<td><span style="font-size:xx-large">xx-large</span></td>
<td><span style="font-size:2em">2 em</span></td>
<td><span style="font-size:30px">30 px</span></td>
<td><span style="font-size:24pt">24 pt</span></td>
<td><span style="font-size:200%">200%</span></td>
</tr>
</table>
</body>
</html>

18
Chapter ZIPs/HTML/chapter5/map.html Normal file
View File

@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<title>Image Map Example</title>
<meta charset="utf-8">
</head>
<body>
<h1>Image Map</h1>
<map id="fishing" name="fishing">
<area href="http://nature.org" shape="rect" coords="0,51,416,170" alt="The Nature Conservancy" title="The Nature Conservancy">
<area href="http://www.fishingdoorcounty.com" shape="rect" coords="24,188,339,283" alt="Door County Fishing Charter" title="Door County Fishing Charter">
</map>
<img src="fishingboat.jpg" usemap="#fishing" alt="Door County" height="350" width="416">
</body>
</html>

35
Chapter ZIPs/HTML/chapter5/starter.html Normal file
View File

@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>KayakDoorCounty.net</title>
<style>
</style>
</head>
<body>
<header>
<h1>KayakDoorCounty.net</h1>
</header>
<nav>
<a href="index.html">Home</a> &nbsp;
<a href="tours.html">Tours</a> &nbsp;
<a href="reservations.html">Reservations</a> &nbsp;
<a href="contact.html">Contact</a> &nbsp;
</nav>
<main>
<h2>Your next adventure is only a paddle away ....</h2>
<p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
<h3>Featured tours this week:</h3>
<ul>
<li>Cana Island</li>
<li>Mink River</li>
<li>Europe Lake</li>
</ul>
</main>
<footer>
<small><i>Copyright &copy; KayakDoorCounty.net</i></small>
</footer>
</body>
</html>

BIN
Chapter ZIPs/HTML/chapter5/starters/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/contact.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/headerbackblue.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/headerbacklight.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/heroback.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/home.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/homebtn.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 998 B

BIN
Chapter ZIPs/HTML/chapter5/starters/kayakdc.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/myisland.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/orderbtn.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 953 B

BIN
Chapter ZIPs/HTML/chapter5/starters/primelogo.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/productsbtn.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/reservations.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/schaumburg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/schaumburgthumb.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.4 KiB

BIN
Chapter ZIPs/HTML/chapter5/starters/tours.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

Some files were not shown because too many files have changed in this diff Show More