tag:blogger.com,1999:blog-77003469609418118942024-03-13T21:45:50.250-07:00Eric's Web Design ClassEric Suzukihttp://www.blogger.com/profile/04446035893503568342noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-7700346960941811894.post-73919443281518756332010-09-20T13:03:00.000-07:002010-09-20T13:03:51.308-07:00Color Website<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_18GUyJvFIXI/TJe9IKUTXVI/AAAAAAAAABc/KaXxMb2QwCg/s1600/Eric%27s+Color+page.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="227" src="http://1.bp.blogspot.com/_18GUyJvFIXI/TJe9IKUTXVI/AAAAAAAAABc/KaXxMb2QwCg/s400/Eric%27s+Color+page.jpg" width="400" /></a></div>This time around I just chose to keep my page simple and clean.<br />
<br />
Here is a posting of the code:<br />
<br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<!--title name for the website--><br />
<title>Color of Choice</title><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<style type="text/css"><br />
body,td,th {<br />
font-family: Palatino Linotype, Book Antiqua, Palatino, serif;<br />
font-size: 36pt;<br />
}<br />
body {<br />
margin-right: 5em;<br />
margin-left: 2em;<br />
}<br />
h1 {<br />
font-size: 12pt;<br />
color: #FFF;<br />
}<br />
<br />
</style><head><br />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
<br />
</head><br />
<!--the background color--><br />
<body bgcolor="#000000" text="#FFFFFF"><br />
<!--the main idea of the page--><br />
<div align="right"><br />
<h3>BLACK</h3><br />
</div><br />
<br />
<h1 align="right"> </h1><br />
<!--The opening paragraph--><br />
<h1 align="right">For generations upon generations the color black has had a negative meaning amongst the major population in the western countries. On the other hand, many other countries attach positive meanings upon the color. When delving into the true meaning of black, many, if not more than positive aspects erupts into view, though some may say that there has to be a certain level of respect, balancing out the differences when compared to the vast array of colors. This rule especially applies to the equilibrium of black and white, the good and evil, the yin and yang. It is the color of sophistication.</h1><br />
<h1 align="right">&nbsp;</h1><br />
<!--The second paragraph--><br />
<h1 align="right">Black is not a color, strictly speaking, but the absence of all color. When people speak of opposites, it is usually in terms of black and white. Black, and its opposite white, represents polarities. Black absorbs all aspects of light. While white reveals, black conceals. It has come to mean hidden, fearful or bad experience and is linked to the unknown or the unseen. In times of fear and uncertainty black contains the energy of the threatening unknown. In a positive state, black is seen as a restful emptiness into which anything may emerge and disappear once again. It is also mysterious, providing a sense of potential and possibility.<br> <br />
</h1><br />
<h1 align="right">&nbsp;</h1><br />
<!--The third paragraph--><br />
<h1 align="right">Black is both positive and negative. In most Western countries black is the color of mourning. Among young people, black is often seen as a color of rebellion. Native Americans believe black was good because it was the color of soil, which gives life. A black cat crossing your path is considered bad luck in many cultures, except for England, where spotting a black cat is considered good luck. Recognition of certain achievements is given to students who are disciplined and skilled with the degree of a black belt in many martial arts, which is considered the highest level within each discipline.</h1><br />
<h1 align="right">&nbsp;</h1><br />
<!--The fourth paragraph--><br />
<h1 align="right">Black clothing absorbs the sunlight much more than any other colors, but it makes us look physiologically slimmer. Black ties and suits are worn for the look of sophistication and professionalism. It is considered elegant, mysterious and sexy for women whom accessorizes in black fashion. Many super heroes are cloaked in black like Batman, Zorro and The Men in Black. Black is worn in the fashion of power through Judge's robes, limousines and priest's attire. Black gemstones symbolize self control and resilience. Black stones have protective energies in the sense that black is the absence of light, and therefore, can be used to create invisibility.</h1><br />
<h1 align="right">&nbsp;</h1><br />
<!--The concluding paragraph--><br />
<h1 align="right">So, we can conclude that the meanings of black can differ significantly depending on the human perception. For some, black can be an embodiment of everything dark in life like, death and agony, while for others, it can represent a new beginning. So, the meaning of this unique color depends on the sender, as well as the receiver and that is why I love the color of black.</h1><br />
</body><br />
</html>Eric Suzukihttp://www.blogger.com/profile/04446035893503568342noreply@blogger.com0tag:blogger.com,1999:blog-7700346960941811894.post-64383788864246863562010-09-15T13:45:00.000-07:002010-09-15T13:45:44.289-07:00Favorite Color: Black<!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:ApplyBreakingRules/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:UseFELayout/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> </w:WordDocument> </xml><![endif]--><!--[if !mso]><img src="http://www.blogger.comhttp://img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="ieooui" data-original-id="ieooui" /> <style>
st1\:*{behavior:url(#ieooui) }
</style> <![endif]--><!--[if gte mso 10]> <style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
</style> <![endif]--> <br />
<div class="MsoNormal"><a href="http://2.bp.blogspot.com/_18GUyJvFIXI/TJEwDoQweLI/AAAAAAAAABU/NIJuy-AdI9w/s1600/bmw-1-series-coupe-black.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://2.bp.blogspot.com/_18GUyJvFIXI/TJEwDoQweLI/AAAAAAAAABU/NIJuy-AdI9w/s320/bmw-1-series-coupe-black.jpg" /></a><span></span>For generations upon generations the color black has had a negative meaning amongst the major population in the western countries.<span> </span>On the other hand, many other countries attach positive meanings upon the color.<span> </span>When delving into the true meaning of black, many, if not more than positive aspects erupts into view, though some may say that there has to be a certain level of respect, balancing out the differences when compared to the vast array of colors.<span> </span>This rule especially applies to the equilibrium of black and white, the good and evil, the yin and yang.<span> </span>It is the color of sophistication.</div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span></span>Black is not a color, strictly speaking, but the absence of all color. When people speak of opposites, it is usually in terms of black and white.<span> </span>Black, and its opposite white, represents polarities.<span> </span>Black absorbs all aspects of light.<span> </span>While white reveals, black conceals.<span> </span>It has come to mean hidden, fearful or bad experience and is linked to the unknown or the unseen.<span> </span>In times of fear and uncertainty black contains the energy of the threatening unknown.<span> </span>In a positive state, black is seen as a restful emptiness into which anything may emerge and disappear once again. It is also mysterious, providing a sense of potential and possibility. </div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><br />
</div><div class="MsoNormal"><span></span>Black is both positive and negative.<span> </span>In most Western countries black is the color of mourning.<span> </span>Among young people, black is often seen as a color of rebellion.<span> </span>Native Americans believe black was good because it was the color of soil, which gives life.<span> </span>A black cat crossing your path is considered bad luck in many cultures, except for England, where spotting a black cat is considered good luck.<span> </span>Recognition of certain achievements is given to students who are disciplined and skilled with the degree of a black belt in many martial arts, which is considered the highest level within each discipline.</div><div class="MsoNormal"><br />
</div><span></span>Black clothing absorbs the sunlight much more than any other colors, but it makes us look physiologically slimmer.<span> </span>Black ties and suits are worn for the look of sophistication and professionalism.<span> </span>It is considered elegant, mysterious and sexy for women whom accessorizes in black fashion.<span> </span>Many super heroes are cloaked in black like Batman, Zorro and The Men in Black.<span> </span>Black is worn in the fashion of power through Judge's robes, limousines and priest's attire.<span> </span>Black gemstones symbolize self control and resilience.<span> </span>Black stones have protective energies in the sense that black is the absence of light, and therefore, can be used to create invisibility.<br />
<br />
<div class="MsoNormal"></div><div class="MsoNormal"></div><div class="MsoNormal"><span></span>So, we can conclude that the meanings of black can differ significantly depending on the human perception.<span> </span>For some, black can be an embodiment of everything dark in life like, death and agony, while for others, it can represent a new beginning. So, the meaning of this unique color depends on the sender, as well as the receiver.</div>Eric Suzukihttp://www.blogger.com/profile/04446035893503568342noreply@blogger.com0tag:blogger.com,1999:blog-7700346960941811894.post-9168298581084724912010-09-13T13:06:00.000-07:002010-09-13T13:06:40.589-07:00HTML LinkingJust finished the linking for the haiku and will be posting the html code, then the jpeg on the side.<br />
<br />
Page 1; this page has the first line of the haiku resting in the middle while two copies of the line are scrolling sideways making them look like clouds and then I used the word "away" as the link for the second page. <br />
<br />
<a href="http://4.bp.blogspot.com/_18GUyJvFIXI/TI5_1uu1BSI/AAAAAAAAAA8/wcbS2xKJE-k/s1600/haiku_link_1.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="176" src="http://4.bp.blogspot.com/_18GUyJvFIXI/TI5_1uu1BSI/AAAAAAAAAA8/wcbS2xKJE-k/s400/haiku_link_1.jpg" width="400" /></a><!--Title heading of the html site.--><br />
<title> Eric's Haiku with Links page 1</title><br />
<br />
<html><br />
<br />
<!--beginning of the body--><br />
<body style="background-color:0000FF"><br />
<br/><br/><br />
<br />
<p style="text-align:left;font-family:japanese brush;color:FFFFFF;"><br />
<font size="6"><marquee width=500 height=46 direction=right <br />
scrollamount=8 loop=false>Sweep away</p><br />
<br />
<br/><br/><br/><br />
<br />
<p style="text-align:center;font-family:japanese brush;color:FFFFFF;"><br />
<font size="6">Sweep<a href="file:///C:/Users/Ebichu/Desktop/HAIKU%20+<br />
%20LINKS/Haiku%20page%202.html">away</a>the clouds</p><br />
<br />
<br/><br/><br />
<br />
<p style="text-align:right;font-family:japanese brush;color:FFFFFF;"><br />
<font size="6"><marquee width=500 height=46 direction=right <br />
scrollamount=8 loop=false>the clouds</p><br />
<br />
</html><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Page 2; Not so fancy as the first page, just has the "dome" as the anchor for the next link while having the rest of the text blink.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_18GUyJvFIXI/TI6AUoRJsvI/AAAAAAAAABE/G0sky04XsR4/s1600/haiku_link_2.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"></a><a href="http://4.bp.blogspot.com/_18GUyJvFIXI/TI6AUoRJsvI/AAAAAAAAABE/G0sky04XsR4/s1600/haiku_link_2.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="194" src="http://4.bp.blogspot.com/_18GUyJvFIXI/TI6AUoRJsvI/AAAAAAAAABE/G0sky04XsR4/s320/haiku_link_2.jpg" width="320" /></a></div> <!--Title heading of the html site.--><br />
<title> Eric's Haiku with Links page 2</title><br />
<br />
<html><br />
<br />
<!--beginning of the body--><br />
<body style="background-color:00FFFF"><br />
<!--spacing for the body--><br />
<br/><br/><br/><br />
<br/><br/><br/><br />
<br />
<!--the body of the site with a blinking text effect--><br />
<p style="text-align:center;font-family:japanese brush;color:0000CD;"><br />
<font size="5"><blink>And let a </blink><font size="9"><br />
<a href="file:///C:/Users/Ebichu/Desktop/HAIKU%20+%20LINKS/Haiku%20page%203.html"<br />
style="text-decoration: none"></a>dome<font size="5"><br />
<blink> of blue sky</blink></p><br />
<br />
<br />
</html><br />
<br />
<br />
<br />
<br />
Page 3;For the final page, I gave a title on top as the link back to the first page while having the lines of text emerging upwards to make them look like bubbles in a sea like scenery.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_18GUyJvFIXI/TI6C8Hak1CI/AAAAAAAAABM/w5o1pofUo_0/s1600/haiku_link_3.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://1.bp.blogspot.com/_18GUyJvFIXI/TI6C8Hak1CI/AAAAAAAAABM/w5o1pofUo_0/s320/haiku_link_3.jpg" /></a></div><title> Eric's Haiku with Links page 3</title><br />
<br />
<html><br />
<br />
<body style="background-color:006400"><br />
<br />
<p style="text-align:center;font-family:japanese brush;color:00FF66;"><br />
<font size="6"><a href=<br />
"file:///C:/Users/Ebichu/Desktop/HAIKU%20+%20LINKS/Haiku%20page%201.html<br />
"style="text-decoration: none">SEA</a><br />
<br/><br />
<font size="6"><marquee width=520 height=400 direction=up <br />
scrollamount=5>Give this sea a name!</p><br />
<br />
<p style="text-align:left;font-family:japanese brush;color:00FF66;"><br />
<font size="6"><marquee width=2000 height=230 direction=up <br />
scrolldelay="90">Give this sea a name!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Give this sea a name!</p>Eric Suzukihttp://www.blogger.com/profile/04446035893503568342noreply@blogger.com0tag:blogger.com,1999:blog-7700346960941811894.post-70977128210036943622010-09-06T19:31:00.000-07:002010-09-06T19:31:26.324-07:00First HTML DesignAfter having to work extra hours at my job during the week and trying to catch up with all of my homework, I finally finished this page. Unfortunately though, at one point I was nearly finished and saved the file as an .html and not as an .txt file and my comp crashed, forcing me to figure it out from scratch and in total I think I spent about roughly 6 to 7 hours.<br />
<br />
I picked the poem and created the text with the background, but I wasn't satisfied with it so I looked up some tutorial online to see if I could animate the text and I found them on sites like <a href="http://www.youtube.com/watch?v=IQlCEsrh5wo">http://www.youtube.com/watch?v=IQlCEsrh5wo</a> and <a href="http://www.hscripts.com/">http://www.hscripts.com/</a>.<br />
<br />
The end product had "the clouds" on the first line scroll to the right while the whole third row would scroll upwards toward the poem. <br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_18GUyJvFIXI/TIWi2y7WZqI/AAAAAAAAAA0/UlBL_rmyaJM/s1600/9-6-2010+7-25-29+PM.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="http://1.bp.blogspot.com/_18GUyJvFIXI/TIWi2y7WZqI/AAAAAAAAAA0/UlBL_rmyaJM/s400/9-6-2010+7-25-29+PM.jpg" width="400" /></a></div>Eric Suzukihttp://www.blogger.com/profile/04446035893503568342noreply@blogger.com1tag:blogger.com,1999:blog-7700346960941811894.post-1665652557756529882010-08-30T21:09:00.000-07:002010-08-30T21:09:53.115-07:00Great Web Sites, Bad Web Sites<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_18GUyJvFIXI/THx0QNRps5I/AAAAAAAAAAM/CWJku0QRlWc/s1600/8-30-2010+8-16-52+PM.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="276" src="http://4.bp.blogspot.com/_18GUyJvFIXI/THx0QNRps5I/AAAAAAAAAAM/CWJku0QRlWc/s320/8-30-2010+8-16-52+PM.jpg" width="320" /></a></div><br />
For the first site, I already knew right off the bat as to what I was going to choose and that site is <a href="http://www.tokyoplastic.com/">www.tokyoplastic.com</a>. I love this site due to its simple navigation and unique design. The best part is of course the interactive flash design composed with the site.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_18GUyJvFIXI/THx5OCbo88I/AAAAAAAAAAU/QQ_INFkycRM/s1600/8-30-2010+8-37-58+PM.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://3.bp.blogspot.com/_18GUyJvFIXI/THx5OCbo88I/AAAAAAAAAAU/QQ_INFkycRM/s320/8-30-2010+8-37-58+PM.jpg" /></a></div>For the second best site I had to do a little research on Google and couldn't find anything that I liked so as I started to ponder about it, I remembered when Ms. Willcock mentioned how she loved architecture in class and made me remember how I also love going to certain sites like <a href="http://www.ikea.com/us/en/">www.ikea.com/us/en/</a> for the ease of navigation, great use of working with the grid system and the strong use of various color schemes.<br />
<br />
<br />
<br />
<br />
<br />
For the bad websites, I couldn't think of any so I did some more research on Google and found a couple of really, really bad ones.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_18GUyJvFIXI/THx9rxBl8vI/AAAAAAAAAAc/NB0aM0QUo6M/s1600/8-30-2010+8-57-01+PM.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="640" src="http://3.bp.blogspot.com/_18GUyJvFIXI/THx9rxBl8vI/AAAAAAAAAAc/NB0aM0QUo6M/s640/8-30-2010+8-57-01+PM.jpg" width="257" /></a></div>My first choice was <a href="http://www.proactivechiropractic.org/">www.proactivechiropractic.org</a><span style="color: black;">, <span style="color: white;">due to it's horrible use of the grid system and the lack of text justification.</span></span><span style="color: white;">.</span><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_18GUyJvFIXI/THx_614zdII/AAAAAAAAAAs/F13l2EBln54/s1600/8-30-2010+9-06-46+PM.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="148" src="http://1.bp.blogspot.com/_18GUyJvFIXI/THx_614zdII/AAAAAAAAAAs/F13l2EBln54/s320/8-30-2010+9-06-46+PM.jpg" width="320" /></a></div><span style="color: white;"><span style="color: black;"><span style="color: white;">My second choice was</span> <a href="http://cbm-eureka.com/">http://cbm-eureka.com/</a>, <span style="color: white;">mainly due to the lack of an actual design, the uneasy feeling of boredom that this site gives off and the improper use of negative space.</span></span></span>Eric Suzukihttp://www.blogger.com/profile/04446035893503568342noreply@blogger.com0