昨日の小テストの結果についてと最近の授業。 - 汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary

汗で稼ぐ榎本行宏（フェリカwebサイト制作科2014年8月18日開講の生徒）です。
昨日のテストは何問か間違えてしまった。
来週の火曜日にハローワークに提出する大事なテストがある。
それは間違えていられない。
それもそうだが最近、授業についていけなくなってやばい。
今まではなんとか授業にかろうじてついていってた感じだったが、最近はまったくついていけずひとり置いていきぼりな感じだ。
こうなったら維新政党・新風に入党してヤルタポツダム体制を打破するしかない！（*ω*）
維新政党・新風 - 日本人なら、新風が支持する候補者を勝たせよ！

榎本行宏のツイッター↓
@yukihiroenomoto

↓えのちゃんねる日記のはてなブログ版。
<a href="http://yukihiroenomoto666.hatenadiary.com/">汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary</a>
汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀とあとなんか。〜はてなブログ版バージョン1.17 yukihiroenomoto666’s diary

↓えのちゃんねる日記のはてなダイアリー版。
<a href="http://d.hatena.ne.jp/yukihiroenomoto666/">汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀と、あとなんか。〜はてなダイアリー版バージョン1.17</a>
汗で稼ぐ榎本行宏の『えのちゃんねる日記（仮題）』〜webデザインの勉強と漫画と小説と麻雀と、あとなんか。〜はてなダイアリー版バージョン1.17

↓授業で作ってるjimdoの僕のページ。
Home - comic-parkdias-ye-666 ページ！

↓以下は昨日の授業でやったHTMLとCSS。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>卵料理カフェ</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="#container">
<div id="sub">
<h1><img src="img/logo.gif" width="82" height="78" alt="卵料理カフェ Cockeyolly"></h1>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">ニュース</a></li>
<li><a href="#">メニュー</a></li>
<li><a href="#" class="this">今月のおすすめ</a></li>
<li><a href="#">オリジナル雑貨</a></li>
<li><a href="#">マップ</a></li>
<li><a href="#">メール</a></li>
</ul>
</div><!-- /#sub -->
<div id="main">
<h2><img src="img/title.gif" width="231" height="49" alt="今月のおすすめ"></h2>
<div class="content">
<h3>きのこのオムライス</h3>
<p><img src="img/photo01.jpg" width="185" height="129" alt="きのこのオムライス">ふんわりアツアツのオムライスを、きのこたっぷりのドミグラソースでどうぞ。オムレツには新鮮な特選地卵を使って、ほんのり甘く仕上げています。<span class="prince">800円</span></p>
<h3>シーフードスパゲッティシーフードスパゲッティ<br>
バルサミコ風味</h3>

<p><img src="img/photo02.jpg" width="184" height="130" alt="シーフードスパゲッティバルサミコ風味">エビ・イカ・アサリの入ったシェフご自慢のスパゲッティです。<br>バルサミコ酢と生クリームで作ったさっぱりソースをお楽しみください。<span class="price">900円</span></p>

<p class="footer"><small>(c)2014  卵料理カフェ Cockeyolly</small></p>
</div>
</div><!-- /#container -->
</body>
</html>


@charset "utf-8";

html, body, div, h1, h2, h3, p, ul, li, {
  margin: 0;
  padding: 0;
  line-height: 1.0;
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, Osaka, 
    "ＭＳ Ｐゴシック", "MS PGothic",
     sans-serif;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  border: none;
  vertical-align: bottom;
}
body {
  color: #333;
  font-size: 16px;
  background: url(../../0910/img/02.png) repeat-y;
}



#container {
  width: 680px;
  padding: 15px;
  overflow: hidden;
}
#sub {
  width: 130px;
  float: left;
  margin-right: 50px;
}
#sub h1 {
  margin-bottom: 50px;
}

#main {
  width: 460px;
  float: left;
  margin-top: 30px;
}
#main h2 {
  margin-bottom: 50px;
  text-align: center;
}
#main h3 {
  color: #7C533F;
  line-height: 1.3;
  margin-bottom: 16px;
  padding-left: 0.5em;
  border-left: 8px solid #DA8125;
}
#main p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 40px;
}
#main p img {
  float: right;
  margin: 0 0 10px 10px;
}
p.footer {
  color: #999;
  text-align: center;
  padding-top: 6px;
  border-top: 1px solid #999;

}
span.price {
  font-weight: bold;
}
#sub li {
  margin-bottom: 10px;
}
#sub li a {
  color: #FFF;
  font-weight: bold;
}
#sub li a:hover {
  color: #FF3;
}
#sub li a.this {
  color: #FF3;
}