Web Design Blog

Monday, November 1, 2010

Midterm webpages

this was an adventure!www.graceharvey.org/GH1.html

Tuesday, October 5, 2010

Web: 1st page of dreamweaver assignment 2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Coral Roses</title>
<style type="text/css">
<!--
.topheading {
 background-color: #F3C895;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 40px;
 font-style: normal;
 line-height: normal;
 color: #682124;
 height: 50px;
 width: 1100px;
 margin-top: 57px;
 float: none;
 position: absolute;
 top: 10px;
 margin-right: 50px;
 margin-left: 50px;
 text-align: center;
 vertical-align: bottom;
 border-top-width: medium;
 border-right-width: medium;
 border-bottom-width: medium;
 border-left-width: medium;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 font-weight: lighter;
 font-variant: normal;
}
.parone {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-style: normal;
 color: #000000;
 background-color: #FFFFFF;
 margin-right: 50px;
 margin-left: 50px;
 text-align: left;
 height: 125px;
 width: 1000px;
 word-spacing: 5px;
 margin-top: -60px;
 padding-top: 20px;
 padding-right: 100px;
 font-weight: lighter;
 font-variant: normal;
}
.links {
 font-size: 20px;
 background-color: #FFFFFF;
 width: 1100px;
 margin-right: 50px;
 margin-left: 50px;
 color: #B04E2C;
 margin-top: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.links2 {
 font-size: 20px;
 color: #BE6C50;
 background-color: #FFFFFF;
 width: 1100px;
 margin-right: 50px;
 margin-left: 50px;
 margin-top: -30px;
 padding-top: 5px;
 padding-bottom: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.meaningheadline {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 27px;
 color: #682124;
 background-color: #EDC590;
 width: 1100px;
 margin-right: 50px;
 margin-left: 50px;
 height: 55px;
 vertical-align: top;
 padding-top: 10px;
 margin-top: -16px;
 text-align: center;
 padding-bottom: 20px;
}
body {
 background-color: #B29781;
}
.title {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight: lighter;
 background-color: #FFFFFF;
 height: 25px;
 width: 450px;
 margin-top: 25px;
 text-align: right;
 margin-left: 708px;
}
img {
 margin-top: -38px;
 width: 1100px;
 margin-right: 50px;
 margin-left: 50px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 background-color: #F1C794;
}
.reasons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-style: normal;
 color: #682124;
 background-color: #FFFFFF;
 margin-right: 50px;
 margin-left: 50px;
 text-align: center;
 height: 50px;
 width: 1100px;
 word-spacing: 5px;
 margin-top: -60px;
 padding-top: 30px;
 font-weight: lighter;
 font-variant: normal;
}
.flirting {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-style: normal;
 color: #000000;
 background-color: #FFFFFF;
 margin-right: 50px;
 margin-left: 50px;
 text-align: left;
 height: 20px;
 width: 1100px;
 word-spacing: 5px;
 margin-top: -60px;
 padding-top: 25px;
 font-weight: bold;
 font-variant: normal;
 padding-bottom: 30px;
}
.style4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-style: normal;
 color: #682124;
 background-color: #FFFFFF;
 margin-right: 50px;
 margin-left: 50px;
 text-align: center;
 height: 50px;
 width: 1100px;
 word-spacing: 5px;
 margin-top: -60px;
 padding-top: 45px;
 font-weight: bold;
 font-variant: normal;
 padding-bottom: 25px;
}
-->
</style>
</head>


<body><p class="links"> Varieties Of Coral Roses</p>
<p class="links2">How To Care For Your Roses</p>
<h1 class="topheading">Coral Colored Roses</h1>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><img src="../new roses.jpg" alt="roses" width="1100" height="200"></p>

