Penn foster Graded Project 402081 Common Web Page Technologies

$ 15

Penn foster Graded Project 402081 Common Web Page Technologies

PROJECT SCENARIO
After learning that one of their diehard fans can develop web pages, your favorite music band wants you to create their fan club website! After talking with the band manager, you realize you need the following web pages:
• index.html—Contains the band name, current lineup, and a brief history of the band.
• music.html—Contains their music catalog and upcoming tour dates.
• fanclub.html—Contains a form to sign-up for the band’s fanclub.
If the website grows in popularity, then you hope you’ll be able to create even more web pages for your favorite band!

INSTRUCTIONS
In this graded project, you’ll need to use a preferred text or HTML editor. For these simple web pages, TextPad or Notepad should be fine, but you’re welcome to try more complex WYSIWYG (What You See Is What You Get) editors such as Amaya (http://www.w3.org/Amaya/User/BinDist.html) or WebPlus (http://www.serif.com/web-design-software/).

The text content of these pages is largely up to you and your sense of fun and good taste. You can choose an existing music band you like, which will make it easier to come up with content, or you can create a fictional music band, if you’re feeling particularly creative. You’ll be graded on whether you provide the required sections and pages, not on the actual content.
1. Create a folder for your website named band_fan. You’ll probably need at least a band logo as an image, so create an images folder in the band_fan. If you’re making up a fictional band, then you can use the logo generator at cooltext.com. Otherwise, you can download the logo from your actual band’s website. In most cases, you can just perform a Google image search (http://images.google.com) and download the image.
2. Create the index.html file and save it in the band_fan folder. This file must include the band logo, list of the current lineup, and brief history of the band. Use the following HTML as a template, replacing BANDNAME and NAME# with your band information:
<!DOCTYPE html>
<html>
<head>
<title>About the Band</title>
</head>
<body>
<img src=”images/logo.gif” /><br />
<a href=”music.html”>Music</a> | <a href=”fanclub.html”>Fans</a>
<h1>About BANDNAME</h1>
<h2>Current Lineup</h2>
<ul>
<li><strong>Vocalist</strong> -NAME#</li>
<li><strong>Guitarist</strong> – NAME#</li>
<li><strong>Bassist</strong> – NAME#</li>
<li><strong>Drummer</strong> – NAME#</li>
</ul>
<h2>Brief History</h2>
<p>
<!—Describe how BANDNAME got together, mentioning how each NAME# met, etc.—>
</p>
</body>
</html>
3. Create the music.html file and save it in the band_fan folder. This file must include a list of current albums or singles and upcoming tour dates. Use the following HTML as a template, replacing BANDNAME, ALBUM#, YEAR#, DATE#, VENUE# and NAME# with your band information:
<!DOCTYPE html>
<html>
<head>
<title>About the Music</title>
</head>
<body>
<h1>BANDNAME Music</h1>
<h2>Albums/Singles</h2>
<ul>
<li>ALBUM#(YEAR#)</li>
<li>ALBUM#(YEAR#)</li>
</ul>
<h2>Upcoming Tour Dates</h2>
<ul>
<li>DATE# – VENUE#</li>
<li>DATE# – VENUE#</li>
<li>DATE# – VENUE#</li>
</ul>
<a href=”index.html”>Go home</a>
</body>
</html>
4. Create the fanclub.html file and save it in the band_fan folder. This file should be a form that requires fans to provide their name, e-mail address and any comments.
Use the following HTML as a template, replacing the BANDNAME with your band information:
<!DOCTYPE html>
<html>
<head>
<title>Join the Fan Club</title>
</head>
<body>
<h1>Join with BANDNAME!</h1>
<form>
<fieldset>
<legend>Contact Info</legend>
<label for=”name”>Name:</label><input type=”text” name=”name” />
<label for=”e-mail”>E-mail:</label><input type=”text” name=”e-mail” />
</fieldset>
<fieldset>
<legend>Comments</legend>
<textarea cols=”50″ name=”comments”> Let us know what you think!</textarea>
</fieldset>
<input type=”submit” value=”Join” />
<input type=”reset” value= “Start over” />
</form>
<a href=”index.html”>Go home</a>
</body>
</html>

PROJECT SUBMISSION
GUIDELINES
To submit your project, you must provide the entire contents of the band_fan folder. The band_fan folder should include the images folder and the files index.html, music.html, and fanclub.html. To prepare the band_fan folder for submission, you should right-click the band_fan folder and choose the
Send to > Compressed (zipped) folder option in the context menu (Figure 4).
The resulting file should be band_fan.zip. Submit this file for grading.
GRADING CRITERIA
Your project will be graded using the following rubric:
• The band_fan folder includes all required content 40 points
• The images folder contains a band logo image 15 points
• The index.html file correctly uses the HTML template 15 points
• The music.html file correctly uses the HTML template 15 points
• The fanclub.html file correctly uses the HTML template 15 points
TOTAL 100 points

96 in stock

SKU: PENNFOSTER402081 Category:

Description

Penn foster Graded Project 402081 Common Web Page Technologies

PROJECT SCENARIO
After learning that one of their diehard fans can develop web pages, your favorite music band wants you to create their fan club website! After talking with the band manager, you realize you need the following web pages:
• index.html—Contains the band name, current lineup, and a brief history of the band.
• music.html—Contains their music catalog and upcoming tour dates.
• fanclub.html—Contains a form to sign-up for the band’s fanclub.
If the website grows in popularity, then you hope you’ll be able to create even more web pages for your favorite band!

INSTRUCTIONS
In this graded project, you’ll need to use a preferred text or HTML editor. For these simple web pages, TextPad or Notepad should be fine, but you’re welcome to try more complex WYSIWYG (What You See Is What You Get) editors such as Amaya (http://www.w3.org/Amaya/User/BinDist.html) or WebPlus (http://www.serif.com/web-design-software/).

The text content of these pages is largely up to you and your sense of fun and good taste. You can choose an existing music band you like, which will make it easier to come up with content, or you can create a fictional music band, if you’re feeling particularly creative. You’ll be graded on whether you provide the required sections and pages, not on the actual content.
1. Create a folder for your website named band_fan. You’ll probably need at least a band logo as an image, so create an images folder in the band_fan. If you’re making up a fictional band, then you can use the logo generator at cooltext.com. Otherwise, you can download the logo from your actual band’s website. In most cases, you can just perform a Google image search (http://images.google.com) and download the image.
2. Create the index.html file and save it in the band_fan folder. This file must include the band logo, list of the current lineup, and brief history of the band. Use the following HTML as a template, replacing BANDNAME and NAME# with your band information:



About the Band


Music | Fans

About BANDNAME

Current Lineup

  • Vocalist -NAME#
  • Guitarist – NAME#
  • Bassist – NAME#
  • Drummer – NAME#

Brief History



3. Create the music.html file and save it in the band_fan folder. This file must include a list of current albums or singles and upcoming tour dates. Use the following HTML as a template, replacing BANDNAME, ALBUM#, YEAR#, DATE#, VENUE# and NAME# with your band information:



About the Music

BANDNAME Music

Albums/Singles

  • ALBUM#(YEAR#)
  • ALBUM#(YEAR#)

Upcoming Tour Dates

  • DATE# – VENUE#
  • DATE# – VENUE#
  • DATE# – VENUE#

Go home


4. Create the fanclub.html file and save it in the band_fan folder. This file should be a form that requires fans to provide their name, e-mail address and any comments.
Use the following HTML as a template, replacing the BANDNAME with your band information:



Join the Fan Club

Join with BANDNAME!

Contact Info



Comments




Go home

PROJECT SUBMISSION
GUIDELINES
To submit your project, you must provide the entire contents of the band_fan folder. The band_fan folder should include the images folder and the files index.html, music.html, and fanclub.html. To prepare the band_fan folder for submission, you should right-click the band_fan folder and choose the
Send to > Compressed (zipped) folder option in the context menu (Figure 4).
The resulting file should be band_fan.zip. Submit this file for grading.
GRADING CRITERIA
Your project will be graded using the following rubric:
• The band_fan folder includes all required content 40 points
• The images folder contains a band logo image 15 points
• The index.html file correctly uses the HTML template 15 points
• The music.html file correctly uses the HTML template 15 points
• The fanclub.html file correctly uses the HTML template 15 points
TOTAL 100 points

Reviews

There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.