Sie sind auf Seite 1von 7

<!

DOCTYPE html>
<!--This is Chase Wallin's Personal Webpage-->
<html>
<head>
<title>Chase's Personal Webpage</title>
<link rel="stylesheet" type="text/css" href="C:\Users\3245645449\OneDrive for
Business\pwp\personal.css">
</head>
<body>
<h1>All About Me....</h1>
<hr>
<p>My name is Chase and I live near Asheville, NC. I'm a student at North Buncombe High School. This
webpage contains examples of the work done in Multimedia and Webpage Design class.</p>
<h1>My Favorite Web Sites:</h1>
<ul>
<li><a href="https://www.reddit.com/">reddit</a></li>
<li><a href="https://www.netflix.com/">Netflix</a></li>
<li><a href="https://www.khanacademy.com/">Khan Academy</a></li>
</ul>
<h1>Photo</h1>
<img src="C:\Users\3245645449\OneDrive for Business\pwp\kballard.jpg" alt="Picture of Teacher"
style="width:250px;height:228px">
<br>
<ul>
<li>1.01 Understand typography, multiuse design principles and elements.</li>
<li>1.02 Understand digital communication products.</li>
<li>2.01 Understand digital raster graphics.</li>
<li>2.02 Understand digital vector graphics.</li>
<li>3.01 Understand principles of audio and video.</li>
<li>3.02 Understand basic motion graphic programming.</li>

</ul>
<br />
<p style="text-align: center;font-size:18px;"><i><a href="C:\Users\3245645449\OneDrive for
Business\pwp\index.html" >Home</a>
<br>
</b><a href="Desktop\obj1.html">Objective 1.00</a>
</b><a href="Desktop\obj2.html">Objective 2.00</a>
</b><a href="Desktop\obj3.html">Objective 3.00</a>
<footer style="color:brown;font-size:14px;">
<p>Created by: Chase Wallin, 5/13/2016</p>
<p>Contact information: <a href="cwallin2112@gmail.com">cwallin2112@gmail.com</a>.</p>
</footer>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Chase's Personal Webpage</title>
<link rel="stylesheet" type="text/css" href="C:\Users\3245645449\OneDrive for
Business\pwp\personal.css">
</head>
<body link="darkblue", vlink="darkgreen">
<h1>MWD OBJECTIVE 1.00 Understand design.</h1>
<h2>1.01 Understand typography, multiuse design principles and elements.</h2>
<object width="800" height="200" data="C:\Users\3245645449\OneDrive for
Business\pwp\1.01.pdf"></object>
<br />
<h2>1.02 Understand digital communication products.</h2>
<img src="C:\Users\3245645449\OneDrive for Business\pwp\1.02.jpg" alt="1.02 Letterhead"
style="width:250px;height:300px">
<br />
<p style="text-align: center;font-size:18px;"><i><a href="C:\Users\3245645449\OneDrive for
Business\pwp\index.html" >Home</a>
<br>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective1.html">Objective 1.00</a>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective2.html">Objective 2.00</a>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective3.html">Objective 3.00</a>
<footer style="color:brown;font-size:14px;">
<p>Created by: Chase Wallin, 5/13/2016</p>
<p>Contact information: <ahref="cwallin2112@gmail.com">cwallin2112@gmail.com</a>.</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Chase's Personal Webpage</title>
<link rel="stylesheet" type="text/css" href="C:\Users\3245645449\OneDrive for
Business\pwp\personal.css">
</head>
<body link="darkblue", vlink="darkgreen">
<h1>MWD OBJECTIVE 2.00 Understand digital image design.</h1>
<h2>2.01 Raster Graphics example</h2>
<img src="C:\Users\3245645449\OneDrive for Business\pwp\2.01.jpg" alt="2.01 Allegory"
style="width:304px;height:228px">
<br />
<h2>2.02 Vector Graphics example</h2>
<img src="C:\Users\3245645449\OneDrive for Business\pwp\2.02.jpg" alt="2.02 Geometric Garden"
style="width:304px;height:228px">
<br />
<p style="text-align: center;font-size:18px;"><i><a href="C:\Users\3245645449\OneDrive for
Business\pwp\index.html" >Home</a>
<br>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective1.html">Objective 1.00</a>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective2.html">Objective 2.00</a>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective3.html">Objective 3.00</a>
<footer style="color:brown;font-size:14px;">
<p>Created by: Chase Wallin, 5/13/2016</p>
<p>Contact information: <ahref="cwallin2112@gmail.com">cwallin2112@gmail.com</a>.</p>
</footer>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<title>Chases Personal Webpage</title>
<link rel="stylesheet" type="text/css" href="C:\Users\3245645449\OneDrive for
Business\pwp\personal.css">
</head>
<body link="darkblue", vlink="darkgreen">
<h1>MWD OBJECTIVE 3.00 Understand time based media.</h1>
<h2>3.01 Audio and Video example</h2>
<video width="320" height="240" controls>
<source src="C:\Users\3245645449\OneDrive for Business\pwp\3.01.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<br>
<h2>3.02 Basic Motion Graphic Programming example</h2>
<video width="320" height="240" controls>
<source src="C:\Users\3245645449\OneDrive for Business\pwp\3.02.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<br />
<p style="text-align: center;font-size:18px;"><i><a href="C:\Users\3245645449\OneDrive for
Business\pwp\index.html" >Home</a>
<br>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective1.html">Objective 1.00</a>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective2.html">Objective 2.00</a>
</b><a href="C:\Users\3245645449\OneDrive for Business\pwp\objective3.html">Objective 3.00</a>

<footer style="color:brown;font-size:14px;">
<p>Created by: Chase Wallin, 5/13/2016</p>
<p>Contact information: <ahref="cwallin2112@gmail.com">cwallin2112@gmail.com</a>.</p>
</footer>
</body>
</html>

body {color:#00FF00; background-color:#666666; margin:20px;}


h1{color:#FFFF00; font-family:"Arial";}
h2{background-color:#3399FF; color:#FFFFFF; font-family:"Arial";}
h3{color:#FFFF00; font-family:"Arial";}
h4{color:#FFFF00; font-family:"Arial";}
h5{color:#FFFF00; font-family:"Arial";}
h6{color:#FFFF00; font-family:"Arial";}
p{font-family:"Arial"; font-size:20px; margin:10px;}
ul{font-family:"Arial";}
/* unvisited link */
a:link {
color: red;
}

/* visited link */
a:visited {
color: green;
}

/* mouse over link */


a:hover {
color: hotpink;
}

/* selected link */
a:active {
color: blue;
}
img {margin:8px; padding:4px; max-width:100%}

Das könnte Ihnen auch gefallen