<p class="meaningheadline">Meaning/Symbolism Of Coral Roses</p>
<h1>
<p class="parone"> Coral roses are a hybrid and literal mixture   of yellow and red roses. The coral rose meaning and significance is a bridge between the yellow rose symbolism of friendship and the red rose symbolism of love. Coral roses primarily stand for passion, desire, and enthusiasm. Coral roses have become wildly popular since their appearance in the 20th century as a result of advancing hybrid techniques because of their beauty and symbolism. Their bright color immediately brings forth thoughts of romance. They also remind us of a beautiful sunset or the sweet smell of citrus oranges.</p>
<p align="center" class="style4">Reasons to Give Coral Roses</p>
<p align="left" class="flirting">For Flirting</p>
<p align="left" class="parone">Coral roses symbolize desire. They are a step down from the deeply passionate and intense "love" symbolism of the red rose. They are a step up from the "wonderful friendship" symbolism of the yellow rose. Coral roses are perfect for telling your crush that you are smiting with them! They are are great flower to hint to that special someone that they definitely "have your attention".</p>
<p align="left" class="flirting">For First Dates</p>
<p align="left" class="parone">Coral roses are a great choice to give on a first date! They symbolize enthusiasm and say to your date, "I like where our friendship is going!". They are a gorgeous warm color. Giving your date a vibrant bouquet of coral roses won't intimidate your date like a dozen of long stemmed red roses would. They bring forth feelings of excitement and encouragement and will encourage your date to have fun!</p>
<p align="left" class="flirting">For Taking It To The Next Level</p>
<p align="left" class="parone">Coral roses bridge that undefined gap between just being friends and passionate lovers. By giving your special "friend" a luscious arrangement of coral roses you are telling that person that you want them! You want to be more than friends and those roses will absolutely make that clear.</p>
<p align="left" class="flirting">For Other Reasons </p>
<p align="left" class="parone">Coral Roses are eye catching in color. They tend to have a combination of coral, pink, and creamy-yellow colored petals. They are a cheerful rose. They are perfect for saying &quot;good job&quot;, &quot;good luck&quot; and &quot;YAY!! Congratulations!&quot;.</p>
<p align="left" class="parone"> </p>
</body>
</html>

