Tuesday, October 30, 2018

LB 8 Flash Talk page

In this lab I created a flash talk and inserted into an html document to publish on my website. I first recorded myself by using the program Photobooth. I had my speech ready on screen which I researched and typed by myself. I read my speech as I talked, keeping my head on screen and facing front. Once I was done recording my flash talk, I exported the video. I saved the video. Next I downloaded a video converter to convert my flash talk video from a .mov into a .mp4 format. Once my flash talk video had finished converting, I placed it into my lab 8 folder. I then opened Dreamweaver to code in my website. I created a new html document by clicking File to New to HTML to OK. I inserted my video into the html document by clicking from the top bar, Insert to HTML to HTML 5 Video. Next I found the properties panel by clicking from the top bar Windows to Properties to inert my flash talk video. After that, I typed in my basic html code. That is the !doctype tag, html tags, head tags, meta tag, title tags with Lab8 inside, and body tags. I typed inside the head tags style tags, which had body {background-color:  azure}.  Afterwords, I typed inside the body tags, center tags. Another type of tags that are inside the body tags are h1 tags which I typed inside them Digital Design, Lab8, and date. I typed in the img src tag to insert my nameplate which has my name in it. I typed in the alt tag to describe the nameplate. I typed in 2 br tags to make the content be below the img tags. I placed the video under the br tags with video tags within them. So that is the bare necessities of this lab. The rest are extra content I added in.  So after I added the video, I typed in two br tags. I typed in a div tag with a style background of the color orange. I typed in a h3 tags with the word transcript as the header of the div tag and p tags to insert my transcript of my flash talk video. After the div tag, I typed in p tags with Sources and References inside it. After that I typed in a tags and br tags to hyperlink the websites I used for my research and about net neutrality. The last thing I did was insert img tags to insert my banner at the bottom of the page and uploaded it to the server.

Website: http://techteach.us/Web2020/ZWeiJian/Labs/Lab8/Lab8.html

No comments:

Post a Comment