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

Chapter ZIPs, MP3

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️ 2023-02-02 15:48:20 -06:00
parent 8dd44d1812
commit ae21d2d343
124 changed files with 931 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -4,3 +4,4 @@
/Assignments/MP02_CalebFontenot/nbproject/private/
/Assignments/lab5_CalebFontenot/nbproject/private/
/Assignments/lab5_4_CalebFontenot/nbproject/private/
/Assignments/MP03_CalebFontenot/nbproject/private/

3
Assignments/MP03_CalebFontenot/.bowerrc Normal file
View File

@ -0,0 +1,3 @@
{
"directory": "public_html/bower_components"
}

9
Assignments/MP03_CalebFontenot/Gruntfile.js Normal file
View File

@ -0,0 +1,9 @@
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/Gruntfile.js to edit this template
*/
module.exports = function (grunt) {
// Project configuration.
grunt.initConfig({
});
};

13
Assignments/MP03_CalebFontenot/bower.json Normal file
View File

@ -0,0 +1,13 @@
{
"name": "MP03_CalebFontenot",
"version": "1.0.0",
"main": "path/to/main.css",
"ignore": [
".jshintrc",
"**/*.txt"
],
"dependencies": {
},
"devDependencies": {
}
}

10
Assignments/MP03_CalebFontenot/gulpfile.js Normal file
View File

@ -0,0 +1,10 @@
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/gulpfile.js to edit this template
*/
var gulp = require('gulp');
gulp.task('default', function () {
// place code for your default task here
});

5
Assignments/MP03_CalebFontenot/nbproject/project.properties Normal file
View File

@ -0,0 +1,5 @@
file.reference.MP03_CalebFontenot-public_html=public_html
file.reference.MP03_CalebFontenot-test=test
files.encoding=UTF-8
site.root.folder=${file.reference.MP03_CalebFontenot-public_html}
test.folder=${file.reference.MP03_CalebFontenot-test}

9
Assignments/MP03_CalebFontenot/nbproject/project.xml Normal file
View File

@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://www.netbeans.org/ns/project/1">
<type>org.netbeans.modules.web.clientproject</type>
<configuration>
<data xmlns="http://www.netbeans.org/ns/clientside-project/1">
<name>MP03_CalebFontenot</name>
</data>
</configuration>
</project>

8
Assignments/MP03_CalebFontenot/package.json Normal file
View File

@ -0,0 +1,8 @@
{
"name": "MP03_CalebFontenot",
"version": "1.0.0",
"keywords": ["util", "functional", "server", "client", "browser"],
"author": "caleb",
"contributors": [],
"dependencies": {}
}

41
Assignments/MP03_CalebFontenot/public_html/activities.html Normal file
View File

@ -0,0 +1,41 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
-->
<html>
<head>
<title>Pacific Trail Resort :: Yurts</title>
<meta charset="UTF-8">
<link href="pacific.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header> <h1>Pacific Trails Resort</h1> </header>
<nav>
<b>
<a href="index.html"> Home</a>&nbsp;
<a href="yurts.html"> Yurts</a>&nbsp;
<a href="activities.html"> Activities</a>&nbsp;
<a href="reservations.html"> Reservations</a>&nbsp;
</b>
</nav>
<div>
<img src="images/trail.jpg" alt="trail.jpg">
</div>
<main><h2>Activities at Pacific Trails</h2></main>
<dl>
<dt><strong>Hiking</strong></dt>
<dd>Pacific Trails Resort has 5 miles of hiking trails and is adjacent to a state park. Go it alone or join one of our guided hikes.</dd>
<dt><strong>Kayaking</strong></dt>
<dd>Ocean kayaks are available for guest use.</dd>
<dt><strong>Bird Watching</strong></dt>
<dd>While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.</dd>
</dl>
</body>
<footer>
<small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small>
<br>
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp;
</footer>
</html>

BIN
Assignments/MP03_CalebFontenot/public_html/images/coast.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

BIN
Assignments/MP03_CalebFontenot/public_html/images/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 894 B

BIN
Assignments/MP03_CalebFontenot/public_html/images/marker.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 306 B

BIN
Assignments/MP03_CalebFontenot/public_html/images/sunset.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
Assignments/MP03_CalebFontenot/public_html/images/trail.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 107 KiB

BIN
Assignments/MP03_CalebFontenot/public_html/images/yurt.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

