サムネール ページの 作 り 方 ビルダー 起 動 ファイル 標 準 モードで 新 規 作 成 ページタイトルを 入 れる 画 面 上 の BODY をクリック BODY の 属 性 ページ 情 報 タグ ページタイトル 紫 陽 花 と 入 力 OK 表 の 挿 入 表 の 挿 入 6 行 1 列 OK <1 行 目 > 属 性 表 タブ 表 の 幅 :750p x Ente r 属 性 セルタブ セルの 高 さ:120p x Ente r <2 行 目 > セルの 横 分 割 クリック クリック <3 行 目 > < 左 側 >セルタブ セルの 幅 :200p x Ente r < 中 央 >セルタブ セルの 幅 :350p x Ente r < 右 側 >セルタブ セルの 幅 :200p x Ente r 属 性 セルタブ セルの 高 さ:250p x Ente r <4 行 目 > <5 行 目 > <6 行 目 > 背 景 色 を 設 定 表 の 下 の 空 白 部 分 をクリック 背 景 / 文 字 色 のタブ 色 指 定 背 景 クリック その 他 16 進 R:cc G:cc U:cc 文 字 クリック その 他 16 進 R:5a G:5a U:5a 罫 線 の 幅 セルの 余 白 枠 の 幅 をゼロ(0)に 設 定 属 性 表 タブ 罫 線 の 幅 :0px Ente r 属 性 表 タブ セルの 余 白 :0px Ente r 属 性 表 タブ 枠 の 幅 :0px Ente r 位 置 揃 え 中 央 揃 え 名 前 をつけて 保 存 ファイル 名 :ajisai.htm l フォルダ kiso 3-1を 選 択 保 存
タイトル 画 像 の 挿 入 <1 行 目 > タイトル 挿 入 セルの 選 択 属 性 セルタブ 参 照 タイトル 画 像 (30title.jp g) 選 択 開 く <2 行 目 > < 左 側 > < 右 側 > < 中 央 > <3 行 目 > 挿 入 セルの 選 択 属 性 セルタブ 参 照 タイトル 画 像 (30kazar i.png) 選 択 開 く 右 揃 え 挿 入 セルの 選 択 画 像 ファイルの 挿 入 タイトル 画 像 (30kazari.pn g) 選 択 開 く 左 揃 え 雨 上 がり の 散 歩 道 をメモ 帳 (ajisa iサムネール.txt)から 選 択 右 クリック コピー 貼 り 付 け 雨 上 がり の 散 歩 道 を 選 択 右 クリック スタイルの 設 定 フォント:サイ ズ 予 約 後 ピクセルに 直 す 28px フォントタブ フォントの 候 補 ms と 入 力 MSP 明 朝 を 選 択 左 側 の 追 加 をクリ ック 文 字 の 属 性 : 太 さ 太 い を 選 択 文 字 のレイアウトタブ 水 平 方 向 の 配 置 を 選 択 中 央 揃 え OK 挿 入 セルの 選 択 メニューバー: 挿 入 ファイル その 他 のファイル ファイルの 種 類 すべての ファイル ファイルの 場 所 :HP 基 礎 基 礎 班 サムネール 素 材 開 く メモ 帳 ajisai.tx t を 選 択 開 く ファイルの 挿 入 : 改 行 位 置 を 保 持 を 選 択 OK 学 名 :Hydrangea 花 期 : 初 夏 を 選 択 ツールバー: 標 準 をクリック 見 出 し 3 を 選 択 改 行 マークを Delet eキーで 2 回 押 下 して 消 す 本 文 を 選 択 右 クリック スタイルの 設 定 フォントタブ フォント:サイズ 予 約 後 ピクセル に 直 す 18px フォントタブ フォントの 候 補 ms と 入 力 MSP 明 朝 を 選 択 左 側 の 追 加 をクリック 文 字 のレイアウトタブ 水 平 方 向 の 配 置 を 選 択 中 央 揃 え OK 行 間 予 約 後 パーセントに 直 す 150 レイアウト 4 方 向 ともに 同 じ 値 から 左 方 向 を 選 択 パディング:30px 右 方 向 を 選 択 パディング:30px OK 改 行 マークを Delet eキーで 1 回 押 下 して 消 す 上 書 き 保 存 <4 行 目 > サムネールを 挿 入 するセル(4 行 目 )を 選 択 挿 入 画 像 効 果 サムネール ドキュメント 基 礎 HP 基 礎 班 サムネール 素 材 挿 入 する 画 像 を 全 て 選 択 次 へ サムネール 作 成 ウィザード 自 分 で 設 定 する を 選 択 サムネール 全 体 の 配 置 : 中 央 配 置 自 分 で 設 定 する の 下 の 設 定 をク リック
横 一 列 に 配 置 するサムネール: 4 サムネールの 大 きさと 揃 え: 128 幅 を 揃 える を 選 択 リンク 先 の 写 真 の 大 きさ: そのままの 大 きさ を 選 択 OK 次 へ リンク 先 の 設 定 : ページ(P) ( 元 の 大 きさの 画 像 を 貼 り 付 けたページを 作 成 したそのページ へのリンクを 設 定 します)を 選 択 ページの 保 存 先 : 参 照 をクリック imag e を 選 択 してダブルクリック imag e が 大 文 字 IMAG E になるまでダブルクリック OK 現 在 のページの 背 景 / 文 字 色 を 使 用 する にチェックを 入 れる リンク 先 ファイル 編 集 モ ード が 標 準 になっていることを 確 認 プレビュー ボタンをクリックして 画 像 の 確 認 完 了 サムネールの 左 右 に 余 白 を 作 成 する サムネールのセルを 選 択 右 下 の 点 線 の 直 ぐ 上 にマウスを 合 わせてクリック 右 下 の 隅 にカーソル が 点 滅 ツールバー: 列 の 追 加 左 へ 追 加 属 性 :セルタブ セルの 幅 :38px ツールバー: 列 の 追 加 右 へ 追 加 属 性 :セルタブ セルの 幅 :38px Ente r 属 性 : 表 タブ 表 の 幅 :750p xente r サムネールの 下 にタイトル 分 のセルを 作 成 する サムネールのセルを 選 択 ツールバー: 行 の 追 加 下 へ 追 加 属 性 :セルタブ セルの 高 さ:30px Ente r 属 性 :セルタブ セルの 高 さ:30px Ente r サムネールのタイトルを 記 入 して 完 成 メモ 帳 : ajisa iサムネール.txt からコピー& 貼 り 付 け 上 書 き 保 存 リンクを 貼 る サムネール 画 像 を 右 クリック リンク 先 ページを 開 く を 選 択 リンク 先 の 画 像 ページが 開 く リンク 先 の 画 像 に 額 縁 を 作 る ツールバーの スタイルシートマネージャーの 表 示 を 選 択 外 部 スタイルシートの 追 加 参 照 ファ イルの 場 所 : imag e 開 く ファイル 名 を 入 力 する( 何 でも 良 い): ajisai と 入 力 開 く OK
スタイルシート 情 報 : 新 しく 作 って 出 来 たスタイルシート(file:/ / )を 選 択 真 ん 中 の 下 の 追 加 をクリック スタイル 設 定 ボックスが 表 示 される HTMLタグ 名 : 半 角 で img と 入 力 レイアウト ボーダー 予 約 語 ピクセルに 変 更 幅 :30px スタイル: 浮 き 出 し 色 設 定 ユーザー 定 義 その 他 (R:5b G:5b U:5b) OK OK 閉 じる( 額 縁 の 出 来 上 り) ツールバーの スタイルシートマネージャーの 表 示 を 選 択 スタイルシート 情 報 : 新 しく 作 って 出 来 たスタイルシート(file:/ / )を 選 択 真 ん 中 の 下 の 追 加 をクリック スタイル 設 定 ボックスが 表 示 される HTMLタグ 名 : 半 角 で td と 入 力 フォント フォントサイズ:28px フォントの 候 補 :MSP 明 朝 追 加 文 字 の 属 性 : 太 い 色 と 背 景 前 景 色 ユーザー 定 義 その 他 :16 進 (5A 5A A) 設 5定 OK OK 閉 じる 画 像 タイトルを 書 き 直 す メモ 帳 (ajisa iサムネール.txt)から 紫 陽 花 を 選 択 右 クリック コピー 貼 り 付 け ブラウザ で 確 認 額 縁 の 上 に 余 白 を 作 る ツールバーの スタイルシートマネージャーの 表 示 を 選 択 スタイルシート 情 報 : 新 しく 作 って 出 来 たスタイルシート(file:/ / )を 選 択 真 ん 中 の 下 の 追 加 をクリック スタイル 設 定 ボックスが 表 示 される HTMLタグ 名 : 半 角 で body と 入 力 レイアウト 上 方 向 パディング:50px OK 閉 じる( 額 の 上 に 余 白 が 出 来 る) 下 に2 行 の 追 加 をし 最 下 行 に BACK を 入 力 する 画 面 タイトル 紫 陽 花 の 右 横 をクリック ツールバー: 行 の 追 加 を 2 回 クリック 上 の 行 を 選 択 セルタブ セルの 高 さ:50px Ente r 下 の 行 を 選 択 セルタブ セルの 高 さ:30px Ente r メモ 帳 (ajisa iサムネール.txt)から BACK を 選 択 右 クリック コピー 貼 り 付 け サムネール ページにリンクの 設 定 をする BACK を 選 択 右 クリック リンクの 挿 入 参 照 ajisai.htm l を 選 択 開 く OK プレビュ ーで 確 認 ( BACK をクリックしてサムネール ページに 戻 れば 成 功 ) ページ 編 集 上 書 き 保 存 (ツ ールバー: 上 書 き 保 存 ) ビルダーの 画 面 を 右 上 の 下 の で 閉 じる 残 りの 額 縁 のないサムネールも 同 様 にリンクの 設 定 をする 次 の 額 縁 のないサムネールを 右 クリック リンク 先 ページを 開 く を 選 択 リンク 先 の 画 像 ページが 開 く ツールバーの スタイルシートマネージャーの 表 示 を 選 択 外 部 スタイルシートの 追 加 参 照 ajisai.cs s を 選 択 開 く OK 閉 じる 画 像 タイトルを 選 択 消 す メモ 帳 (ajisa iサムネール.txt)から 水 色 も 綺 麗 を 選 択 右 クリック コピー 貼 り 付 け
画 面 タイトル 水 色 も 綺 麗 の 右 横 をクリック ツールバー: 行 の 追 加 を 2 回 クリック 上 の 行 を 選 択 セルタブ セルの 高 さ:50px Ente r 下 の 行 を 選 択 セルタブ セルの 高 さ:30px Ente r メモ 帳 (ajisa iサムネール.txt)から BACK を 選 択 右 クリック コピー 貼 り 付 け BACK を 選 択 右 クリック リンクの 挿 入 参 照 ajisai.htm l を 選 択 開 く OK プレビュ ーで 確 認 ( BACK をクリックしてサムネール ページに 戻 れば 成 功 ) ページ 編 集 上 書 き 保 存 (ツ ールバー: 上 書 き 保 存 ) ビルダーの 画 面 を 右 上 の 下 の で 閉 じる 以 降 繰 り 返 し <5 行 目 > メモ 帳 (ajisa iサムネール.txt)から サムネイルクリックすると 別 画 面 で 大 きな 画 像 が 表 示 され ます を 選 択 右 クリック コピー 貼 り 付 け ツールバー: 標 準 をクリック 見 出 し 4 を 選 択 ツールバー: 中 央 揃 え ツールバー: 下 揃 え <6 行 目 > 6 行 目 のセルを 選 択 表 の 挿 入 :1 行 3 列 < 左 側 > 画 像 ファイルの 挿 入 基 礎 班 サムネール 素 材 BACKボタン 開 く 右 揃 え < 中 央 > 画 像 ファイルの 挿 入 基 礎 班 サムネール 素 材 HOMEボタン 開 く 中 央 揃 え < 右 側 > 画 像 ファイルの 挿 入 基 礎 班 サムネール 素 材 NEXTボタン 開 く 左 揃 え