I’ve just got a copy of “Build your own website the right way” by Ian LLoyd.
This is my first introduction to website design
I’ve worked through the first two chapters but have had a couple of problems with making some of the project website called “Bubble Under” work!
Does anyone know where can i go to get assistance or can anyone help me please?
I cant get the pages to link and i cant find / load the jpeg “divers-circle.jpg”
What i’ve done is below- where have i gone wrong?
Contact us page
<!DOCTYPE html>
<html lang="en".
<head>
<title>Contact Us at Bubble Under</title>
<meta charset="utf-8"/>
<link href="stylesheet" type="text/css"/></head>
<body>
<div id="header">
<div id="sitebranding">
<h1>Bubbleunder.com</h1>
</div>
<div id="tagline">
<p>Diving club for the south-westUK-let's make a splash!</p>
</div>
</div> <!-- end of header div -->
<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a><?li>
</ul>
<div> <!-- end of navigation div -->
<div id="bodycontent">
<h2>Contact Us</h2>
<p>To find out more, contact Club Secretary Bob Dobalina on 01793 641207 or <a href="mailto:bob@bubbleunder.com">email [email]bob@bubbleunder.com[/email]</a>.</p>
</div> <!-- end of body content div -->
</body>
</html>
About page
<!DOCTYPE html>
<html lang="en".
<head>"About Bubble Under.com: who we are and what this site is for"</title>
<meta charset="utf-8"/>
<link href="stylesheet" type="text/css"/></head>
<body>
<div id="header">
<div id="sitebranding">
<h1>Bubbleunder.com</h1>
</div>
<div id="tagline">
<p>Diving club for the south-westUK-let's make a splash!</p>
</div>
</div> <!-- end of header div -->
<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a><?li>
</ul>
<div> <!-- end of navigation div -->
<div id="bodycontent">
<h2>About Us,</h2>
<p><span style="color: blue; font-weight: bold;">Bubble under</span> is a group of diving enthusiasts based in the south-west UK who meet up for diving trips in the summer months when the weather is good and the bacon rolls are flowing. We arrange weekends awayas small groups to cut down the costs of accommodation and travel, and to ensure that everyone gets a trustworthy dive buddy.<p/>
<p>Although we're based in the south-west, we don't stay on our own turf: past diveing weekends have included trips to Scapa Flow in Scotland and to Malta's numerous wreck sites.</p>
<p>When we're not diving, we often meet up in a local pub to talk about our recent adventures (any excuse, eh).</p>
<p>Or as our mand Bob Dobalina would put it:</p>
<blockquote>
<p>"Happiness is a dip in the ocean followed by a pint or two of Old Spekled Hen. You can quote me on that!"</p>
</blockquote>
</div> <!-- end of body content div -->
</body>
Index page
<!DOCTYPE html>
<html lang="en".
<head>
<title>Bubble Under-The diving club for south-west UK </title>
<meta charset="utf-8"/>
<link href="stylesheet" type="text/css"/></head>
<body>
<div id="header">
<div id="sitebranding">
<h1>Bubbleunder.com</h1>
</div>
<div id="tagline">
<p>Diving club for the south-westUK-let's make a splash!</p>
</div>
</div> <!-- end of header div -->
<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a><?li>
</ul>
<div> <!-- end of navigation div -->
<div id="bodycontent">
<h2> Welcome to our super-duper Scuba site</h2> <P><img src="divers-circle.jpg" width="200" height="162" alt="A circle of divers practice their skills"/></P>
<p>Glad you could drop in and share some air with us! You've
passed your underwater navigation skills and succsessfully
found your way to the start point - or in our case, our
home page.</p>
</div> <!-- end of body content div -->
</body>
</html>
