Audio Story

dont eat

rgba Tutorial

The final project should look something like this.

but you can have any photo you want there but you will still have to change the rgba color.

Make a new div and the code should look like this.

Make a few new css rules to get the picture in there and change the opacity of the container.

the rgba is the colors red, green, blue, and the opacity of the text. The a goes from 0-1 so in the fourth css tag it had a opacity of 0.8 and thats mostly opaque.

Don't forget to finally close it off.

Web Design #1

    The hexadecimal color code we created text boxes and had to figure out what color went with the code. i used the base code of #000000 

    The Tim Berners-Lee page we had to wrap the text around his picture and type stuff about the swell fella.

Procedure Video

These are basic procedures of getting a drink of water at ONW

Professional Project Review

    In the video, Shawn Montano interviews a high school girl named Michaela Gertner, a power lifter. This looks like a well done interview for what looks like a news network. (CNN Montano)

    Everything was framed very well  and he took multiple shots from several different lifts and made it look like 1 big lift. The story was a young teenage girl does more than a normal teenage girl, the story was told very well. I would apply the fact that he use multiple shots to make it look like one big shot. He used a lot of the six shot system and this was one of the first things i learned when starting in video a year ago.

     The creator told the story very well and had his shots on point. He could improve by putting the one third rule into play and maybe getting close ups closer and have them not look so much like a medium shot. This was a well done piece of work and my props go to this fella.

https://www.youtube.com/watch?v=7DyjEYbz8gg

The WayBack Machine

Are task was to find 3 websites on the WayBack machine and compare the older versions to the newer looking websites and also compare the coding of the websites because this is a web class after all.

YouTube

The first layout of youtube in 2005 was a way different format than the one today. 

The source code of youtube 05' was a different form of HTML coding.

YouTube Now

Youtube looks official after being bought by google, the site has an easier way to watch videos and enjoy them.

The code is a lot more beefier than the older one, which means that there is a lot more information within the site. 

Yahoo

Old yahoo looked good for its time, i think? its much more colorful and more 80's like

There was a lot of links on that one page with barely anything on it

Yahoo Now

Now that yahoo has grown so has the website, with more news than a search engine.

The code looks more complex but it really isn't

Twitter

Twitter looks like its time period, looks like an 8 year old tried to make a website. 

The code looks good though only having a little on the page.

Twitter Now

As the #1 social media site, its gotta look professional, and it does that very well. It has the right age group of teens and young adults to drag in with a good looking website. 

The code has a lot of links for the different profiles on the main page. 

The Purpose of this is to have an archive of internet websites and they way they looked.

The internet archive (https://archive.org/index.php) also holds archives for text, video, audio, software, and video files from years ago.

I like that you can find much more than just how websites looked long ago.