Friday, October 5, 2018

Lab 3 Hyperlink Image & Text Reflection Journal

In this lab, I made a website that have headings, clickable pictures, and clickable links. First, I opened the program Dreamweaver which is a coding software. I clicked at the upper hand corner to the bar. I clicked on File to New to make a new document. Next a window popped up giving me a selection of options and I clicked on HTML to create an HTML document. Then the new document popped up and I gone down to the coding section of Dreamweaver. I wrote down the code necessary for the lab. I wrote the doctype, heading, body, and HTML all with their respective tags. After that I wrote inside the heading the title of the lab, meta charset, and the background color which was blue. Afterwords, I wrote inside the body the images, hyperlinks, and headings. I also wrote break tags to insert a break in between the images and links. For the headings I wrote h1 tags with my name, lab 3, the date, and digital design. I placed a gif of the logo of Blogger, a png for my blog, a png for my teacher's website, and a jpg for w3school and wrote the hyperlinks with it. Now I wrote for the hyperlinks and images which were <a href>, </a> tags, and <img src>. I placed the links in the tags. I finally made the images and hyperlinks clickable. Lastly, I saved my work and uploaded the document to the servers to become a website.

My Website of Lab 3:http://techteach.us/Web2020/ZWeiJian/Labs/Lab3/Lab_3.html

Images:
https://s3.us-west-1.amazonaws.com/sfile.jupitered.com/d24795/s5027226/1419221427/LB_Pic4.png
https://s3.us-west-1.amazonaws.com/sfile.jupitered.com/d24795/s5027226/1085988458/LB3_Pic5.png

No comments:

Post a Comment