Web design 3 linked pages

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>coral3</title>
<style type="text/css">
<!--
body {
 background-color: #000000;
 padding: 10px;
 width: 1000px;
}
h1 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 24px;
 color: #000000;
 background-color: #FFFFFF;
 margin: 10px;
 height: 50px;
 width: 900px;
 text-align: center;
}
h2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #CCCCCC;
 background-color: #000000;
 text-align: center;
 margin: 10px;
 height: 15px;
 width: 50px;
}
h3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #CCCCCC;
 background-color: #000000;
 margin: 10px;
 height: 25px;
 width: 100px;
 margin-top: 20px;
 padding-top: 20px;
}
.InTheWater {
 font-size: 25px;
 font-weight: bold;
 color: #330000;
 background-color: #000000;
 text-align: center;
 margin: 10px;
 height: 30px;
 width: 900px;
 position: absolute;
}
.par {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #FFFFFF;
 background-color: #666666;
 text-align: left;
 margin: 10px;
 height: 50px;
 width: 900px;
}
.style2 {font-size: 25px; font-weight: bold; color: #F88379; background-color: #000000; text-align: center; margin: 10px; height: 30px; width: 900px; position: absolute; }
a:link {
 color: #FFFFFF;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #FFFFFF;
}
a:hover {
 text-decoration: none;
 color: #FFFFFF;
}
a:active {
 text-decoration: none;
 color: #FFFFFF;
}
-->
</style>
</head>
<body>
<h1>Coral</h1>
<h2><a href="file:///Users/graceharvey/Desktop/Final/GHONE.html">In Color theory</a></h2>
<h3><a href="file:///Users/graceharvey/Desktop/Final/GH2.html">Symbolism</a></h3>
<h4><span class="style2">In The Water</span>r</h4>
<p class="par"><span class="par">Corals are marine organisms in class Anthozoa of phylum Cnidaria typically living in compact colonies of many identical individual "polyps". The group includes the important reef builders that inhabit tropical oceans, which secrete calcium carbonate to form a hard skeleton. </p>
 <p class="par"> A coral "head," which appears to be a single organism, is a colony of myriad genetically identical polyps. Each polyp is typically only a few millimeters in diameter. Over many generations the colony secretes a skeleton that is characteristic of the species. Individual heads grow by asexual reproduction of individual polyps. Corals also breed sexually by spawning. Polyps of the same species release gametes simultaneously over a period of one to several nights around a full moon.</p>
<p class="par">Although corals can catch small fish and animals such as plankton using stinging cells on their tentacles, most corals obtain most of their energy and nutrients from photosynthetic unicellular algae called zooxanthellae. Such corals require sunlight and grow in clear, shallow water, typically at depths shallower than 60 metres (200 ft). </p>
<p class="par">Corals can be major contributors to the physical structure of the coral reefs that develop in tropical and subtropical waters, such as the enormous Great Barrier Reef off the coast of Queensland, Australia. Other corals do not have associated algae and can live in much deeper water, with the cold-water genus Lophelia surviving as deep as 3,000 metres (9,800 ft).[3] </p><p class="par">Examples live on the Darwin Mounds located north-west of Cape Wrath, Scotland. Corals have also been found off the coast of the U.S. in Washington state and the Aleutian Islands in Alaska. Corals coordinate behavior by communicating with each other.
</p><p class="par">Coral's many colors give it appeal for necklaces and other jewelry. Intensely red coral is prized as a gemstone. It is sometimes called fire coral, but is not the same as fire coral. Red coral is very rare because of overharvesting due to the great demand for perfect specimens.-from wikipidia</p>
</body>

</body>

</html>

web design 3 linked pages







<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
FF;
 max-width: 1000p
<title>Coral2</title>
<style type="text/css">
<!--
body {
 background-color: #FFF
Fx;
}
h1 {
 background-color: #FFFFFF;
 height: 50px;
 width: 990px;
 text-align: left;
ight: 5px;
 padding-le
 font-weight: lighter;
 letter-spacing: 4px;
 color: #666666;
 border-left: 5;
 margin-
rft: 10px;
 vertical-align: sub;
}
.InArt {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
t;
 vertical-align: b
 line-height: normal;
 color: #FF4040;
 background-color: #CCCCCC;
 letter-spacing: 1px;
 text-align: rig
hottom;
 word-spacing: 3px;
 height: 50px;
 margin-left: 10px;
 margin-right: 10px;
 width: 790px;
 padding-left: 240px;
}
n-left:
.body {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 width: 1000px;
 margin-right: 10px;
 marg
i 10px;
 color: #999999;
}
.style2 {
 font-family: Arial, Helvetica, sans-serif;
 background-color: #FFFFFF;
 width: 999px;
80px;
}
.InArt {
}
.
 margin-right: 10px;
 margin-left: 10px;
 color: #999999;
 font-size: 12px;
}
.links {
 background-color: #333333;
 width: 
9Inthewater {
}
.Inthewater {
 width: 990px;
 border-color: #000000;
 background-color: #FFFFFF;
 color: #333333;
 margin-left: 10px;
r: #FFFFFF; color: #F65959; margin-left: 10
 font-family: Arial, Helvetica, sans-serif;
}
.style19 {color: #535353}
.style21 {width: 990px; border-color: #000000; background-col
opx; font-family: Arial, Helvetica, sans-serif; }
a:link {
 color: #E68585;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #E68585;
}
a:hover {
le19"> CORAL </h1>
<p> 
 text-decoration: none;
 color: #E68585;
}
a:active {
 text-decoration: none;
 color: #E68585;
}
.style22 {color: #FFFFFF}
-->
</style>
</head>


<body>
<h1 class="st
y<span class="style21"><a href="file:///Users/graceharvey/Desktop/Final/GHONE.html"> <span class="style22">.</span>color theory</a></span> 
 
<p align="center" class="InArt">Symbolism</p>

<p class="style2">Coral symbolizes: energy, caution, warmth, cheer, and joy.  Yellows are
<p> <span class="style22">.</span><span class="Inthewater"><a href="file:///Users/graceharvey/Desktop/Final/GH3.html">in the water</a></p>

  often associated with the following characteristics: homey, friendly, soft, welcoming, moving, excitement, or adventure.</p>
<p class="style2">Coral roses 


symbolize desire, enthusiasm, and pride.

 coral is more toned down than orange so are the feelings communicated by this color rose. The coral rose still speaks to desire cou
Bright orange is a color of warmth and energy and orange roses convey the desire and fervor that the sender feels for the recipient.

These bright rose blossoms also can say "I'm proud of you."

Just a
spled with happiness.</p>
s a semi-precious stone that symbolizes  a gift from our mother ocean to remind us of our eternal foundation. It is actually composed of the skeletons of little animals into reef-plant - like with hard branches. It reminds us of our bones - hard and durable. Coral teaches us form, also flow and flexibility within form. It lives and breathes in the sea but its roots are anchored in the earth.</p>
<p class="style2">It is a
<p class="style2"> Coral i sacred stones of the Tibetan Buddhists. It symbolizes the energy of life force, and a protector against the evil eye. In a curious belief it was supposed to lighten in color and become pale if the wearer were ill or even exposed to illness - or were given poison. The coral would then darken as the wearer recovered. The same attribute was associated with a woman's menstrual periods, which the coral was supposed to "share" with women. Coral was also associated with stopping the flow of blood from a wound, curing madness, imparting wisdom, and calming storms.</p>
<p class="style2">In Buddhism coral is believed to be generally good, and the Tibetans and Tibeto-Nepalese think of it as a good investment, and believe that the person who wears coral will have success in life.  It is a sacred color, one of the colors of the five Buddhas and the color of the monk's garments. It is believed to have protective qualities and is therefore often used to paint sacred buildings. In neighboring China, coral is a symbol of longevity, and in India it is thought to prevent hemorrhages. Hans Weihreter records beliefs about coral in western Tibetan cultures which center around blood. Coral is said to strengthen blood, and act beneficially for the menstruation of women.</p>
<p class="style2">&nbsp;</p>
</body>

</html>

Wednesday, September 29, 2010

WEB:1st Dreamweaver assignment Page One

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>coral1</title>
<style type="text/css">

body {
 background-color: #CCCCCC;
 max-width: 1000px;
 padding-left: 25px;
 padding-right: 25px;
 }
 
 

.TitleStyle {
 font-size: 15px;
 color: #666666;
 font-weight: bold;
 border-top-style: double;
 border-top-color: #F08080;
 border-bottom-color: #F08080;
 border-bottom-style: double;
 background-color: #CCCCCC;
 border-left-style: double;
 border-right-style: double;
 border-right-color: #F08080;
 border-left-color: #F08080;
 width: 1055px;
}
.headingstyle {
 background-color: #F88379;
 font-family: "Copperplate Light";
 font-size: 25px;
 color: #666666;
 font-weight: bold;
 max-width: 100in;
 width: 1061px;
 background-position: vertical;
 text-transform: inherit;
 text-align: center;
}
<!--first listing of information with css style of "info-->
.Info {
 background-color: #CCCCCC;
 width: 1076px;
 font-style: normal;
 color: #333333;
 text-align: left;
 font-size: 13px;
 margin-top: 5px;
}
.teal {
 background-color: #008080;
 height: 40px;
 width: 440px;
 font-family: Arial, Helvetica, sans-serif;
}
.info2 {
 width: 425px;
 background-color: #CCCCCC;
 text-align: left;
 font-size: 12px;
 color: #333333;
}
.style18 {
 font-size: 14px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.coral2 {width: 500px; background-color: #CCCCCC; text-align: left; font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; }
.style26 {
 color: #008080;
 font-weight: bold;
 font-size: 15px;
}
.coralpink {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 15px;
 background-color: #CCCCCC;
 height: 450px;
 width: 700px;
 margin-right: 749px;
 margin-left: 1px;
 padding: padding top-50 padding bottom-50;
 text-align: left;
}
a:link {
 text-decoration: none;
 color: #F8857B;
}
a:visited {
 text-decoration: none;
 color: #F8857B;
}
a:hover {
 text-decoration: none;
 color: #F8857B;
}
a:active {
 text-decoration: none;
 color: #F8857B;
}
.style36 {
 width: 425px;
 background-color: #CCCCCC;
 text-align: left;
 font-size: 15px;
 color: #F88379;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style37 {
 background-color: #CCCCCC;
 width: 1076px;
 font-style: normal;
 color: #F08080;
 text-align: left;
 font-size: 15px;
 margin-top: 5px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style38 {
 background-color: #CCCCCC;
 width: 1076px;
 font-style: normal;
 color: #FF7F50;
 text-align: left;
 font-size: 15px;
 margin-top: 5px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style39 {
 width: 425px;
 background-color: #CCCCCC;
 text-align: left;
 font-size: 15px;
 color: #FF4040;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style40 {
 background-color: #CCCCCC;
 width: 1076px;
 font-style: normal;
 color: #333333;
 text-align: left;
 font-size: 13px;
 margin-top: 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style41 {
 width: 425px;
 background-color: #CCCCCC;
 text-align: left;
 font-size: 12px;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style42 {
 background-color: #008080;
 height: 40px;
 width: 440px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style43 {color: #CCCCCC}
.style46 {color: #EC9790}
.style47 {color: #F88379}
-->
</style>
</head>

<body>
<h1 align="center" class="headingstyle">C O R A L</h1>
<p align="center" class="TitleStyle"> <span class="style46"><a href="file:///Users/graceharvey/Desktop/Final/GH3.html">in the water</a></span><a href="file:///Users/graceharvey/Desktop/Harvey,GraceCoral3.html"><span class="style43">...</span></a><span class="style43">................. ............................................................................</span> in color theory <span class="style43">..................................................................................................</span> <span class="style47"><a href="file:///Users/graceharvey/Desktop/Final/GH2.html">symbolism</a></span></p>
<h2 align="center" class="style40" "> RGB</h2>
<p align="center" class="style40" "> The RGB color model is made up of three primary colors to reproduce various colors. RGB stands for red, green and blue. The RGB model is used to display color in computers and on television screens. RGB is an additive color model. An additive color model involves combining red, blue, green and light. Combining red, blue, or green with another in equal amounts produces the colors cyan, magenta, and yellow.</p>
<p align="left" class="style41" "><span class="style23">There are four RGB based tones of the color coral. Each color ha</span>s a uni<span class="style23">versally recognizable html code. There are different shades of each tone which also have set html codes.</font></span></p>
<p align="left" class="style41" ">These colors are: Coral Pink, Light Coral, Coral, and Coral Red.</p>


<h3 class="style18"> RGB Tones of coral comparison list: </h3>
<p class="style36"><font align="left">Coral Pink (Hex: #F88379) (RGB: 248, 131, 121)</font>
<p class="style37">Light Coral (Hex: #F08080) (RGB: 240, 128, 128)
<p class="style38">Coral  (Hex: #FF7F50) (RGB: 255, 127, 80)
<p class="style39">Coral Red (Hex: #FF4040) (RGB: 255, 64, 64) 
<h3 class="style40">Color Wheel </h3>
<p class="style40">Coral is a warm vibrant color . Coral can be either high key(light) or low key(dark) depending on the value. The color coral is created by mixing red, yellow, brown, and white.<br>
 Red gives coral its bluish tint. How much red is added to the other colors of yellow and white determines how intense the coral color becomes. Mix equal parts of yellow and red, which results in orange. Add white to yellow and red and the resulting color is light coral. More white results in a lighter coral color. Add brown to the mixture of red, yellow and white to darken the coral color.</p>
<p class="style40">The complimentary color to coral is <span class="style26">teal</span>. Since coral is value of red/orange it's complimentart color is a value of blue/green. Teal also has a recognizable html hex code numer.</p>
<p class="style42">Teal (#008080)</p>
</body>



</html>

Sunday, September 19, 2010

Ad Design Slogans for BP Oil Spill: slogan five

"Jet to Revive Their Natural Glide. The Trade of All Time"

Ad Design Slogans for BP Oil Spill: slogan four

"Fight For Flight. Redeem Their Wings"