基礎と応用のホームページ講座

基礎と応用のホームページ講座（３２）
校区の話題ページの作成
「校区の話題ページのリンクツリー」画面
┏ btn ┳ ttindex_ah.jpg
D: ━ yamatesho ╋ topic ╋ ＊＊Atopic_ndx.htm
┃ ┣ tttopic_ndx_ah.jpg
┃ ┣ topic_ndx_ah.jpg
┃ ┣ new04ah.jpg
┃ ┣ ＊＊＊Btopic01.htm
┃ ┣ topic01ah.jpg
┃ ┣ ＊＊＊Ctopic02.htm
┃ ┣ topic02ah.jpg
┃ ┣ ＊＊＊Dtopic03.htm
┃ ┗ topic03ah.jpg
┗ ＊@index.htm
写真（１）
　写真（１）は、「校区の話題ページのリンクツリー」画面です。
「校区の話題ページの作成(２)」画面
写真（２）
　写真（２）は、「校区の話題ページの作成(２)」画面です。
(１)「新規作成」→「ファイルの場所」を確認(D：ドライブの「yamatesho」フォルダの「topic」フォルダ)
(２)「ファイル名」は「00」(原簿)→「開く」
新規作成の詳細はこちらをご覧下さい←クリック
「校区の話題ページの作成(３)」画面
写真（３━１）
　写真（３━１）は、「背景色の設定」画面です。
(１)「編集」→「文書のプロパティ」→「背景/テキスト色」→「背景」の「選択」→「色の作成」
(２)@大まかな色を選択→A色の濃淡選択→B「RGU」(入力)→C実行画面
(３)「RGU」の数値は色々と使うので、校区の話題の背景色として、記録する。
写真（３━２）
　写真（３━２）は、「ロゴタイトルの設定」画面です。
(１)ビルダー上の「ツール」→「ロゴデザイナー」→「背景」(写真（３━１）のRGU数値を入力)
(２)@「文字」→A「文字色」(グラデーション上下)→B上の色と下の色を選択
(３)Cフォントやサイズの設定→D「文字入力」→「文字効果(影)」→E実行結果
写真（３━３）
　写真（３━３）は、「校区の話題ページの作成(３)」画面です。
(１)「切り取り」→「保存」→A「名前を付けて保存」
(２)B「保存する場所」を確認(ここでは「yamatesho」フォルダの「topic」フォルダ)
(３)C「ファイル名」に(tttopic_ndx_ah)と入力
(４)D「保存」
ロゴタイトル作成の詳細はこちらをご覧下さい←クリック
「校区の話題ページの作成(４)」画面
写真（４）
　写真（４）は、「校区の話題ページの作成(４)」画面です。
(１)@「文字」→A「文字色」(単色)→B「赤色」→C「サイズ」(１８)
(２)D文字の入力→文字効果(なめらか)→E実行例
ボタンの作成の詳細はこちらをご覧下さい←クリック
「校区の話題ページの作成(５)」画面
写真（５）
　写真（５）は、「校区の話題ページの作成(５)」画面です。
(１)「切り取り」→@「保存」→A「名前を付けて保存」
(２)B「保存する場所」(「topic」フォルダ)
(３)C「ファイル名」(index04ah)入力(「index04ah」の意味は、indexボタンの４つ目で、アップ用)
(４)D「保存」
(５)写真（４）・写真（５）の方法で、home・back・next・newボタンを作成する。
「校区の話題ページの作成(６)」画面
写真（６）
　写真（６）は、「校区の話題ページの作成（６)」画面です。
(１)「topic」フォルダの内容です。
「校区の話題ページの作成(７)」画面
写真（７）
　写真（７）は、「校区の話題ページの作成(７)」画面です。
(１)ビルダー上の原簿(00.htm)に、マイコンの「topic」フォルダのタイトル・ボタンを挿入します。
ボタンなどの挿入の詳細←クリック
「校区の話題ページの作成(８)」画面
写真（８）
　写真（８）は、「校区の話題ページの作成(９)」画面です。
(１)原簿(00.htm)をコピーします。
(１)「ファイル」→「名前を付けて保存」
「校区の話題ページの作成(９)」画面
写真（９）
　写真（９）は、「校区の話題ページの作成(９)」画面です。
(１)@「topic」フォルダの１ページ目ということでA「topic01」というファイル名を付けます。
(２)B「保存」→「上書き保存」
「校区の話題ページの作成(10)」画面
写真（１０）
　写真（１０）は、「校区の話題ページの作成(10)」画面です。
(１)「ファイル」→「名前を付けて保存」
(１)@「保存する場所」を確認(topicフォルダ)
(２)A「ファイル名」はtopicフォルダの小目次という意味で「topic_ndx」とします。
(２)B「保存」→「上書き保存」
＊フォルダ名がページのファイル名と関連付けることが基礎基本です。