[メモ帳でサイト作成]DIRのインデックス /hp/index.xml 目次（メモ帳でWEBサイト作成） このディレクトリはＷＥＢサイトの設計・作成を支援するためのファイルがあります。 注：ホムペ（ホームページ、ＨＰ）という呼び方は通称なので、このディレクトリでは全て「ＷＥＢサイト」（または単にサイト）という呼び方に統一しています。通常ホームページという呼ぶのは、「トップページ」と言われる一番初めに表示される「表紙ページ」のことです。初心者の方から、すでにビルダーなどＨＰ作成ソフト経験者でタグを覚えたいという方まで、広く対応させるために、文中極初歩的な内容にも解説を加えているので、わかる部分については読み飛ばしてください。 前準備：使用ソフトのインストール メモ帳の準備 hp0001.xml self メモ帳の準備 アップロード用ソフトの準備 hp0002.xml self FFFTPをインストールする 入門編（ファイル作成からアップロードまでのおおまかな流れ） 共通して使うパーツはテンプレートとして保存すると楽になる hp0101.xml self テンプレート作成 お約束「こんにちは世界」を書いてファイルの作成と保存の流れを理解する。 hp0102.xml self ファイルの作成・保存 実質これだけ覚えればサイトは出来上がる！ hp0103.xml self 最低限必要な知識（４大要素） FFFTPを使ってPCからインターネットにアップロード hp0104.xml self ファイルのアップロード 基礎編（四大要素のプログラムソース） p：まず何よりも中身、文章を表示する要素 hp0105.xml self 文章：パラグラフ要素 h：ｐ要素と書き方はソックリだけど表す意味が違う、題名を意味する要素 hp0106.xml self 見出し：ヘディング要素 img：百聞は一見にしかずのときもある、画像を表示する要素 hp0107.xml self 画像：イメージ要素 a：別のページへジャンプ、複数のページを行き来する要素 hp0108.xml self ハイパーリンク：アンカー要素 ここまでのまとめ hp0109.xml self 入門編のまとめ 応用編（strictかつ実用的な要素について） その他の要素の概略 hp0201.xml self その他の要素について strong：特定の言葉を強調したい hp0202.xml self 強調：ストロング要素について div：p要素とは別の文章要素でデータの意味を区別したい hp0203.xml self 文章２：ディビジョン要素について hr：水平線を引きたい hp0204.xml self 水平線：ホライゾン要素について ulまたはol：箇条書きしたい hp0205.xml self 箇条書き：リスト要素について table：表を作りたい（その１） hp0206.xml self 表：テーブル要素について（その１） table：表を作りたい（その２） hp0207.xml self 表：テーブル要素について（その２） table：表を作りたい（その３） hp0208.xml self 表：テーブル要素について（その３） address：サイト管理に関する情報を明示したい hp0209.xml self 管理者名：アドレス要素について a：ページの途中へ飛べるようにしたい hp0210.xml self 指定場所にジャンプ：特殊なアンカー要素について 考察編（基礎がわかれば、より深い理解ができる） 要素とタグの違い hp0211.xml self 要素とタグの違いについて ブロック要素とインライン要素 hp0212.xml self ブロック要素とインライン要素について 階層構造が分かればアンカー要素に苦しまない（その１） hp0213.xml self 階層構造について 階層構造が分かればアンカー要素に苦しまない（その２） hp0214.xml self 相対パスとリンクについて ↓作成中（デッドリンク）↓ body：body要素とは hp0215.xml self ボディ要素について head：閲覧者のブラウザに渡す情報（その１） hp0216.xml self ヘッダ要素の書き方について meta：閲覧者のブラウザに渡す情報（その２） hp0217.xml self メタ要素の書き方について カスケーディングスタイルシート(CSS) スタイルシートの書き方（その１） hp0301.xml self 埋め込み・内部スタイルシートについて スタイルシートの書き方（その２） hp0302.xml self 外部スタイルシートについて 外部CSSを使ってみての実感 hp0303.xml self 外部CSSについて スタイルシートの書き方（その３） hp0304.xml self 特定箇所にスタイルシートを効かせる方法について 基本：ボックスという概念（boxは要素や属性ではありません） hp0305.xml self boxについて ＴＩＰｓなど ＷＥＢセーフカラー一覧 hp0401.xml self ＷＥＢセーフカラーについて 実体参照 hp0402.xml self 実体参照について