編集中(授業内容)

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equive="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen,print">
<title>root rock reggae</title>
</head>
<style type="text/css">
@charset"UTF-8";
*{
        margin: 0;
		padding: 0;
		font-size: 100%;
}
body {
        font-size: 100%;
		font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gotic Pro","MS Pゴシック",sans-serif;
		line-height: 1.5;
		color: #456;
		background-color: #9f9 url(http://img.f.hatena.ne.jp/images/fotolife/e/egz1984/20120521/20120521031020.jpg)left top repeat-x;<
}
a{
	    color: #0F0;
}
a:visited{
	    color:#9FF;
}
a:hover{
	    color: #0F0;
}
img{
	    border: none;
	    vertical-align: super;
}
#container{
	    width: 800;
	    background: #df1;
		padding: 10px 10px 10px 10px;
}
#header{
        width: 180px;
        height: 0 auto;
        
}
#logo{
	    position: absolute;
		left: 10px;
		top: 10px;
}
#nav{
	    position: absolute;
	    top: 50px;
	    left: 0 auto;
	    width: 600px;
	    height: 60px;
	    list-style-type: none;
	    background: #444 url(/Volumes/Transcend/style.jpeg)left top repeat-x;
}
#nav li {
	    float: left;
	    width: 200px;
}
#nav li a{
            display: block;
			overflow: hidden;
			width: 100%;
			height: 0 !important;
			height/**/: 50px;
			padding-top: 50px;
			background-image: url();
			color: #000;
}
/*通常*/
#nav01 a{background-position: 0 0;}
#nav02 a{background-position: -100px -66px;}
#nav03 a{background-position: -200px -66px;}
#nav04 a{background-position: -300px -66px;}
#nav05 a{background-position: -380px -66px;}
/*現在位置*/
#nav01 a.stay{background-position: 0 -66px;}
#nav02 a.stay{background-position: -100px -66px;}
#nav03 a.stay{background-position: -200px -66px;}
#nav04 a.stay{background-position: -300px -66px;}
#nav05 a.stay{background-position: -380px -66px;}
/*on マウス*/
#nav01 a:hover{background-position: 0 -33px;}
#nav02 a:hover{background-position: -100px -33px}
#nav03 a:hover{background-position: -200px -33px}
#nav04 a:hover{background-position: -300px -33px}
#nav05 a:hover{background-position: -380px -33px}

#content{
	      overflow: auto !important;
				overflow:/**/: hidden;
				width: 100%;
				background: #fff;()left top repeat-y;
}
#about{
	      float: left;
				width: 500px;
}
#newsRelease {
	      float: left;
		  width:250px;
		  padding: #333;
}
#about .sectiopn p{
	      margin: 0 10px;
}
#about .section .link{
	    background: url()left center no-repeat; padding-left: 20px;
}
#newsRelease dl dt{
	    mergin: 20px 20px 0 20px;
}
#newsRelease dl dt{
	    font-size: 90%;
			color: #666;
			margin-top: 10px;
}
</style>
<body>
<div id="container">
<div id="header">ROOT-ROCK-REGGAE</div><a href="http://f.hatena.ne.jp/egz1984/20120524123029"><img src="http://img.f.hatena.ne.jp/images/fotolife/e/egz1984/20120524/20120524123029.jpg" alt="style"></a>
<h1 id="logo"><img src="image/" alt="yokoyoko" width="290" height="40"></h1>
<ul id="nav">
<li id="nav01"><a href="#"class="stay">HOME</a></li>
<li id="nav02"><a href="#">RADIO</a></li>
<li id="nav03"><a href="#">MIX TAPE</a></li>
<li id="nav04"><a href="#">NEWS</a></li>
<li id="nav05"><a href="#">CONTACT</a></li>
</ul>
<div id="content">
<h2><img src="http://img.f.hatena.ne.jp/images/fotolife/e/egz1984/20120524/20120524122906.png" alt="ROOT-ROCK-REGGAE" width="600" height="300"></h2>
<div id="about">
<h3><img src="images/title_01.gif" alt="new cultuer" width="107" height="42"></h3>
<div class="section">
<h4><img src="images/section_01.gif" alt="Black Cultuer Of New York" width="292" height="38"></h4>
<p>ニューヨークには現在、実に200万人以上の黒人が暮らしています。独自のライフスタイルを持つ彼らが文化発信都市ニューヨークになくてはならない存在だということは今では誰もが知るところですが、ひとくちにニューヨークの黒人といっても、いわゆるアフリカンアメリカンだけではなく、カリビアン、アフリカ人、南米人、カナダ人、ヨーロピアンと実に様々です。今から数百年前、奴隷として地球上のあらゆる国や地域に連れていかれたアフリカ人たちは、厳しい労働のあいまに現地の人々や文化と交わり、アフリカ文化をベースにした独自のミクスチャー文化を各地で築きました。その多彩さはまさに驚くばかりです。<br />そして今また、彼らの子孫がニューヨークという大都会に集い、アフリカ起源の文化という共通のバックボーンのもとに、それぞれのミクスチャー文化をさらにミックスさせ、まさに地球規模の多彩さを持った、しかもモダンで新しい文化を創り上げています。それはまた日々、ニューヨーク流の複雑な変化と深化を繰り返しています。そしてその“文化”とは音楽、詩や小説、映画や絵画といったアートの分野からスポーツ、言語や食生活、生活信条にまで及んでおり、音楽ひとつ取ってみてもR&B、ジャズ、ブルース、ラテン、レゲエ、アフリカ各地の民族音楽からヒップホップまで多岐にわたっています。</p>
<hr />
<p class="link"><a href="#">American Caribbean Latino 歴史へ</a></p>
</div>
</div>
<div id="newsRelease">
<h3><img src="images/title_news.gif" alt="NEWS TIMES" width="200" height="50"</h3>
<dl>
<dt>NEW YOUK AMERICAN</dt>
<dd> 毎年2月は「ブラックヒストリー月間」で、ニューヨークのローカル・ニュース局NY1も毎年、黒人史に関するミニ・コーナーをオンエアする。今年は、そのミニ・コーナーに初めてアフリカ移民コミュニティのエピソードが取り上げられた。<br />マンハッタンにあるハーレムの中だけではなく、ブルックリン、ブロンクス、クイーンズ、スタテン島と、ニューヨーク5区にそれぞれアフリカ移民のコミュニティが存在するのだ。</dd>
<dt>NEW YORK CARIBBEAN</dt>
<dd>ニューヨークのブルックリンにはありとあらゆる人々が住んでいる。一般的にはカリビアンやジューイッシュ(ユダヤ人)が多いとされているけれど、他にも数えきれないほどの民族コミュニティがある。</dd>
<dt>NEW YORK LATINO</dt>
<dd>とうとうラティーノ(*1)が黒人を抜いて、全米に於けるマイノリティ最大グループとなった<br />全米人口 約2.8億人<br />
ラティーノ 3,700万人(13.1%)<br />
黒人 3,620万人(12.9%)<br />「人口で上回ったといっても、我々黒人がこれまでに苦労して築き上げてきた社会基盤をラティーノはまだ持っていない」
「だいたい市民権を持っていない移民が多いから、選挙権保持者は40%にしか過ぎない。つまり政治パワーはないってことさ」
「ラティーノってのはカリブ海・中南米のあちこちの国から来ているわけで文化はバラバラ。団結力に欠けるね」
「そもそも英語を話さない奴も多いじゃないか」</dd>
</dl>
</div>
</div>
</body>
</html>