Menu
Hey guys, First off new to the website and kinda new at building websites. Im currently doing this tutorial for my class that I am completely clueless on. Was wondering if anyone had any knowledge on the Messier Objects Skyweb tutorial that can help me out? Here is the following code:
I have one html, and 3 stylesheets if anyone can look at it and tell me what I am doing wrong and what is the website suppose to do. I don’t even understand what the website is suppose to do.
messier.htm
<!DOCTYPE html>
<html>
<head>
<!–
New Perspectives on HTML and CSS
Tutorial 8
Case Problem 3
Filename: messier.htm
Supporting files: m01.jpg, m13.mpg, m16.jpg, m20.jpg, m27.mpg,
m31.jpg, messier.png, modernizr-1.5.js,
skyweb.png, swbase.css, sweffects.css,
swlayout.css, swprint.css
–>
<meta charset=”UTF-8″ />
<title>Messier Marathon</title>
<script src=”modernizr-1.5.js”></script>
<link href=”swbase.css” rel=”stylesheet” />
<link href=”sweffects.css” rel=”stylesheet” />
<link href=”swprint.css” rel=”stylesheet” />
<link href=”swlayout.css” rel=”stylesheet” />
</head>
<body>
<header>
<nav class=”horizontal”>
<ul>
<li><a href=”#”>Home Page</a></li>
<li><a href=”#”>The Night Sky</a></li>
<li><a href=”#”>The Moon</a></li>
<li><a href=”#”>The Planets</a></li>
<li><a href=”#”>Messier Objects</a></li>
<li><a href=”#”>Stars</a></li>
</ul>
</nav>
<img src=”skyweb.png” alt=”SkyWeb” />
</header>
<section id=”left”>
<article>
<h1>The Messier Objects</h1>
<p>
<img src=”messier.png” alt=”” />
<strong>Messier objects</strong> are stellar objects, classified by astronomer
<strong>Charles Messier</strong> in the 18th century, ranging from distant
galaxies to star clusters to stellar nebula. The catalog was a major milestone
in the history of astronomy, as it was the first comprehensive list of
deep sky objects. Ironically, Charles Messier wasn’t all that interested
in the objects in his list. He made the catalog in order to <i>avoid</i>
mistaking those objects for comets, which were his true passion.
</p>
<p>Messier objects are identified by <strong>Messier Numbers</strong>. The first object in
Messier’s catalog, the Crab Nebula, is labelled <strong>M1</strong>. The last object,
<strong>M110</strong>, is a satellite galaxy located in the constellation Andromeda.
There is no systematic ordering in the Messier Catalog. Messier entered
objects into the list as he found them. Sometimes he made mistakes and once
he entered the same stellar object twice. The catalog has undergone some slight
revisions since Messier’s time, correcting the mistakes in the original.
</p>
<p>One of the great pursuits for amateur astronomers is to do a <strong>Messier
Marathon</strong>, trying to view all of the objects in Messier’s catalog in
one night. Unfortunately, if you want to see all of them, you have to start
looking right after sunset and continue until just before sunrise – hence
the term, “marathon.” March is the only month in the year in which an
astronomer can run the complete marathon.
</p>
<p>You can learn more about the Messier Marathon at
<a href=”
<a href=”
</p>
</article>
</section>
<section id=”right”>
<article>
<h1>M01: The Crab Nebula</h1>
<img id=”messimg” src=”m01.jpg” alt=”” />
<p>M1, known as the Crab Nebula, is one of the most famous supernova
remnants in the night sky. The supernova was first noted on July 4, 1054 by
Chinese astronomers. At its height, the supernova was about four times
brighter than Venus and could be seen during the day for a period of more than
three weeks.
</p>
</article>
<article>
<h1>M13: Hercules Globular Cluster</h1>
<img id=”messimg” src=”m13.jpg” alt=”” />
<p>M13 is one of the most prominent and best known globular clusters
of the Northern sky. It was discovered in 1714 by the noted English
astronomer, Edmund Halley. Located in the Hercules constellation, M13 is
visible to the naked eye on clear nights in dark sky locations.
</p>
</article>
<article>
<h1>M16: The Eagle Nebula</h1>
<img id=”messimg” src=”m16.jpg” alt=”” />
<p>M16, better known as the Eagle Nebula, is located in the
distant constellation, Serpens. The source of light for M16
is the high-energy radiation of the massive young stars being
formed in its core. By studying M16, astronomers hope to learn
more about the early years of our own Sun.
</p>
</article>
<article>
<h1>M20: The Trifid Nebula</h1>
<img id=”messimg” src=”m20.jpg” alt=”” />
<p>M20 is a red emission nebula with a young star cluster located
at its center. The astronomer John Herschel was the first to use
the term, “Trifid” to describe this nebula’s appearance. Charles
Messier referred to M20 only as a “cluster of stars”.
</p>
</article>
<article>
<h1>M27: The Dumbbell Nebula</h1>
<img id=”messimg” src=”m27.jpg” alt=”” />
<p>M27, or the Dumbbell Nebula, was the first planetary nebula
ever discovered. It is probably similar in structure to the
Ring Nebula (M57) though its appearance is very different due to
the angle by which it’s viewed.
</p>
</article>
</section>
<footer>
SkyWeb © 2014 English (US)
<span>
<a href=”#”>About</a>
<a href=”#”>Developers</a>
<a href=”#”>Privacy</a>
<a href=”#”>Terms</a>
<a href=”#”>Help</a>
</span>
</footer>
</body></html>
The sweffects.css code
/*
New Perspectives on HTML and CSS
Tutorial 8
Case Problem 3
Special Effects style sheet
Filename: sweffects.css
Supporting Files:
*/
section#main h1{
color: rgb(90, 127, 0);
text-shadow: black 1px 1px 0px, rgba(90, 127, 0, 0.7) 5px 5px 10px;
}
figure img{
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
-webkit-box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
box-shadow: rgba(0, 0, 0, 0.6) 10px 10px 15px;
}
section#main{
-moz-box-shadow: insert rgba(0, 0, 0, 0.3) -5px -5px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) -5px -5px 10px;
box-shadow: rgba(0, 0, 0, 0.3) -5px -5px 10px;
}
section#main table {
-moz-box-shadow: black 5px 5px 5px;
-webkit-box-shadow: black 5px 5px 5px;
box-shadow: black 5px 5px 5px;
}
the swprint.css code
/*
New Perspectives on HTML and CSS
Tutorial 8
Case Problem 3
SkyWeb Print Styles
Filename: swprint.css
Supporting Files:
*/
@page{
size: 8.5 in 11in portrait;
margin: 0.5in;
}
article{
padding: top padding is 1.5in;
page-break-after: always;
page-break-inside: avoid;
font-size: 13pt;
margin: 0.2in;
}
h1.left{
font-size: 28pt;
text-align: horizontal center:
}
h1.right{
font-size: 24pt;
}
#m01{
display: block;
margin-top: 0.5in;
margin-bottom: 0.5;
width: 4in;
}
#m13{
display: block;
margin-top: 0.5in;
margin-bottom: 0.5;
width: 4in;
}
#m16{
display: block;
margin-top: 0.5in;
margin-bottom: 0.5;
width: 4in;
}
#m20{
display: block;
margin-top: 0.5in;
margin-bottom: 0.5;
width: 4in;
}
#m27{
display: block;
margin-top: 0.5in;
margin-bottom: 0.5;
width: 4in;
}
#m31{
display: block;
margin-top: 0.5in;
margin-bottom: 0.5;
width: 4in;
}
figure{
display: block;
text-align: center;
page-break-after: always;
page-break-inside: avoid;
}
figure img{
width: 5in;
}
figure figcaption{
font-size: 20pt;
}
figure:last-of-type{
page-break-after: avoid;
}
the swlayout.css code couldn’t be loaded but its should be ok. Be thankful for any help. Thanks yall!