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 the
Try 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.
- – Paragraphs- Hyperlinks – Abbreviations – Quotes and Citations using
