10月の授業日記
10/7 HTMLとは
使用するアプリケーション
- 記述
- 閲覧
- アップロード
テキストエディタ
HTMLは言語なのでテキストエディタで記述できる
- テキストエディタ＞簡易ワープロのようなもの
- HTMLファイルは規定のプログラムがブラウザ＞ダブルクリックせずテラパッドから開く
FTPソフト(FFFTP)
ファイルのサーバーでの転送（アップロード）にはFTPソフトを使用する
（ｐ264）接続を押すと左右に分かれたフレームが開く
- 左がローカルフォルダ/右がサーバー
- ファイルアイコンを左から右へドラッグすることでアップロード
- もしくはアップロードボタン
ファイルが変わらない場合
- 編集後は表示を更新ボタンで時刻が新しくなったのを確認する
ブラウザ（IE)
HTMLファイルの閲覧にはブラウザを用いる
なぜHTMLを使うのか
インターネットでは環境に依存しない互換性が重視される
それまでのファイル形式
ワープロ
ファイルにコードで修飾情報を埋め込む＞方法（ファイル形式）がまちまち
テキスト形式
コードを埋め込まず文章だけなので互換性が高い
HTML形式
- 互換性の高いテキスト形式を利用
- 文章の情報を文字で記述した言語
- 文章の意味
- 画像の保存場所
- リンク先のファイルの場所
問題点
- 文章で文章が書かれているのでかえって読みづらい
解決策
記述と閲覧（ブラウザ）を分離
- 閲覧には閲覧専用ソフト＞ブラウザを用いる
- ブラウザはタグの部分を表示せず、その意味を解釈しふさわしい表現をする
タグ
- 文章の役割を印をつけたもの（マークアップ）
- 本文と区別するために＜＞で囲まれる
- ＜＞とその中は英数半角
範囲指定
- 範囲の始まりを＜開始タグ＞
- 範囲の終わりを＜/終了タグ＞
- その間に挟まれた部分がタグの適応範囲
今日のひとこと
難しかったけど面白かった。
10/14 構造定義
記述のポイント
上から順に入力しない
- 開始タグの入力
- タグは＜で始まり＞で閉じられる
- 閉じ忘れると正しく表示されない
- ＜
- ＜＞（先に閉じる）
- ＜タグ＞（カーソルで戻り中身を入力）
- 終了タグの入力
- 開始タグと終了タグはセットになっている
- 終了タグがないと正しく表示されない
- 開始タグをコピー
- 改行し、ペースト
- /を打ち、終了タグに変える
- タグを適応する中身を入力
構造タグ
- すべてのＨＴＭＬ文章は＜html＞〜＜/html＞（ＨＴＭＬタグ）内に記述される
- ＨＴＭＬ内は＜head＞＜body＞に分かれる
ＢＯＤＹ
- ブラウザの画面内に表示される部分はこの中に記述する
ＨＥＡＤ
- タイトルなど画面内に表示されない情報はここに入れる
以上の情報は（ほとんど）全てのＨＴＭＬの文章で共通
いちいち作成せず、雛型（kouzou/html）を開き別名保存して作成する
(ここから手書きタグで入力)
文章の構造定義
HTML文章の記述とはタグを用いて文章の構造（機能）を明示していくことである