Yasushi Noguchi Class
class resume organized by Y.Noguchi
文字コードという、文字を表示するためのルールは、それぞれのコードによって違う。以下はウェブサイトでよく使われる文字コードである。
かつて日本ではEUC-JPが主流だったが、現在はUTF-8が使われるようになってきている。
よって、この授業ではUTF-8を使用する。
基本タグ
html
1
<html> … </html>
xhtml全体の定義。このコードがxhtmlで書かれているということを記述している。
コード全体の最初と最後に記述。
ヘッダ
headタグ（ヘッダ）には、そのページの様々な属性を定義するためのタグを記述する。
1
2
<head>
</head>
という記述になる。
metaタグと文字コード
headタグの中にmetaタグを記述し、metaタグの属性として文字コードを記述する。文字コードは、文字を記述するためのルールだと理解すれば良い。
かつて日本ではEUC-JPが主流だったが、現在はUTF-8が使われるようになってきているので、この授業ではUTF-8を使用する。
1
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
他にも様々な文字コードがある。以下は代表的な例。
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-2022-JP” />
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS” />
<meta http-equiv=”Content-Type” content=”text/html; charset=EUC-JP” />
<head>要素の中で、文字コードの設定をする。テキストエディタの設定と合わせなければならない。
サーバとクライアント
webサイトを作る際に用いられるのがhtml文書（と画像など）で、そのhtml文書を読み込み、表示するのがブラウザである。ブラウザは、ネットワーク上にあるhtml文書だけでなく、ブラウザの起動しているPC内（ローカル環境という）のハードディスクにあるhtml文書も同じように表示できる。
クライアント環境にあるhtml文書は自分しか見ることができないが、FTPやSCPという方法によってサーバーへ文書をアップロードすれば、インターネット上に公開されたウェブサイトとなる。
htmlファイルのファイル名は通常のファイル名と違って様々な制約がある。
ファイル名の基本
必ず「半角英数字」を使用すること。
この時、日本語や全角英数字を使うとリンクが正しく繋がらない。
良い例：index.html、top.html、page.html
悪い例：インデックス.html（日本語）、ｗ１２４.html（全角文字）
その他
文字と文字の間にスペースを入れてはいけない。
カンマ「,」、セミコロン「;」も使わないこと。
また、多くのウェブサーバは大文字と小文字を区別する。「Abc.html」と「abc.html」は別のファイルとして認識する。が、通常の使用の場合には小文字のみを使う方が無難。
1. 授業の目的
現在主流となっているxhtml+CSSを実習によって体験することによる、html文書の構造の理解
タイポグラフィやレイアウトの実習を行うことによる、デザイン基礎の学習
自己紹介サイトを制作することによる、他の学生への自身のプレゼンテーション実習
