2012-11-28

27日　授業記録

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>今日の天気</title>
<style>
/* reset */
* {
  margin: 0;
  padding: 0;
}
body {
  padding: 30px;
  background-color: #eee;
}
h1 {
  color: #fff;
  background-color: #00bec4;
  width: 500px;
  margin: 0 0 20px 0;
  padding: 10px 1em 7px 1em;
}
</style>
</head>
<body>
<h1>11月27日快晴</h1>
<p>ここしばらくは、天気が良くても寒く感じます。</p>
</body>
</html>

2012-11-28

28日　授業記録

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>無題ドキュメント</title>
<style>
body {
	background-color:#8fbc8b;
}
h1  {
	font-size: 2.2em;
	color: #ffffff;
}
h2  {
	font-size: 20px;
	color: #ffffff;
	padding: 0 0 0 10px;
	background-color: #bc8f8f;
}
p  {
	font-size: 0.875em;
	line-height:2.0;
	padding:10px
	color:#333333;
	background-color:#f5f5dc;
}
</style>
</head>
<body>
<h1>About wine</h1>
<h2>Chianti Classico Riserva</h2>
<p>1435年創業の由緒あるワイン醸造メーカーの名家マッツェイが所有するぶどう園は、いたるところにローマ時代の遺跡が残る小さな集落にあります。<br>
15世紀から現在に至るまで、キャンティワインの造り手たちの先導者であり続けるマッツェイの歴史は、キャンティワインの歴史といっても過言ではありません。キャンティの最高峰と呼ばれるマッツェイは、もっぱら地元の人のために造られる量り売りを飲んでいたぼくにとって、憧れのワイナリーでした。当時はおじいちゃんになったら飲めるかなと思っていましたが、こうして日本で、ましてや自分の店のリストに加えることができるなんて驚きです。</p>
</body>
</html>

2012-11-26

【第１回】インターネット（11月27日予定）

（1）URLとは

URLとは［　　Ａ　　］の略で［　　Ｂ　　］を示す場所です。
URLには、［　　Ｃ　　］と［　　Ｄ　　］の２通りの指定方法があります。
「http://」は、［　　Ｅ　　］と呼びます。
「www.」は、［　　Ｆ　　］です。

[A]Uniform Resource Locator [B]Webサイトのアドレス
[C]絶対パス　[D]相対パス　
[E]Hypertext Trasfer Protocol.WEBサーバーとWEBブラウザの間でHTML等のコンテンツの送受信に用いられる専用プロトコル。
[F]World Wide Web.インターネット上で提供されるハイパーテキストシステム

（2）Webページを公開するには

Webページを置く場所を［　　Ａ　　］上に確保する。
確保した場所にWebページを置く。このことを［　　Ｂ　　］するといいます。

[A]サーバー
[B]アップロード

（3）Webページを置く所を確保する

自分で［　　Ｃ　　］を立ち上げる。
［　　Ｃ　　］のディスクスペースを貸してくれる業者と契約する。

[C]サーバー

（4）Webページを公開する

Webページをインターネットに公開するには、作成したファイルをどこに置く必要がありますか。
　　（a）インターネットに接続しているサーバー

　　（b）インターネットにアクセスできるコンピューター

　　（c）ブラウザがインストールされているコンピューター

○(a)

作成したHTML文書のファイルをインターネットに置くには、何をする必要がありますか。
　　（a）作成したファイルをWeb用に変換する

　　（b）作成したファイルを暗号化する

　　（c）作成したファイルをサーバーにコピーする

○(c)

（5）Webページを公開するときに使う言葉

インターネットへの接続サービスを提供する企業。（サーバーのディスクスペースを貸し出すところもある。）
　　［　　Ａ　　］

ネットワークを介してファイルをコピーすること。
　　［　　Ｂ　　］

ファイルのアップロードやダウンロードをおこなうためのツール
　　［　　Ｃ　　］

[A]インターネットサービスプロバイダ
[B]ダウンロード
[C]FTPクライアント

2012-11-26

リンク

<p><a href="sample.html">sampleページへ移動</a></p>

<style>
body {
  background-color: #90fc3c;
}
</style>
</head>
<p><a href="index.html">戻る</a></p>
<body>

2012-11-26

昨日のまとめ

www≠インターネット　wwwは仕組み
alt=""←中は空。alt属性は必要
<ol>の中に<p>はダメ
htmlは内側から作っていく。レイアウトは外側から。
ページ作成。画像保存は-.jpg
絶対パスと相対パス

2012-11-25

初めてpre記法使いました・・・

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>タイトル</title>
</head>
<body>
<h1>見出し</h1>
<p>本文</p>
<h2>見出し</h2>
<p>本文</p>
<h3>見出し</h3>
<p>本文</p>
</body>
</html>

2012-11-24

復習

表組み

table：table
tr：table row
th：table head
td：table description

<tr>
<th>国語</th>
<td>正しい文書構造を理解する（パラグラフの概念）</td>
</tr>
<table>

疑問?
授業で入力した<table border="1" summary="カリキュラム内容のイメージ">とは?