Exercise 2: Auroras of Jupiter
Due: 10/03
The purpose of this exercise is to work with Meta Data and continue to practice importing and formatting text in Dreamweaver.
Use the mockup, reference_auroras_of_jupiter.jpg, as a guide to help you identify different elements on the page.
In this exercise, you will:
- Identify html tag structure
- Work with Meta Tags
- Copy and clean up text from a Word Document
- Format Text using Dreamweaver
- Insert a Horizontal Rule
- Insert a Date Object
- Use Spell Check
- Create Links (To external websites and an email address)
Instructions:
- Clone the Auroras of Jupiter repository into the Student Exercises folder on your i:drive working folder
- Open reference_auroras_of_jupiter.jpg and identify the html elements needed to structure your page (Note the headings, paragraphs, bolded text and links)
- Open auroras_of_jupiter.html
- Enter the Meta Information (Title Tag, Keywords and Description) found in assets/jupiter_auroras_meta_links.doc
- Copy text from the document Jupiter_auroras_copy.doc from the assets folder and make sure to clean up any leftover word formatting
- Using the mockup as a guide, format the text using the properties panel
- Using the Insert Panel, insert a Horizontal Rule
- Create the Footer text as shown in the mockup, using Shift + Enter to add line breaks as we did in class.
- Using the Insert Panel, insert an email link in the footer
- Using the Insert Panel, insert a date object using the following format: ‘March 7, 1974’
- Check your spelling and make any adjustments needed
- Create Links as shown in the mockup, using the document assets/jupiter_auroras_meta_links.doc
- Create an internal link to the page using the header image. Link to the page, auroras_of_jupiter.html
- Save your changes.
- In GitHub, create a new branch called 'jupiter-dev'
- Upload your completed work to this branch
- Commit your changes (Don't forget a commit message)
- Create a Pull Request and merge your changes back to the master branch