61
Assignments/MP03_CalebFontenot/public_html/index.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
-->
<html>
<head>
<title>Pacific Trail Resort</title>
<meta charset="UTF-8">
<link href="pacific.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>Pacific Trails Resort</h1>
</header>
<nav>
<b>
<a href="index.html"> Home</a>&nbsp;
<a href="yurts.html"> Yurts</a>&nbsp;
<a href="activities.html"> Activities</a>&nbsp;
<a href="reservations.html"> Reservations</a>&nbsp;
</b>
</nav>
<div>
<img src="images/coast.jpg" alt="coast.jpg">
</div>
<main><h2>Enjoy Nature in Luxury</h2></main>
<p><span class="resort">Pacific Trails Resort</span> offers a special lodging experience on the California North Coast with panoramic views of the Pacific Ocean.
Your stay at Pacific Trails Resort includes a sumptuous appointed private yurt and a cooked-to-order breakfast each morning.</p>
<ul>
<li>
Relax in our lodge while enjoying complimentary appetizers and beverages
</li>
<li>
Savor nightly fine dining with an ocean views
</li>
<li>
Unwind in the heated outdoor pool and whirlpool
</li>
<li>
Explore the coast on your own or join our guided tours
</li>
</ul>
<div class="id">
<p>
<span class="resort">Pacific Trails Resort</span> <br>
12010 Pacific Trails Road <br>
Zephyr, CA 95555 <br>
<br>
888-555-5555
<br>
</p>
</div>
</body>
<footer>
<small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small>
<br>
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp;
</footer>
</html>

63
Assignments/MP03_CalebFontenot/public_html/pacific.css Normal file
View File

@ -0,0 +1,63 @@
/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/*
Created on : Jan 25, 2023, 9:50:47 AM
Author : caleb
*/
body {
background-color: #FFFFFF;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
}
header {
background-color: #002171;
color: #FFFFFF;
line-height: 400%;
text-indent: 1em;
background-image: url("images/sunset.jpg");
background-repeat: no-repeat;
background-position: right;
}
nav {
background-color: #BBDEFB;
font-weight: bold;
text-decoration: none;
}
h1{
margin-bottom: 0;
font-family: Georgia, "Times New Roman", sans-serif;
}
h2 {
color: #1976D2;
font-family: Georgia, "Times New Roman", sans-serif;
}
h3 {
color: #000033;
font-family: Georgia, "Times New Roman", sans-serif;
}
dt {
color: #002171;
}
ul {
list-style-image: url('images/marker.gif')
}
footer {
font-size: 75%;
font-weight: italic;
font-family: Georgia, "Times New Roman", sans-serif;
text-align: center;
}
.resort {
color: #1976D2;
font-weight: bold;
}
.contact {
font-size: 90%;
}
img {
height: 100%;
width: 100%;
}

45
Assignments/MP03_CalebFontenot/public_html/yurts.html Normal file
View File

@ -0,0 +1,45 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
-->
<html>
<head>
<title>Pacific Trail Resort :: Yurts</title>
<meta charset="UTF-8">
<link href="pacific.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header> <h1>Pacific Trails Resort</h1> </header>
<nav>
<b>
<a href="index.html"> Home</a>&nbsp;
<a href="yurts.html"> Yurts</a>&nbsp;
<a href="activities.html"> Activities</a>&nbsp;
<a href="reservations.html"> Reservations</a>&nbsp;
</b>
</nav>
<div>
<img src="images/yurt.jpg" alt="yurt.jpg">
</div>
<main><h2>The Yurts at Pacific Trails</h2></main>
<dl>
<dt><strong>What is a yurt?</strong></dt>
<dd>Our luxury yurts are permanent structures four feet off the ground.
Each Yurt is fully enclosed with canvas walls, a wooden floor, and a roof dome that can be opened.</dd>
<dt><strong>How are the yurts furnished?</strong></dt>
<dd>Each yurt is furnished with a queen-size bed with down quilt and gas-fired stove. Your luxury camping experience
includes electricity and a sink with hot and cold running water. Shower and restroom facilities are located in the
lodge. </dd>
<dt><strong>What should I bring?</strong></dt>
<dd>Most guest pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing.
It's also helpful to bring a flashlight and a sense of adventure! </dd>
</dl>
</body>
<footer>
<small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small>
<br>
<a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp;
</footer>
</html>

BIN
Chapter ZIPs/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/chapter5/coffeestarters/coffeeback.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 750 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 704 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 663 B

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

73
Chapter ZIPs/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/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/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>

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