Thursday, September 29, 2011

These boxes are pretty - absolutely and with fixed attention - ha!


<!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>absoluteBox</title>
<style type="text/css">
<!--
.bigBox {
background-color: #FFFF99;
height: 600px;
width: 800px;
left: 50px;
top: 50px;
position: absolute;
}
.middleBox {
background-color: #FF9933;
height: 300px;
width: 400px;
position: absolute;
top: 150px;
left: 200px;
}
.smBox {
background-color: #CC0000;
height: 50px;
width: 50px;
top: 125px;
position: absolute;
left: 125px;
}
.bigBox2 {
background-color: #FF3333;
height: 400px;
width: 400px;
position: fixed;
margin-left: 1000px;
margin-top: 50px;
}
.middleBox2 {
position: fixed;
height: 300px;
width: 300px;
background-color: #FFFF66;
margin-top: 100px;
margin-left: 1050px;
}
.smBox2 {
position: fixed;
height: 100px;
width: 200px;
background-color: #FF9900;
margin-left: 1075px;
margin-top: 200px;
}
-->
</style>
</head>

<body>


<div class="bigBox2"></div>


<div class="middleBox2"></div>
<div class="smBox2"></div>

<!--need to select from code and move to inside big box div class to be in the box-->


<div class="bigBox"><div class="middleBox"><div class="smBox"></div>
</div>
</div>
</body>
</html>

http://www.palosverdes.com/roseannah/red/absoluteBox.html
I wonder if this link will bring me to website to view.....???

Monday, September 26, 2011

CSS style - BOXES inside boxes - positioning - insert DIV tags


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div class="middleBox">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Untitled Document</title>
  <link href="untitled.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.bigBox {
background-color: #0066FF;
height: 400px;
width: 400px;
}
.middleBox {
background-color: #FF9900;
height: 200px;
width: 200px;
top: -300px;
left: 100px;
position: relative;
}
.smBox {
background-color: #33FF00;
height: 100px;
width: 100px;
position: relative;
left: 150px;
top: -450px;
}
-->
</style>
  </head>
  
  <body>
  <div class="bigBox">Content for  class "bigBox" Goes Here</div>
  <div class="middleBox">Content for  class "middleBox" Goes Here</div>
  <div class="smBox">Content for  class "smBox" Goes Here</div>
  </body>
  </html>
</div>

Thursday, September 22, 2011

Red website - ideas

Since the last class - ideas for 3 pages: includes may journey (tracks) of the red shoe back in time forward as repetitive element throughout.

  1. Chinese shoes for bound feet.
  2. Dorothy's ruby red shoes in Oz.
  3. Christian Louboutin's red-lacquered soles on high heels.
It would be lovely if I could insert music in the website.

This CSS stuff is HARD!  Thanks Angela for helping me get my website going.   Just needed to add the folder name red  & remove the 'home' part of the URL (which directs traffic to my portfolio).  I'll add the link on and see if it works for anybody.



Tuesday, September 20, 2011

Color Red website: Paragraph of Intent

My website will be informational and focus on red (or not) shoes from different periods and parts of the world.  Shoes can cause pain hence the color red, when worn eg high heel shoes or shoes that are crammed into shoes that are too narrow etc.  Red shoes can also be a warm/hot cheery color to spice up an outfit; or signify wealth to the wearer eg designer shoes with the red soles.  Shoes can be worn to attract the opposite sex and have many meanings eg footbinding enhances a Chinese female's chances to attract a better mate.  The bound foot indicates the female need not work out in the fields because her gait is so affected.

For my research I reviewed information from the Bata Shoe Museum, Toronto, CANADA.

Below is an image for a women's bound foot.

Color Red website brainstorm ideas

I chose the color RED because it is associated with Red China and I am 2nd generation Chinese.
Words I think of when I think red:  blood - female infanticide; footbinding - pain; girls as 2nd class citizens - shame.  Of 4 siblings I am girl-child#3 where my younger brother has always been favored.  I was considering web pages eg footbinding; female infanticide; and preferential treatment of boys.  After some thought, I decided it's  too complicated to whittle down to manageable information for our assignment.

For research I used PVLD on-line resources and reviewed articles eg

Men Without Women By: Ferguson, Niall, Newsweek, 00289604, 3/14/2011, Vol. 157, Issue 11

Gender Inequality in Childhood: Toward a Life Course Perspective.
Authors:Baunach, Dawn Michelle
Source:Gender Issues, Summer2001, Vol. 19 Issue 3, p61, 26p
http://search.ebscohost.com/login.aspx?direct=true&db=ulh&AN=6342814&site=src-live

Wednesday, September 14, 2011

html Haiku poem final

The color appears different than from my monitor - looks awful dark...but the links work :)

Wednesday, September 7, 2011

HTML tagging - Haiku poem

Here's the 1st go attempting to use tags, elements & attributes for designing a page for the web incorporating a simple Haiku poem.  Quite daunting googling all over the place trying to learn/research basic html and not confuse it with html5 ?, java script, or CSS...