Exercise 1: James Webb Telescope
Due: 09/26
The purpose of this exercise is to practice identifying the html elements that make up a webpage and format text using Dreamweaver. You will also push your files to GitHub
Use the document, reference_james_webb_telescope.pdf, as a guide.
In this exercise, you will:
- Identify html tag structure
- Create a new webpage
- Work with the title tag
- Copy Text from Word Document
- Format Text using Dreamweaver
- Insert an image
- Clone a GitHub Repo
- Create a new Branch
- Create a pull request and merge changes to the master branch
Instructions:
- Download the zip file from Github and save to your Student Exercises folder
- Open reference_james_webb_telescope.pdf and identify the html elements needed to structure your page (You may print the document if you wish to make notes)
- Create a new HTML page and save it as index.html
- Enter “The James Webb Space Telescope” as your Title Tag
- Copy the text from the word document tag_structure_jwst.docx from the copy folder and make sure to clean up any leftover word formatting.
- Using the reference document as a guide, format the text using the properties panel
- Using the Insert Bar, insert the image ‘jw_mirros.jpg’ from the images folder
- Save all your changes
- In GitHub go to the project Repo and Create a new branch called dev
- Upload your completed work to the dev branch. (Hint: you should only be adding the index.html page)
- Commit Your Changes
- Submit a pull request and merge your changes to the main branch
- Confirm your changes are in main and delete the dev branch