Description
Objective:
Practice writing HTML Documents, Using Media Elements, Writing for the Web, and Using Open
Archives.
Overview:
You have been asked by NASA (the National Aeronautics and Space Administration) to create a small
educational web site on a topic related to space or space exploration. You will research a topic and
create a multimedia website that uses resources (e.g., images, audio, and video) from NASA’s open web
archives.
NASA has a long history of sharing the data it produces. Some of this is due to US legislation (i.e., NASA
is required to share much of what it discovers), but the agency also has a culture of being open. NASA
believes that it’s important to inspire the public and governments about the benefits of space and space
exploration.
You can read more about NASA’s open approach and various archives at
https://creativecommons.org/2020/05/25/from-historic-images-to-galactic-datasets-a-look-at-nasasmission-to-be-open/
Requirements:
Choose one of the following research topics for your website:
1. Moon missions and landings
2. One of the Apollo Missions, or another famous mission
3. Mars, Saturn or any other planet
4. Hubble or other Telescopes
5. International Space Station (ISS)
6. Meteors, Comets, Asteroids
7. The Sun, Stars or Black Holes
8. Women Astronauts
9. International or Public/Private partnerships in space exploration
10. Rockets and spaceships
11. Satellites, rovers, or other vehicles
12. Pick something else space-related that interests you. Speak to your professor to make sure it’s
acceptable (it probably is)
Research your chosen topic using the web and NASA’s sites. Write a 500 to 750 word summary of the
topic. You may NOT copy/paste any text, all words must be your own. Try to summarize and introduce
your topic to a non-scientific audience (i.e., make it generally accessible and easy to understand). This
means defining any terms you use, and helping your reader understand the concepts you discuss.
Convert your text to HTML. Make use of any and all appropriate HTML elements
https://developer.mozilla.org/en-US/docs/Web/HTML/Element. For example, if you use lists or
acronyms, quotes or technical terms, dates or definitions, etc. you should make use of the associated
HTML5 elements. In your solution, you are encouraged to consider using some of the following:
– Definitions using
– Figures using
- ,
-
– Paragraphs
– Hyperlinks
– Abbreviations
– Quotes and Citations using,
,
– Data and Time using ,
– Inline text with , , ,
You will be marked on your knowledge and use of these elements, and how well you have used them to
markup your text. You may NOT submit a series of plain text paragraphs with no other elements. Spend
some time choosing and implementing your markup.
Find supporting media resources to help educate the reader on your topic. Media helps tell a story and
is one of the secret powers that the web has over other print media. You can use any of NASA’s various
image, audio, or video archives to find suitable materials, for example:
– https://images.nasa.gov/
– https://www.flickr.com/photos/nasahqphoto/
– https://photojournal.jpl.nasa.gov/
– https://earthobservatory.nasa.gov/
– https://www.youtube.com/c/NASA
You are asked to include at least 2 photos, 1 video (i.e. using theTry experimenting with some of these stylesheets to find one that makes your page look good to you.
Coding:
Use the website started project in the assignment ZIP file. Install all dependencies by running the
following command in the root of the assignment (e.g., in the same directory as package.json):
npm install
Your code should all be placed in the src/ directory. You will find 3 HTML files there now, which should
be updated by you as follows:
src/index.html – Your main web page should go here. Be sure to create a proper HTML5
document and also include hyperlinks to the about.html and honesty.html pages.
src/about.html – Include information about yourself (the author). Be sure to create a proper
HTML5 document as well as links to index.html and honesty.html.
src/honesty.html – Include the standard text for student submissions, as well as credits for any
and all resources you used in your site (e.g., citations for images, videos, etc). Be sure to create a proper
HTML5 document, as well as links to index.html and about.html
NOTE: you are welcome to create other pages if you need them. Just remember to link all of your pages
together.
Running a Web Server:
You can start a local web server to test your code in a browser by running the following command:
npm start
This will start a server on http://localhost:5000, which you can open in your web browser
To stop the server, use CTRL + C
Submission:
When you are finished, run the following command to create your submission ZIP file:
npm run prepare-submission
This will generate submission.zip, which you can hand in on Blackboard.
- ,
