Lab 7 Lab Homepage Reflection Journal

In this lab, I created a homepage where you can click to get to a specific lab from lab 1 to lab 6. The first thing that I did was open Dreamweaver and/or Atom.io. I clicked on new file to open a new file for my HTML document. Secondly I wrote in the basic HTML code. I wrote the !doctype HTML, HTML tags, head tags, meta charset="UTF-8", Title tags, and body tags. Inside the title tags, I wrote in LB7. Inside the head tags I typed in body {background-color:cyan} inside style tags to create a cyan background. Inside the body tags I typed in center tags. I typed in h1 tags inside the center tags. I wrote Digital Design, my name, date, and lab 7 inside the h1 tags. After the center tags, I wrote the hyperlinks and image links. I typed in a href with the corresponding labs like lab 1 or lab 2 to go to the specific lab. I also placed an image of fire and ice inside the a href tags with a width of 150 to make an image appear clickable with the hyperlink. I did this multiple times until I reached lab 6. I put center tags for before and after them. After that I put br tags to make breaks or spaces. I then put center tags after the br tags. Inside the center tags I put a href tags which I placed in the link to the index (possibly temporary) and img src tag with my banner from lab 6 in quotations. I then saved and uploaded it to the world wide web. It is important to know how to make a homepage because it is a skill for web designers. With that skill, web designers are able to do some tasks in their job properly with efficiency. Also, a homepage allows multiple webpages to link together which is handy if the web designer wants multiple pages linked together.

Lab 7 website: http://techteach.us/Web2020/ZWeiJian/Labs/Lab7/Lab7.html