Thursday, January 22, 2015

Project 2 Reflection

In this project, project #2 I tasked with listening to pod casts from different distributors  such as The Moth, Freakanomics, This American Life and Radio Lab. After listening to various pod casts per distributor i decided the one I would focus my website on would be Radio Lab. Not only that but I had to choose a specific pod cast, I decided to choose Memory and Forgetting. Memory and Forgetting spoke about what really is a memory and how there was a drug during the 60's that could prevent a person from forming memories. It also stated so other interesting things like  what would happen if some one's mind was zapped while a memory as in the process of being made, or in the process of being remembered. Based on the pod cast if the mind is zapped at either of these times the memory is forgotten. Also it was mentioned that every time a memory is remembered it is re created, this is to say that if I were to form a memory and remember it every day after, each day it would a more vague generalization of the original memory until I can remember what actually happened.

For this website I made 3 pages: a home page a sources page, an origin page for radio lab and an about page for the specific pod cast. Below you can see my home page. On the top corner is a form created with java script so that the user may be able to log in. On the top is a Radio Lab Logo Made from scratch in fire works.  Also all the icons you see were also made from scratch. I gave credit to all the radio lab staff on the right for each page. By clicking on the radio in the center it will direct you to main web page of radio lab itself. On the sources page I listed all the pod casts I listened to through out the process of this project. On the origin page it has a paragraph explaining the purpose of radio lab, who founded it and why. Lastly is the about page which explains the context of the podcast "Memory and Forgetting"

This is the code for the home page :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Project 2</title>
<center>
<a href="homepage.html"><img src="RadioLabBannner.fw.png"</a>
</center>
</head>

<body background="../../contemporary_china.png" text="#FF6600">
<body style="background-color:#000">


<a href="aboutpage.html"><img src="about.png"Style="position: absolute; top: 426px; left: 100px;"></a>


<a href="sources.html"><img src="sources.png "Style="position: absolute; top: 218px; left: 100px;"></a>



<a href="origin.html"><img src="origin.png"Style="position: absolute; top: 320px; left: 100px;"></a>


<img src="podcast.png"Style="position: absolute; top: 180px; left: 1226px;">

<img src="contactus.png"Style="position: absolute; top: 180px; left: 1427px;">

<a href="http://www.radiolab.org"><img src="radio.png"Style="position: absolute; top: 318px; left: 462px;"></a>

<img src="clickformore.png"Style="position: absolute; top: 281px; left: 462px;" />

<img src="thestaff.png"Style="position: absolute; top: 286px; left: 1190px;">


<table>
<tr>
<td>
<div style="position:absolute; left:1400px;right:200px;top:10px;">

<form action="reciever.html" method="get" name="frm1" id="frm1" onsubmit="return validate(this);">
Login:<input type="text" name="login" id="login"/>
Password:<input type="password" name="passwd"id="passwd"/></td></tr></div>
<tr><td>
<div style="position:absolute; left:1400px;right:150px;top:95px;">
<input type="reset" value="clear form"/></div>
<div style="position:absolute; left:1475px;right:150px;top:95px;">
<input type="submit" value="send me"/></div>
</form>
</td></tr></table>


</body>
</html>

As you can see I used many img src tags and incorporated a lot position absolute in to my project as made evident in the position of each image. I also incorporated java script into each page for the form on the top of the page. I originally wanted to add java script to the contact us button you can see below but it was hard to make it so the CSS and java script from the form  would not interfere with the javascript in the contact form that I was hoping would happen. With that being said, I did learn a lot from this project. I learned that there are so many elements out there for coding that can really make a web site transcend and may it look phenomenal.  I plan to add even more java script to my next work in the future.




Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)