http://www.youtube.com/watch?v=58-9Ae9cvDI
http://www.youtube.com/watch?v=z3cYpdz6JbE&feature=related
http://www.youtube.com/watch?v=noqTRy2VtHk&NR=1&feature=endscreen
http://www.youtube.com/watch?v=8UqZzZWZd-Y&feature=endscreen&NR=1
http://www.dailymotion.com/video/xm24q_the-effect-of-beer-on-men_fun?search_algo=1
http://www.dailymotion.com/video/xibcav_oil-spill-anniversary_news#
http://www.dailymotion.com/video/xi83z7_oil-spill-victims-join-bp-protest_news#
http://www.dailymotion.com/video/x65bs2_funny-commercial-chicken-of-the-sea_fun#
http://www.dailymotion.com/video/x4xisl_funny-commercial-scream-tv_fun#
Monday, April 30, 2012
Thursday, April 26, 2012
Monday, April 23, 2012
Color Scheme
HIEU PHAM
GDES 070 ONLINE CLASS
COLOR SCHEME
I chose colors such as
Yellow, Blue (light and dark), Purple (light and dark) for my color scheme.
I specially love this color
scheme due to following reasons:
Yellow: the color of light and
sunny expresses certain something open and free. It represents intelligence and
enlightenment. It brings
vigorous, cheery spirit for youth and feeling wealthy and luxury or success
for adults or seniors. It also
blows a new air or spirit for people in a bad mood.
Blue: the color of sky, coming
with Yellow they seems to take the viewer to beautiful beaches with warm
sunshine. Blue make people
get feeling which is relax, comfortable,
cool and clean; since then, they
refresh their spirit and
mind. Blue brings the people calm and confidence and then they can direct
their heart up to the sky and
even beyond that space. Blue is also favorite color because it represents for honesty and justice.
Purple: this color is exotic. It
seems to contain something magic, spiritual and mysterious, so it often stirs
up
people’s curiousness. It
may cause the people feel melancholy as if it wants to sympathize with
viewer’s bad state of mind
which they may get. Purple is also represents for something regal and
rich.
In conclusion, I think that
Yellow, Blue and Purple make harmony of colors when bringing balances in colors
between warm color and cool
color and the balance in people’s mind and spirit.
Wednesday, April 18, 2012
WEB AD - FOR THE STUDY ONLY
THE CODE OF WEB AD
<html>
<head>
<title>
This is first Web Ad
</title>
</head>
<body>
<a href="http://www.nrlc.org/index.html"><img src="Images/Web-ad.jpg" width="300" height="250" /></a>
</body>
</html>
WED AD - ANIMATION - FOR THE STUDY ONLY
THE CODE OF WEB AD
<html>
<head>
<title>
This is first Web Ad
</title>
</head>
<body>
<a href="http://www.nrlc.org/index.html"><img src="Images/Web-ad Animation 2.gif" width="300" height="250" /></a>
</body>
</html>
Wednesday, April 11, 2012
WEB SITE
THIS WEB SITE IS FOR THE STUDY ONLY
THE CODE OF WEB AD:
<!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>Vacation</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
.oneColLiqCtr #container {
width: 1150px;
height: 862px;
margin: 0% auto; /* the auto margins (in conjunction with a width) center the page */
border: 0px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
background-color: #FFFFFF;
/*background-image: url(images/bg-p2b.jpg);*/
}
.oneColLiqCtr #mainContent {
width: 1150px;
height: 862px;
/*margin: 0% auto;*/
background-image: url(images/bg-p2b.jpg);
padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#book_tour {
background-attachment: scroll;
background-image: url(images/Book-Tour.png);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
padding: 0px;
height: 31px;
width: 131px;
position: relative;
visibility: visible;
left: 103px;
top: 830px;
right: auto;
bottom: auto;
}
#places {
background-attachment: scroll;
background-image: url(images/places.png);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
padding: 0px;
height: 31px;
width: 87px;
position: relative;
visibility: visible;
left:543px;
top:798px;
right: auto;
bottom: auto;
}
#hotel {
background-attachment: scroll;
background-image: url(images/Hotel.png);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
padding: 0px;
height: 31px;
width: 70px;
position: relative;
visibility: visible;
left: 965px;
top: 765px;
right: auto;
bottom: auto;
}
#animation {
background-attachment: scroll;
background-image: url(images/animation.gif);
background-repeat: no-repeat;
background-position: center center;
margin: 0px;
padding: 0px;
height: 13px;
width: 1100px;
position: relative;
visibility: visible;
left: 25px;
top: 500px;
right: auto;
bottom: auto;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body class="oneColLiqCtr" onload="MM_preloadImages('images/Book-TourR.png','images/placesR.png','images/HotelR.png','images/Go-back.png')">
<div id="container">
<div id="mainContent">
<div id="book_tour">
<a href="http://www.travel.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('book_tour','','images/Book-TourR.png',1)"><img src="images/Book-Tour.png" alt="book_tour" name="book_tour" width="131" height="31" border="0" id="book_tour2" /></a></div>
<div id="places">
<a href="http://travel.usnews.com/Rankings/Worlds_Best_Vacations/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('places','','images/placesR.png',1)"><img src="images/places.png" alt="places" name="places" width="87" height="31" border="0" id="places2" /></a></div>
<div id="hotel">
<a href="http://www.travelandleisure.com/tl500/2012" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hotel','','images/HotelR.png',1)"><img src="images/Hotel.png" alt="hotel" name="hotel" width="70" height="31" border="0" id="hotel2" /></a></div>
<div id="animation">
<img src="images/animation.gif" alt="animation" name="animation" width="1100" height="13" border="0" id="animation" />
</div>
<!-- end #mainContent --></div>
<!-- end #container --></div>
</body>
</html>
Subscribe to:
Posts (Atom)