超図解 ホームページV3 公式ガイドブック

Size: px
Start display at page:

Download "超図解 ホームページV3 公式ガイドブック"

Transcription

1

2 目 次 目 次...2 Q&A 目 次...6 第 第 第 第 お 使 いにな 前 に セクション 1 ホムペジとは...8 セクション 2 ホムペジ 開 設 の 申 し 込 み セクション 3 ホムペジV3 の 特 長 セクション 4 インストルとアンインストル セクション 5 起 動 と 終 了 セクション 6 ホムペジ V3 アップデトできようにす セクション 7 画 面 構 成 と 基 本 操 作 この 章 のまとめ 第 第 第 第 かんたん 手 軽 にホムペジ 作 セクション 8 スタトアップウィザドでホムペジ 作 セクション 9 でき 上 がったホムペジ 確 認 す セクション10 文 字 入 力 編 集 す セクション11 文 字 の 書 式 変 更 す セクション12 文 字 の 書 式 変 更 す セクション13 画 像 挿 入 す セクション14 画 像 変 更 す セクション15 文 字 にリンク 設 定 す セクション16 画 像 やボタンにリンク 設 定 す セクション17 ペジ 名 変 更 す セクション18 サイト 名 変 更 す セクション19 編 集 画 面 の 表 示 変 更 す セクション20 転 送 の 設 定 す セクション21 サイト 転 送 す

3 セクション22 変 更 したファイルだけ 転 送 す セクション23 サバ 上 にフォルダ 作 成 す この 章 のまとめ 第 第 第 第 サイトの 構 成 変 更 す セクション24 サイトの 構 成 理 解 す セクション25 ペジ 追 加 複 製 削 除 す セクション26 ペジインポトす セクション27 ペジの 順 番 変 更 す セクション28 ペジに 階 層 追 加 す セクション29 自 動 リンクはずす セクション30 サイトの 設 定 変 更 す セクション31 転 送 の 設 定 変 更 す この 章 のまとめ 第 第 第 第 ペジデザインす セクション32 スタイルシトとは セクション33 ペジデザイン レイアウトす セクション34 サイトのデザイン 変 更 す セクション35 サイトのレイアウト 変 更 す セクション36 個 別 のペジのレイアウト 変 更 す セクション37 ペジ 幅 広 げ セクション38 ペジの 背 景 変 更 す セクション39 タイトルのデザイン 変 更 す セクション40 レイアウトエリアのスタイル 変 更 す セクション41 横 メニュのデザイン 変 更 す セクション42 縦 メニュのデザイン 変 更 す この 章 のまとめ

4 第 第 第 第 践 1~ 日 記 サイト 作 セクション43 これから 作 サイトの 紹 介 セクション44 アクセスカウンタ 設 置 す セクション45 オリジナルタグ 作 成 す セクション46 更 新 履 歴 ボックス 設 置 す セクション47 RSS 設 置 す セクション48 移 動 ボタンボックス 設 置 す セクション49 Flashギャラリペジ 作 成 す この 章 のまとめ 第 第 第 第 践 2~ 会 社 サイト 作 セクション50 これから 作 サイトの 紹 介 セクション51 表 挿 入 す セクション52 ロゴ 挿 入 す セクション53 ロルオバ 効 果 設 定 す セクション54 イメジマップ 作 成 す セクション55 資 料 請 求 フォム 作 成 す この 章 のまとめ 第 第 第 第 践 3~ポタルサイト 作. 第. 第. 第. 第. 第. 第. 第. 第. 第. 第. 第. 第. 第. 第. 第.197 セクション56 これから 作 サイトの 紹 介 セクション57 Googleのガジェット 挿 入 す セクション58 メディアファイル 挿 入 す セクション59 アフィリエイト 挿 入 す セクション60 掲 示 板 サビス 利 用 す この 章 のまとめ

5 第 第 第 第 まだまだあ 便 利 な 機 能 セクション61 スマトフォン 用 サイト 作 成 す セクション62 ホムペジ ビルダ で 作 成 したファイル 取 り 込 む セクション63 レイアウトユニット 挿 入 す セクション64 画 像 やテキスト 自 由 に 表 示 す セクション65 テキストボックスにアニメション 設 定 す セクション66 画 像 編 集 す この 章 のまとめ 第 第 第 第 付 録 Q&A 困 ったときは サポトへのお 問 い 合 わせ 用 語 集 索 引 ホムペジ V3 製 品 サポトについて

6 Q&A 目 次 Q. 他 社 のホムペジ 作 成 ソフトで 作 成 したファイル 読 み 込 むと レイアウトや 画 像 が. 崩 れてしまう Q[プレビュ]. 画 面 や 転 送 後 のペジのレイアウトが 崩 れてい. (メインがサイド1の 下 にずれ 落 ちてしまうなど) Q. メルフォムからメルが 送 信 できない Q. サバに 転 送 できない Q. 画 像 やテキストボックスの 配 置 がブラウザで 確 認 すとずれてい Q. ボタンの 表 示 内 容 が 変 更 できない Q[HTMLモド]で. 入 力 したタグが 消 去 されてしまう Q. 掲 示 板 が 利 用 できない

7 第 1 章 お 使 いにな 前 に ホムペジV3 ご 利 用 いただく 前 の 準 備 のステップで す ホムペジ 作 成 す 前 に 準 備 していただくことと ホムペジV3 についてあらかじめ 知 っておいていただ きたいこと 解 説 した 後 ホムペジV3 のインスト ル 起 動 終 了 エントリ 画 面 構 成 などの 説 明 行 な います セクション 1 ホムペジとは 8 セクション 2 ホムペジ 開 設 の 申 し 込 み 12 セクション 3 ホムペジV3 の 特 長 14 セクション 4 インストルとアンインストル 22 セクション 5 起 動 と 終 了 28 セクション 6 ホムペジ V3 アップデトできよう にす 30 セクション 7 画 面 構 成 と 基 本 操 作 34 この 章 のまとめ 40

8 セクション 1 ホムペジとは ホムペジ 作 前 に その 基 本 構 造 理 解 しておきましょう ホムペジとはどのようなものか またどのように 作 り 公 開 すのかについて 解 説 します 第 1 章 お 使 い に な 前 に ホムペジとは ホムペジの 本 体 はワプロソフトやテキストエディタで 作 ことができテキストファイルで 画 面 表 示 の 内 容 や 方 法 HTML(Hyper Text Markup Language)という 言 語 で 書 いた ものです サンプルHTMLワプロやエディタなどで 開 くと 右 のように 表 示 されます サンプルHTMLファイル:sample.html このファイル ブラウザと 呼 ばれソフトウェアで 開 くと 右 の ように 表 示 されます 表 示 されてい 文 章 はすべて 右 上 のHTMLファイルに 直 接 記 述 されています 一 方 画 像 はHTMLファイルの 中 ではファイル 名 (sample.jpg)として 画 像 のファイル 名 (sample.jpg) 指 定 してHTMLファイルから 呼 び 出 して 表 示 しています このよう に HTMLファイルと 画 像 表 示 すホムペジの 場 合 には HTMLファイルから 呼 び 出 され 画 像 ファイル 用 意 しなくて はなりません HTMLファイルの 拡 張 子 は.html.htm? URL の 末 尾 見 と index.htm であったり index.html になっ ていたりします HTMLファイルの 拡 張 子 は どちら 使 用 して も 特 に 問 題 はありません htmは 拡 張 子 は3 文 字 という 制 限 の あったWindows 以 前 のパソコン 時 代 の 名 残 です ただし 1つのサイトの 中 に html と htm 両 方 使 用 すと 後 でトラブルが 発 生 す 可 能 性 もありますので 統 一 して 使 用 す ようにしましょう ホムペジV3 では 最 初 の 設 定 では html に 設 定 されていま す 拡 張 子 の 設 定 方 法 は P.104 セクション30 サイトの 設 定 変 更 す 参 照 してください 8

9 ホムペジ 見 ホムペジは ブラウザと 呼 ばれソフトウェアで 表 示 します Windowsパソコンには Internet Explorerが 標 準 で 搭 載 されていますが Google ChromeやFirefoxなどのブラウザインタネットからダウンロドして 使 用 すことも できます ホムペジの 閲 覧 とは これらのブラウザ 使 って インタネットに 接 続 されたサバ 上 にあHTMLファ イル 表 示 すこといいます ホムペジ 閲 覧 すためには HTMLファイルが 収 録 されたサバの 名 前 と 閲 覧 すファイル 名 指 定 す 必 要 が あります ファイル 名 の 指 定 は 次 のように 行 ないます これURL(Uniform Resource Locator)といいます 目 的 の HTMLファイルの 在 処 示 すインタネット 上 の 住 所 です ❶ ❷ ❸ ❹ ❶ 通 信 規 約 : 通 信 行 なう 際 の 取 り 決 めです 通 常 はhttp://が 使 用 されます ❷ドメイン 名 : サバに 付 けられた インタネット 上 で 通 用 す 名 前 です ❸ディレクトリ 名 : サバ 内 でHTMLファイルが 格 納 されてい 場 所 示 すもので パソコンの フォルダ に 相 当 します ❹ファイル 名 : 閲 覧 すファイル 名 です index.htmlは ディレクトリにアクセス した 際 に 最 初 に 参 照 されファイルで 省 略 が 可 能 です ディレクトリとは ディレクトリとは パソコンの 記 憶 装 置 上 の 論 理 的 な 区 分 けで あり ファイルはディレクトリ に 保 存 されます Windows で はフォルダと 呼 ばれています 基 本 操 作 編 1 ホ ム ペ ジ と は URL 指 定 サバ ブラウザ Internet HTMLファイル index.html 関 連 ファイルダウンロド 画 像 ファイル URL 指 定 して サバにアクセスすと サバ 上 にあHTMLファイル(および 関 連 ファイル)は 自 分 のパソコ ンに 一 時 的 にダウンロドされ ブラウザによって 表 示 されます 9

10 ホムペジ 作 成 す ホムペジ 作 成 すということは HTMLファイル 作 成 すことです また ホムペジ 上 に 画 像 表 示 す 場 合 は 画 像 ファイル 用 意 して HTMLファイルからその 画 像 ファイル 参 照 す 必 要 があります 第 1 章 お 使 い に な 前 に HTMLファイルはテキストファイルなので エディタ(Windowsならばメモ 帳 )と 表 示 方 法 や 表 示 内 容 指 定 すHTMLタ グの 知 識 があれば 記 述 すことができます しかし 美 しいレイアウトや 魅 力 的 な 表 示 方 法 複 雑 な 見 せ 方 現 しようと すればすほど HTMLタグの 構 造 が 複 雑 になり HTMLタグの 記 述 からペジの 完 成 イメジ 想 像 すことが 困 難 になっ てきます また 変 更 や 間 違 いの 修 正 も 簡 単 にはできなくなります こうしたときに 便 利 なのが ホムペジ 作 成 ソフト ホムペジV3 です 専 門 知 識 がなくても ワプロの 文 書 編 集 すような 感 覚 で ホムペジ 簡 単 に 作 成 編 集 できます 文 字 の 書 式 設 定 や 画 像 の 配 置 も マウス 使 って 直 感 的 に 操 作 でき 変 更 結 果 もその 場 で 確 認 できます サイトの 構 成 ( 各 ペジ 同 士 の 関 係 )も 視 覚 的 に 確 認 でき ドラッグ&ド ロップによって 簡 単 に 変 更 できます こうした 直 感 的 な 操 作 の 結 果 として HTMLファイルが 自 動 的 に 作 成 されます ペジの 編 集 画 面 HTMLの 記 述 10

11 基 ホムペジ 公 開 す HTMLファイルと 画 像 ファイルなどの 必 要 なファイルが 完 成 したら インタネットに 接 続 されたサバに 作 成 したファ イル 送 信 し 保 存 します これアップロドといいます サバは プロバイダが 用 意 したものや 自 作 またはレンタルしたものなどさまざまです インタネットへ 接 続 すため にはプロバイダと 契 約 結 びますが プロバイダはサバの 一 部 ユザのホムペジ 用 に 提 供 しています このス ペスにファイルアップロドして ホムペジ 公 開 すことができます.com や.co.jp などの 独 自 の ドメイン 名 使 用 す 場 合 には 自 作 サバやレンタルサバ 利 用 すことになります ホムペジV3 には 完 成 したホムペジのファイルサバにアップロドす 機 能 (FTP 機 能 )が 用 意 されてい ます ただし サバに 接 続 すためにはアカウント 情 報 が 必 要 です アカウント 情 報 は プロバイダやレンタルサバ などの 契 約 時 にメルアドレスなどと 共 に 文 書 やメルによって 通 知 されています サバに 接 続 すためには 以 下 の3 種 のアカウント 情 報 が 必 要 です ホスト 名 : 接 続 すサバの 名 前 です アカウント 名 : ユザ 名 ユザIDなどと 呼 ばれこともあります パスワド : 本 人 であこと 認 証 すためのパスワドです 本 操 作 編 1 ホ ム ペ ジ と は ホスト 名 アカウント 名 パスワド 承 認 Internet プロバイダの サバ ユザのパソコン アップロド HTMLファイル 画 像 ファイル etc 注 意! アカウント 情 報 がわからない 場 合 は 契 約 先 のプロバイダのユザサポトに 問 い 合 わせてください 11

12 セクション 2 ホムペジ 開 設 の 申 し 込 み ホムペジ 開 設 すためには インタネットに 接 続 したサバ またはサ バ 上 のスペスが 必 要 です ここでは ホムペジ 開 設 すための 手 続 きにつ いて 解 説 します 第 1 章 お 使 い に な 前 に プロバイダとは プロバイダとは インタネットへの 接 続 サビス 提 供 す 業 者 のこといいます 個 人 でインタネットに 接 続 すためにはプロバイダと 契 約 しなくてはなりません 正 式 にはインタネットサビスプロバイダ(Internet Service Provider ISP と 略 されこともあります)と 呼 びます 多 くのプロバイダは インタネットへの 接 続 サ ビスだけでなく サバの 一 部 ユザのホムペジ 用 に 提 供 しています ただし 最 初 からホムペジ 開 設 が 可 能 になっていプロバイダもあれば あらため てホムペジ 開 設 の 申 し 込 みが 必 要 となプロバイダもあので 詳 細 については 各 プロバイダの 公 式 サイト 参 照 すか ユザサポトにお 問 い 合 わせください インタネット 接 続 環 境 付 き の 集 合 住 宅 最 初 からインタネット 接 続 が 利 用 できマンションやアパ トも 少 なくありません 回 線 だ け 用 意 されていて プロバイダ は 独 自 に 契 約 す 場 合 と 集 合 住 宅 全 体 でプロバイダと 契 約 し てい 場 合 があります 後 者 の 場 合 プロバイダの 設 定 内 容 は 必 ず 告 知 されています 12

13 どのプロバイダ 選 べばよいか ホムペジ 開 設 サビスの 内 容 は プロバイダによって 異 なります また 同 じプロ バイダでも 契 約 コスの 違 いによって サビス 内 容 が 異 な 場 合 もあります 最 もわかりやすい 違 いは 利 用 可 能 なサバスペスの 容 量 です 最 大 50Mバイトの サビスもあれば 100Mバイトのサビスもあります 基 本 は 無 料 でも より 大 き な 容 量 利 用 す 場 合 有 料 となサビスもあります また 掲 示 板 サビスやCGI の 有 無 も プロバイダ 選 ぶ 上 でのポイントになでしょう プロバイダのホムペジ 開 設 サビスのチェックポイント 利 用 可 能 なサバスペス 容 量 掲 示 板 サビスが 利 用 可 能 か CGIは 利 用 可 能 か アクセスカウンタなどのwebサビスが 充 していか ファイル1つに 対 しての 容 量 制 限 があか また ホムペジV3 では 主 要 プロバイダごとに 専 用 の 設 定 ツル 用 意 してい ます 通 常 のFTPツル 使 用 す 場 合 よりも 接 続 設 定 およびファイルのアップロ ドははかに 簡 単 です ホムペジV3 で 用 意 してい 設 定 ツル 以 外 のプロバイダやサバに 対 して も 必 要 な 情 報 (サバ 名 アカウント 名 パスワドなど) 設 定 すことで ホ ムペジのアップロドは 可 能 です CGIとは CGI(Common Gateway Interface)とは サバ 上 で プログラム 呼 び 出 して 行 す 仕 組 みです 掲 示 板 やアクセ スカウンタにはCGIで 動 作 して いものが 多 数 あります サ バで CGI 利 用 可 能 という 場 合 は 自 作 またはインタネッ トで 入 手 したCGIプログラム サバ 上 で 行 できという 意 味 です CGIの 動 作 はサバ のCPUに 負 担 がかかります 場 合 によってはサバ 全 体 の 動 作 速 度 に 影 響 すことがあ ため 利 用 禁 止 していプロバ イダもあります 基 本 操 作 編 2 ホ ム ペ ジ 開 設 の 申 し 込 み 13

14 セクション 3 ホムペジV3 の 特 長 ホムペジV3 は 最 新 のインタネット 環 境 に 対 応 したさまざまなホムペジ 作 成 機 能 装 備 しています 代 表 的 な 機 能 紹 介 しましょう 第 1 章 お 使 い に な 前 に 簡 単 操 作 でらくらくホムペジ 作 成 4ステップで 新 規 サイト 簡 単 作 成 新 規 作 成 ウィザドで 500 点 以 上 のデザイン(CSS)テンプレトと400 点 以 上 のペジ(HTML)テンプレト 選 ぶこ とにより わずか4ステップで 簡 単 にサイト 作 成 できます 個 人 用 から 企 業 用 まで 豊 富 なテンプレトが 用 意 されてい ので どんなタイプのホムペジでも 短 時 間 で 作 成 できます 詳 しくは P.42 セクション8 スタトアップウィザドでホムペジ 作 参 照 してください STEP4 STEP3 STEP2 STEP1 ペジ 確 認 す ペジ 選 ぶ レイアウト 選 ぶ デザインテンプレト 選 ぶ ホムペジの 完 成 14

15 メニュやリンクも 自 動 更 新 ホムペジに 新 しいペジ 追 加 したり ペジの 位 置 移 動 した 場 合 通 常 であれば 他 のペジにメニュやリンク 追 加 したり 書 き 換 えたりす 作 業 が 必 要 になりますが ホムペジV3 ではメニュの 内 容 は 自 動 的 に 更 新 されます ま た サイト 構 成 の 変 更 に 伴 い リンク 情 報 も 自 動 的 に 更 新 されます 詳 しくは P.83 第 3 章 サイトの 構 成 変 更 す 参 照 してください 基 本 操 作 編 サイト 構 造 が 変 わと 3 メニュも 更 新 15

16 更 新 履 歴 やRSSも 自 動 生 成 ホムペジの 更 新 履 歴 は 自 動 的 に 記 録 されています その 履 歴 更 新 履 歴 ボックスに 転 記 してペジ 表 示 したり RSS 自 動 生 成 すことができます 詳 しくは P.160 セクション 47 RSS 設 置 す 参 照 してください 第 1 章 お 使 い に な 前 に スタイルシトで 統 一 されたデザイン 一 括 設 定 ドラッグ&ドロップでサイトのデザイン 一 新 サイトの 外 観 は 適 用 されていデザインテンプレト 変 えだけで 一 変 します デザインテンプレトは ドラッグ&ド ロップによって 簡 単 に 変 更 できます 元 のサイト 変 更 され デザインテンプレト 適 用 すと ドラッグ&ドロップ 詳 しくは P.118 セクション34 サイトのデザイン 変 更 す 参 照 してください 16

17 スタイルシトによって 細 部 にまで 目 の 行 き 届 いたデザイン 現 デザインのベスはスタイルシト 初 心 者 にはわかりにく いスタイルシトも 要 素 ごとに 整 理 されたインタフェイ スによって 簡 単 にカスタマイズできます 誰 でも 簡 単 にオリ ジナルスタイル 現 できます 基 本 操 作 編 詳 しくは P.111 第 4 章 ペジデザインす 参 照 してください スマトフォン 用 ペジ 作 成 機 能 追 加 PCでの 画 面 の 表 示 に 適 したホムペジは 画 面 の 小 さなスマトフォンでは どうしても 見 づらくなります ホムペ ジV3では PC 用 のホムペジのデタ 複 製 し スマトフォンの 画 面 表 示 に 適 したスマトフォン 用 のホムペ ジ 手 軽 に 作 成 す 機 能 装 備 しました 詳 しくは P.214 セクション61 スマトフォン 用 サイト 作 成 す 参 照 してください 3 変 換 PC 用 のサイト 作 成 スマトフォン 用 のサイト 作 成 ボタンで 切 り 替 え PCに 適 したレイアウト スマトフォンに 適 したレイアウト 17

18 最 新 のwebサビスにも 対 応 楽 天 やAmazon ValueCommerceのアフィリエイトにも 対 応 手 軽 に 広 告 収 入 が 得 られアフィリエイト ホムペジV3 では eコマスの 大 手 サイト 楽 天 やAmazon.co.jp ValueCommerceのアフィリエイト 簡 単 に 作 成 し ペジに 挿 入 できます 詳 しくは P.206 セクション59 アフィリエイト 挿 入 す 参 照 してください 第 1 章 お 使 い に な 前 に ブログパツも 簡 単 追 加 Googleが 提 供 すさまざまなガジェットやYouTube 動 画 ニコニコ 動 画 など 自 分 のホムペジに 簡 単 に 挿 入 できます 自 分 に 役 立 ち 訪 問 者 も 楽 しめ 豊 富 なガジェットが 用 意 されています 詳 しくは P.200 セクション57 Googleのガジェット 挿 入 す 参 照 してください 18

19 他 にもあこんな 特 長 3 万 点 超 え 豊 富 なホムペジ 素 材 3 万 点 超 え 豊 富 な 画 像 (バナ イラスト GIFアニメ アイコン 背 景 など) ボタン レイアウトユニット デザイン(CSS) テンプレト ペジ(HTML)テンプレトが 用 意 されています 画 像 の 挿 入 はP.56 セクション13 画 像 挿 入 す スタイルシトの 変 更 はP.118 セクション34 サイトのデザイ ン 変 更 す レイアウトユニットの 挿 入 はP.228 セクション63 レイアウトユニット 挿 入 す Flashギャラリ の 挿 入 はP.168 セクション 49 Flash ギャラリペジ 作 成 す 参 照 してください 写 真 スタイル 基 本 操 作 編 3 レイアウトユニット Flash ギャラリ 19

20 本 格 グラフィックツル(Paintgraphic SD)とGIF アニメション 作 成 ツル(DigitalAnimator) 搭 載 専 用 グラフィックツル Paintgraphic SD が 搭 載 され ホムペジV3 からシムレスに 利 用 できます レイヤ 機 能 備 えた 高 機 能 ツルで 複 雑 な 画 像 処 理 や 写 真 合 成 も 可 能 です 詳 しくは P.238 セクション66 画 像 編 集 す 参 照 してください また GIFアニメション 作 成 編 集 ツル DigitalAnimator も 搭 載 されています Paintgraphic SD 第 1 章 お 使 い に な 前 に DigitalAnimator 20

21 基 画 像 の 自 動 最 適 化 ホムペジサバへアップロドす 際 ペジに 貼 り 付 けられた 画 像 のファイルサイズは その 表 示 サイズに 合 わ せて 自 動 的 に 最 適 化 されます 本 操 作 編 Users フォルダ Users フォルダ 画 像 ファイル ユザのパソコン Internet 画 像 ファイル プロバイダのサバ 3 ホムペジ V3 ブラウザ 上 での 表 示 21

22 セクション 4 インストルとアンインストル ホムペジV3 ご 利 用 頂 くためには お 使 いのパソコンにインストルしなくて はなりません 最 初 にインストル 方 法 説 明 します また 何 かの 都 合 で 削 除 しな ければならなくなったときのために アンインストルの 方 法 も 説 明 します 第 1 章 お 使 い に な 前 に 通 常 インストル 1 パソコン 起 動 します 2 ホムペジV3 のCD-ROMCD-ROMドライブにセッ トします しばらくすとインストルプログラムが 起 動 し 15 秒 後 にインストル が 開 始 されます というメッセジが 表 示 されます また 音 声 によガイダン スも 流 れます 注 意! [セキュリティの 警 告 ]ダイアロ グボックスが 表 示 され 場 合 は [ 行 ]ボタンクリックし てください [ユザアカウン ト 制 御 ]ダイアログボックスが 表 示 され 場 合 は [はい]また は[ 続 行 ]ボタンクリックして ください ❶ [ 今 すぐ 開 始 ]クリック ❷ すぐにインストルが 開 始 さ れ 3 ホムペジV3のインストルに 引 き 続 き ソスネクス トアップデト のセットアップが 開 始 されます 4 インストルが 完 了 します CD 入 れても 再 生 されないときは [スタト]メニュから[コンピュタ]クリックして CD-ROMドライブのアイコ ンの 右 クリックメニュから[プログラムのインストル/ 行 ]クリックしてください インストル 先 [ 今 すぐ 開 始 ] 選 択 すと ホムペジV3 は 以 下 の ディレクトリにインストルさ れます C: Program Files SOURCENEXT ホムペジV3 インストル 先 指 定 すに は ホムペジV3 のインス トル 先 指 定 したい 場 合 は カスタムインストル 選 択 し てください 詳 しくはP.23 カスタム インストル ご 覧 ください ユザアカウント 制 御 とは 権 限 のないユザによパソコンの 設 定 変 更 防 ぐ 機 能 です 22

23 カスタム インストル インストル 先 のフォルダ 変 更 したい 場 合 は 次 の 方 法 でインストルします 1 カスタム インストル 行 します 2 [インストル 先 の 選 択 ] 画 面 表 示 します [カスタム インスト ル]クリック [カスタム インストル]では インストル 先 のフォルダ 変 更 すことができます 基 本 操 作 編 4 イ ン ス ト ル と ア ン イ ン ス ト ル [ 次 へ]クリック 3 インストル 先 選 択 します 表 示 された[インストル 先 の 選 択 ] 画 面 ❶ [ 変 更 ]ボタンクリック 23

24 表 示 された[フォルダの 選 択 ]ダ イアログボックス ❷ フォルダ 指 定 第 1 章 お 使 い に な 前 に 4 インストル 開 始 します ❸ [OK]クリック ❹ InstallShield Wizardに 戻 り [ 次 へ]クリック 表 示 された[インストル 準 備 の 完 了 ] 画 面 [インストル]クリック 5 ホムペジV3のインストルに 引 き 続 き ソスネクス トアップデト のセットアップが 開 始 されます ソスネクストアップデト とは? ソスネクストアップデトと は ソスネクスト 製 品 のアッ プデトお 知 らせすための ツルです 例 えば 機 能 のバジョンアッ プや 不 具 合 修 正 があ 場 合 に お 知 らせしてくれので 便 利 で す 24

25 6 インストル 完 了 します インストルが 完 了 すと [InstallShield Wizardの 完 了 ] 画 面 が 表 示 されます 基 本 操 作 編 [ 完 了 ]クリック ホムペジ V3 のアンインストル 1 Windowsの[コントロルパネル] 表 示 します 注 意! ホムペジV3 のアンインス トルは ホムペジV3 終 了 してから 行 なってください 4 イ ン ス ト ル と ア ン イ ン ス ト ル [スタト]メニュから[コント ロルパネル]クリック ホムペジV3 アンイン ストルしても 作 成 したデ タは 削 除 されません 2 [プログラムのアンインストル] 選 択 します Windows 8 でのコントロ ルパネルの 開 き 方 まず [デスクトップ] 画 面 でマウ スカソル 画 面 右 下 に 移 動 さ せ [ 設 定 ]チャムクリックし ます そして 表 示 された[ 設 定 ] メニュから[コントロルパネ ル]クリックします [プログラムのアンインスト ル]クリック Windows XP の 場 合 は[プログ ラムの 追 加 と 削 除 ] 選 択 しま す Windows Vistaの 場 合 は[プロ グラムと 機 能 ] 選 択 します 25

26 第 1 章 お 使 い に な 前 に 3 ホムペジV3 の 削 除 指 定 します 4 確 認 メッセジに 対 して 応 答 します ❶ 一 覧 から[ホムペジV3] 選 択 ❷ [アンインストル]クリック セットアッププログラムが 起 動 し 確 認 のメッセジが 表 示 されます 確 認 メッセジ Windows 7 お よ び Vista で のインストル/アンインス トル Windows 7 お よ び Vista で ホムペジV3 のインス トルおよびアンインストル 行 なうには 管 理 者 権 限 が 必 要 です ❶ [はい]クリック ❷ ホムペジV3 の 削 除 が 行 され ソスネクストアップデト のアンインストル 1 Windowsの[コントロルパネル] 表 示 します [スタト]メニュから[コント ロルパネル]クリック 26

27 2 [プログラムのアンインストル] 選 択 します Windows XP の 場 合 は[プログ ラムの 追 加 と 削 除 ] 選 択 しま す Windows Vistaの 場 合 は[プロ グラムと 機 能 ] 選 択 します 基 本 操 作 編 [プログラムのアンインスト ル]クリック 3 ソスネクストアップデト アンインストルします ❶ 一 覧 から ソスネクストアッ プデト 選 択 Windows XP の 場 合 は[ 削 除 ] ボタン 選 択 します 4 イ ン ス ト ル と ア ン イ ン ス ト ル ❷ [アンインストル]クリック [はい]クリック 27

28 セクション 5 起 動 と 終 了 ホムペジV3 の 起 動 と 終 了 の 方 法 解 説 します 第 1 章 お 使 い に な 前 に ホムペジV3 起 動 す 1 ホムペジV3 起 動 します [ホムペジV3]のショト カットアイコンダブルクリッ ク [スタト]メニュから 起 動 す こともできます 2 エントリ 行 ないます はじめて ホムペジV3 起 動 す 場 合 製 品 登 録 すためのダイア ログボックスが 表 示 されます ❶ [すべてのプログ ラム]クリック ❷ [SOURCENEXT] クリック ❸ [ホムペジV3] クリック ❹ [ホムペジV3]ク リック 注 意! エントリ 行 なうにはイン タネットに 接 続 してい 必 要 があります マイペジにログイン 中 の 場 合 は 製 品 のシリアル 番 号 入 力 す 画 面 が 表 示 されます マイペジの 新 規 作 成 およびエントリ( 製 品 登 録 )についてはP.30 セ クション6 ホムペジV3 アップデトできようにす 参 照 して ください 28

29 3 ホムペジの 作 成 開 始 します 新 しいホムペジ 作 成 すならここクリック ホムペジ ビルダ や 以 前 に 作 成 したHTML 開 くならここクリック 前 回 作 成 したホムペ ジで 引 き 続 き 作 業 すな らここクリック 保 存 してあホムペジ 開 くならここクリック 新 規 作 成 方 法 については P.42 セクション8 スタト アップウィザドでホムペ ジ 作 参 照 してください ホムペジ ビルダ や 他 のソフトで 作 成 したHTML 開 く 方 法 は P.224 セ ク シ ョ ン62 ホムペジ ビルダ で 作 成 したファイル 取 り 込 む 参 照 してください 基 本 操 作 編 5 起 動 と 終 了 ホムペジV3 終 了 す 1 ホムペジV3 終 了 します ❶ [ファイル]クリック 右 上 の できます 押 しても 終 了 ここクリック ❷ [ 終 了 ]クリック 2 作 業 中 のホムペジ 保 存 します 編 集 中 のホムペジの 更 新 の 確 認 メッセジ 更 新 すなら[はい]クリック 編 集 結 果 廃 棄 すなら[いい え]クリック 29

30 セクション 6 ホムペジ V3 アップデトできようにす ホムペジV3 は インタネット 経 由 で 無 料 でアップデタ 入 手 すことによ り 常 に 最 新 版 利 用 できます 継 続 して ホムペジV3 使 用 すためには エ ントリしておく 必 要 があります 第 1 章 お 使 い に な 前 に ユザ 登 録 とエントリ 行 なう 1 ホムペジV3 起 動 します はじめて ホムペジV3 起 動 すと マイペジにログインすため のダイアログボックスが 表 示 されます ユザ 登 録 とエントリ ホムペジV3 のインス トルが 終 了 したら ユザ 登 録 およびエントリ 行 なっ てください ホムペジV3 に 対 すサポト 受 けに は ユザ 登 録 とエントリ が 必 要 です [ 新 規 作 成 ]クリック マイペジIDすでにお 持 ちのお 客 様 はメルアドレスとパスワド 入 力 して[ログイン]クリックし 手 順 4へ 進 んでください 2 マイペジID 新 規 作 成 します 注 意! ユザ 登 録 とエントリ 行 なうには インタネットに 接 続 してい 必 要 があります マイペジIDお 持 ちで ログ イン 中 の 場 合 は 製 品 のシリア ル 番 号 入 力 す 画 面 が 表 示 さ れます 手 順 4に 進 んでくださ い ❶ メルアドレス と パ スワド 入 力 ❷ [ 次 へ]クリック 30

31 3 入 力 内 容 確 認 します [OK]クリック 4 続 いてエントリ( 製 品 登 録 ) 行 ないます 5 ホムペジV3 が 起 動 します ❶ [シリアル 番 号 ] 半 角 英 数 字 で 入 力 ❷ [ 製 品 登 録 ]クリック 同 時 にブラウザが 起 動 し [マイペジ]が 表 示 されます 登 録 内 容 確 認 す 場 合 はログインしてください ユザ 登 録 とエントリメニュから 行 なう エントリに 必 要 な 情 報 エントリ 行 なうために 以 下 の 情 報 お 手 元 にご 用 意 ください シリアル 番 号 (パッケジ 版 は 同 梱 のユザ 登 録 カド に ダウンロド 版 の 場 合 は メルに 記 載 されています) 注 意! [ユザアカウント 制 御 ]ダイ アログボックスが 表 示 され 場 合 は [はい]または[ 許 可 ]ボタ ンクリックしてください 注 意! アップデタには 新 機 能 や 新 素 材 の 追 加 の 他 に 重 要 な 不 具 合 の 修 正 が 含 まれ 場 合 がありま す 必 ずエントリ 行 ないアッ プデトしてお 使 いください 基 本 操 作 編 6 ユザ 登 録 は ホムペジV3 の[ヘルプ]から いつでも 行 なうことができます. P.30の 手 順 ですでにエントリ 行 なった 場 合 はこの 項 目 で 説 明 す 作 業 は 不 要 です 1 [ユザ 登 録 ]ペジ 開 きます ❶ [ヘルプ]クリック ❷ [ユザ 登 録 ]クリック 注 意! セキュリティ 保 護 によ 情 報 バが 表 示 され 場 合 は バ クリックし [ブロックされて いコンテンツ 許 可...]ク リックしてください [セキュリ ティの 警 告 ]ダイアログボック スが 表 示 されたら [はい]ク リックしてください 31

32 注 意! ❸ [ユザ 登 録 ペジ] クリック [ユザ 登 録 ] 行 なうには インタネットに 接 続 してい 必 要 があります 第 1 章 お 使 い に な 前 に 2 ユザ 登 録 開 始 します マイペジ とは ソスネクストの 公 式 サイトに は ユザ 登 録 した 製 品 の 情 報 一 括 管 理 す マイペジ が 用 意 されています マイペ ジにはユザ 登 録 済 みの 製 品 情 報 だけでなく さまざまな 企 画 も 用 意 されています [ 新 規 作 成 してユザ 登 録 ] クリック 3 [ソスネクスト アカウント(マイペジID)の 作 成 ]に 必 要 な 情 報 ( 氏 名 メルアドレス パスワド) 入 力 します ❶ 氏 名 メルアドレス パス ワド 入 力 すでに 他 のソスネクスト 製 品 でユザ 登 録 してい 方 は ソスネクスト アカウン ト(マイペジID) から [ログ イン]クリックして マイペ ジから 製 品 の 登 録 行 なってく ださい com/users/mypage.html [ログイン]クリック ❷ [ 次 に 進 む]クリック ユザ 登 録 画 面 の 内 容 やデザ インは 変 更 されことがありま す 際 の 画 面 に 従 ってご 入 力 くだ さい 32

33 4 製 品 登 録 します ❶[ 入 力 項 目 の 確 認 ]エリアの 内 容 確 認 ❷ [ 製 品 の 登 録 ]エリアに 製 品 シ リアル 番 号 入 力 ❸ アンケトに 回 答 注 意! メルアドレスの 入 力 に 誤 りがあります のメッセジで 次 へ 進 めない 場 合 すでに 同 じ メルアドレスでご 登 録 済 みの 可 能 性 があります 同 一 のメルアドレスでは マ イぺジ 重 複 して 作 成 すこ とができません 以 下 のURLのペジにアクセ スして ユザIDとパスワ ド 照 会 または 再 設 定 すこ とができます ご 登 録 情 報 確 認 して マイペジにログイン してください https://www.sourcenext. com/users/action/rem_form シリアル 番 号 は パッケジ 版 では 同 梱 のユザ 登 録 カド に ダウンロド 版 ではメル に 記 載 されています 基 本 操 作 編 6 ❹ [ 次 に 進 む]クリック 5 最 終 的 な 登 録 内 容 確 認 し 登 録 行 します [ 登 録 ]クリック 33

34 セクション 7 画 面 構 成 と 基 本 操 作 ホムペジV3 では [スタト] [サイト 編 集 ] [ペジ 編 集 ] [サイト 公 開 ]の4つ のタブクリックすことで 基 本 作 業 画 面 が 切 り 替 わります ホムペジV3 使 い 始 め 前 に 各 画 面 の 基 本 的 な 構 成 と 機 能 について 紹 介 します 第 1 章 お 使 い に な 前 に [スタト]タブ ホムペジV3 起 動 すと [スタトアップウィザド]が 開 きます また ホムペジV3 起 動 後 の 他 の 画 面 でも [スタト]タブクリックすと このウィザドが 起 動 します このウィザドには 以 下 の4つのボタンが 表 示 されています 新 規 作 成 : 新 しいホムペジ 作 成 す[ 新 規 作 成 ウィザド] 開 きます. ホムペジ ビルダ で 作 成 したファ イル 開 く: ホムペジ ビルダで 作 成 したホム ペジや 既 存 のHTMLファイル 開 きます ファイル 開 く: ホムペジV3 で 作 成 したホムペジ や 自 分 で 作 成 したHTMLファイル 開 きます 前 回 編 集 したファイル 開 く: 前 回 編 集 したファイル 開 きます 34

35 [サイト 編 集 ]タブ このタブクリックすと サイト 編 集 画 面 に 切 り 替 わります サイト 編 集 画 面 では サイト 全 体 のペジ 構 成 編 集 したり サイト 全 体 または 個 々のペジに 対 してスタイル 適 用 できます [ 元 に 戻 す] [やり 直 す]ボタン 元 に 戻 す :. 直 前 に 行 なった 操 作 取 り 消 して 操 作 前 の 状 態 に 戻 します やり 直 す :.[ 元 に 戻 す]で 取 り 消 した 操 作 再 度 行 します サイト 編 集 ボタン :.サイト 全 体 のペジ 構 成 編 集 す ボタンです ペジの 追 加 : 新 たなペジ 追 加 します インポト :.HTMLファイルとその 関 連 ファイル. インポトします ペジの 複 製 : 既 存 のペジ 複 製 します ペジの 削 除 :ペジ 削 除 します.[PC 用 /スマトフォン 用 サ イトに 変 換 ]ボタン PC 用 サイトスマトフォ ン 用 サイトに 変 換 します または スマトフォン 用 サ イトPC 用 サイトに 変 換 し ます 基 本 操 作 編 7 画 面 構 成 と 基 本 操 作 サイト 編 集 エリア: 作 成 中 のサイトのペジ 構 成 がアイコンのツリで 表 示 されます ドラッグ&ドロップによってペジの 構 成 変 更 すことも 可 能 です マネジャバ :[マイスタイル]タブと[ステタス]タブから 構 成 されています マイスタイル :. 適 用 済 みまたは 適 用 可 能 なスタイルが 表 示 されます また 上 部 には 以 下 の4 種 類 のボタン が 表 示 されます スタイルの 追 加 :[マイスタイル]タブにスタイル 追 加 します スタイルの 編 集 : 選 択 したスタイル 編 集 します スタイルの 削 除 :[マイスタイル]タブから 選 択 したスタイル 削 除 します スタイルの 取 り 込 み : 既 存 のHTMLファイルに 適 用 されていスタイル 情 報 取 り 込 みます ステタス :サイト 編 集 エリアで 選 択 されていペジのステタスが 表 示 されます 35

36 [ペジ 編 集 ]タブ このタブクリックすと ペジ 編 集 画 面 が 表 示 されます ペジ 編 集 画 面 では 個 々のペジの 編 集 行 ないます 第 1 章 お 使 い に な 前 に 書 式 設 定 ボタン:ペジ 構 成 す 要 素 ( 文 字 やオブジェクト)の 書 式 設 定 すボタンです 左 から 順 に [スタイルタグ]ドロップダウンリスト :. 見 出 しスタイルや 標 準 スタイル 設 定 します [フォント]ドロップダウンリスト : 文 字 のフォント 設 定 します [サイズ]ドロップダウンリスト : 文 字 のサイズ 設 定 します 文 字 の 装 飾 ボタン :[ 太 字 ] [ 斜 体 ] [ 下 線 ] [ 色 ]ボタンで 文 字 装 飾 します 配 置 ボタン :[ 右 寄 せ] [ 中 央 寄 せ] [ 左 寄 せ]ボタンで 文 字 の 配 置 変 更 します [リンクの 挿 入 ] :. 文 字 列 や 画 像 にハイパリンク 設 定 すためのダイアログボックス 表 示 します.[サイトの 保 存 ] [ 切 り 取 り] [コピ] [ 貼 り 付 け] [ 元 に 戻 す] [やり 直 す]ボタン [サイトの 保 存 ]: 編 集 中 のサイト 上 書 き 保 存 します [ 切 り 取 り]:. 選 択 したテキストや 画 像 などのオブジェクト 切 り 取 ります [コピ] :. 選 択 したテキストや 画 像 などのオブジェクトコピします [ 貼 り 付 け]:. 切 り 取 り またはコピしたテキスト または 画 像 などのオブジェクト 貼 り 付 けます [ 元 に 戻 す]:. 直 前 に 行 なった 操 作 取 り 消 して 操 作 前 の 状 態 に 戻 します [やり 直 す]:[ 元 に 戻 す]で 取 り 消 した 操 作 再 度 行 します.[スタイルの 編 集 ] ボタン: ペジやレイアウ トエリアのスタイ ル 編 集 します マネジャバ:[オブジェクト]タブと[フォルダ]タブ [マイスタイル]タブから 構 成 されます オブジェクト :. 画 像 やボタンなどのオブジェクト 挿 入 すためのオプションが 並 んでいます タブの 下 側 には サイトのペジ 構 成 が 表 示 されます ペジ 名 クリックすことで 編 集 対 象 となペジ 切 り 替 えことができます フォルダ :.パソコン 内 にあ 画 像 ファイルなどのオブジェクト 選 択 して 挿 入 すことができます マイスタイル:. 適 用 済 みまたは 適 用 可 能 なスタイルが 表 示 されます また 上 部 には[サイト 編 集 ]の[マイスタ イル]タブと 同 様 に[スタイルの 追 加 ][スタイルの 編 集 ][スタイルの 削 除 ][スタイルの 取 り 込 み] の4 種 類 のボタンが 表 示 されます ペジ 編 集 エリア:ペジ 編 集 エリアは 以 下 の3つのタブから 構 成 されます 通 常 モド :.サイトの 個 々のペジ 編 集 す 画 面 です HTMLモド :.ペジのHTMLコド 表 示 します コド 直 接 編 集 すことも 可 能 です プレビュ : 編 集 中 のペジプレビュします 36

37 [サイト 公 開 ]タブ でき 上 がったサイトまたはペジサバにアップロドします サバへの 接 続 設 定 行 なわずに [サイト 公 開 ]タ ブクリックすと 接 続 の 設 定 が 求 められます サバ 接 続 設 定 が 終 了 した 後 に [サイト 公 開 ]タブクリックすと [FTP 転 送 ]ダイアログボックスが 表 示 されます 基 本 操 作 編 ファイル 数 およびファイルの 合 計 サイズ: アップロドすファイルの 数 とその 合 計 サイズが 表 示 されます [ 接 続 ] [ 切 断 ]ボタン: サバ 接 続 切 断 切 り 替 えます [ 自 動 判 別 ] [テキスト 転 送 ] [バイナ リ 転 送 ]ボタン: ファイルの 転 送 方 法 切 り 替 えます [ 削 除 ]ボタン: 選 択 したファイル 削 除 します 7 画 面 構 成 と 基 本 操 作 変 更 したファイルのみ 転 送 : 前 回 のアップロド 以 降 に 変 更 され たファイルアップロドします 戻 : アップロド 中 止 し 前 の 画 面 に 戻 ります すべてのファイル 転 送 : 編 集 中 のサイトの 関 連 ファイル すべてアップロドします 転 送 すファイル 選 択 : [FTP 転 送 ]ダイアログボックス 閉 じて 転 送 すファイル 自 分 で 指 定 できます ロカルパソコンのファイル 一 覧 : ロカルパソコン 上 のカレントフォルダの 内 容 が 表 示 されます 上 部 の[ 上 へ]ボタン [ドライブの 選 択 ]ド ロップダウンリスト 併 用 すことでロカルパソコ ン 上 参 照 できます サバのファイル 一 覧 : サバ 上 に 転 送 されたファイルが 表 示 されます 上 部 の[ 上 へ]ボタン 併 用 すことで 上 のフォルダ 参 照 できます 37

38 履 歴 画 面 履 歴 画 面 には ホムペジの 更 新 履 歴 の 一 覧 が 自 動 的 に 記 録 されます この 更 新 履 歴 の 内 容 ペジに 挿 入 しておいた 更 新 履 歴 ボックス ( 共 有 部 品 の1つ)に 転 記 すことで ペジに 表 示 すことが 可 能 になります 第 1 章 お 使 い に な 前 に リンク: 更 新 がペジに 対 して 行 なわれた 場 合 この 列 にペジア イコンが 表 示 されます クリックすと 更 新 履 歴 ボック スに 該 当 ペジへのリンクが 設 定 されます NEW: ここにNEWアイコン 表 示 しておくと 更 新 履 歴 ボックスにもNEWアイコンが 表 示 さ れます 開 封 : 更 新 履 歴 ボックスへ 転 記 済 みかどうかが 表 示 されます 日 付 : 更 新 のあった 日 付 が 表 示 されます 分 類 : 更 新 の 分 類 が 表 示 されます 内 容 : 更 新 の 内 容 が 表 示 されます 38

39 ヘルプ 機 能 について ホムペジV3 の 操 作 に 困 ったときや わかないことがあときは ヘルプ 使 いましょう インタネット 上 には ホムペジV3 のオンラインマニュアルが 用 意 されています オンラインマニュアルでは 製 品 の 使 用 方 法 や 機 能 について 確 認 すことができます 1 ヘルプ 開 きます 基 本 操 作 編 2 オンラインマニュアル 参 照 します ❶ [ヘルプ]クリック ❷ [ヘルプ]クリック [オンラインマニュアル 見 ] クリック 注 意! オンラインマニュアル 参 照 す には インタネットに 接 続 してい 必 要 があります 7 画 面 構 成 と 基 本 操 作 サポトペジ や マイペジ 参 照 す オンラインマニュアル 見 ても 製 品 の 操 作 がわからない 時 は サポトペジ や マイペジ ご 利 用 ください ホムペジV3 に 関 す 最 新 のお 知 らせやQ&Aが 掲 載 されています [Webサポトペジ] 開 きます ❶ [ヘルプ]クリック ❷ [Webサポトペジ]ク リック 注 意! サポトペジやマイペジ 参 照 すには インタネット に 接 続 してい 必 要 がありま す [マイペジ] 開 きます [ 操 作 ガイド(マイペジ)]ク リック マイペジ 利 用 すにはユ ザ 登 録 済 ませておく 必 要 が あります ユザ 登 録 については P.30 ユザ 登 録 とエ ントリ 行 なう 参 照 して ください 39

40 この 章 のまとめ 第 1 章 お 使 い に な 前 に 本 章 では ホムペジのしくみ 開 設 の 手 続 き ホムペジV3 のインストルやエントリ 起 動 終 了 などの 基 本 操 作 といった 際 にホムペジ 作 成 す 前 に 知 っておきたいこと 準 備 してい ただきたいこと 解 説 しています ホムペジは HTMLという 言 語 によって 記 述 されたテキストファイルと 画 像 などのデタファイ ル 組 み 合 わせたものです ワプロやテキストエディタでは 作 のが 困 難 な 複 雑 なレイアウトでも ホムペジV3 使 うと ブラウザに 表 示 されイメジそのままにホムペジ 作 成 編 集 す ことができます ホムペジはHTMLで 記 述 さ れたテキストファイル ホムペジV3 ならブラウザ に 表 示 されイメジのまま 編 集 でき ホムペジV3 のインストル 後 は 必 ず エントリ 行 ないましょう ホムペジV3 起 動 時 に 表 示 されダイアログボックスでユ ザ 登 録 とエントリ 行 なう 40

41 第 2 章 かんたん 手 軽 に ホムペジ 作 ホムペジV3 は ホムペジ 短 時 間 で 手 軽 に 作 成 すための 便 利 な 機 能 や 仕 組 み 備 えています この 章 では ホムペジの 作 成 の 流 れに 沿 って ホムペジ V3 に 用 意 された 便 利 な 機 能 紹 介 しながら 際 のホ ムペジ 作 成 画 像 の 挿 入 作 成 したペジの 編 集 サバ への 転 送 までの 一 連 の 操 作 解 説 します セクション 8 スタトアップウィザドでホムペジ 作 42 セクション 9 でき 上 がったホムペジ 確 認 す 46 セクション 10 文 字 入 力 編 集 す 48 セクション 11 文 字 の 書 式 変 更 す 1 50 セクション 12 文 字 の 書 式 変 更 す 2 52 セクション 13 画 像 挿 入 す 56 セクション 14 画 像 変 更 す 60 セクション 15 文 字 にリンク 設 定 す 62 セクション 16 画 像 やボタンにリンク 設 定 す 64 セクション 17 ペジ 名 変 更 す 66 セクション 18 サイト 名 変 更 す 68 セクション 19 編 集 画 面 の 表 示 変 更 す 70 セクション 20 転 送 の 設 定 す 72 セクション 21 サイト 転 送 す 76 セクション 22 変 更 したファイルだけ 転 送 す 78 セクション 23 サバ 上 にフォルダ 作 成 す 80 この 章 のまとめ 82

42 セクション 8 スタトアップウィザドでホムペジ 作 まずはスタトアップウィザド 利 用 したホムペジ 作 成 の 手 順 解 説 します ウィザド 使 うと 基 本 的 な 要 素 含 むホムペジのひな 型 ができ 上 がります 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 [スタトアップウィザド] 開 きます ホムペジV3 起 動 すと [スタトアップウィザド]が 開 きます ここでは [ 新 規 作 成 ]ボタンクリックします 2 イメジテンプレト 選 択 します [スタトアップウィザド]が 開 く [ 新 規 作 成 ]クリック イメジテンプレトはテマ 別 に 分 類 されていので 好 きなテマ 選 んでから テンプレト 選 びます テマ 選 ぶならここクリック ❶ イメジテンプレト 選 択 すでに ホムペジV3 起 動 してい 場 合 は [スタト] タブのクリックで [スタト アップウィザド]が 開 きます イメジテンプレトは 後 か ら 変 更 すことも 可 能 です 詳 しくは P.118 セクション 34 サイトのデザイン 変 更 す 参 照 してください ❷ [ 次 へ]クリック ホムペジのテマ テマは 赤 系 白 系 青 系 な ど 基 本 的 な 色 調 ごとに 分 類 さ れています まったくの 白 紙 か らホムペジ 作 りたい 場 合 は 画 面 下 部 の[ 白 紙 から 作 成 ] クリックしてください 42

43 3 レイアウト 選 択 します ここではデフォルト 状 態 のまま 次 に 進 めます PC 用 サイトまたはスマトフォ ン 用 サイトが 選 択 でき 使 わないエリアの 削 除 や エリ ア 配 置 の 変 更 行 なうこともで きます 詳 しくは 本 ペジの P.43 コラム:ペジ 構 成 す7つのレイアウトエリア 参 照 してください 基 本 操 作 編 [ 次 へ]クリック レイアウトは 後 から 変 更 す ことも 可 能 です 詳 しくは P.120 セ ク シ ョ ン 35 サ イ トのレイアウト 変 更 す 参 照 してください ホムペジV3 で 作 成 す 個 々のペジは7つのエリアから 構 成 されます そして メイン 除 く6つのエリアは 必 要 に 応 じ て 削 除 すことが 可 能 です エリア 削 除 すには [レイアウトの 選 択 ] 画 面 の[ 使 用 すエリア]リストで 不 要 なエリアのチェック ボックスオフにしてください チェックボックスオンにすれば いつでもエリア 再 追 加 できます PC 用 サイト ペジ 構 成 す7つのレイアウトエリア ここでは サイド2 と フッタ がオフ スマトフォン 用 サイト 8 ス タ ト ア ッ プ ウ ィ ザ ド で ホ ム ペ ジ 作 サイド2 と フッタ の ないレイアウト PC 用 サイトのレイアウトでは 垂 直 方 向 のエリア(サイド1 サイド2 メイン)は 左 右 の 位 置 入 れ 替 えことが 可 能 です また 水 平 方 向 のエリア(ヘッダ メニュバ タイトル フッタ)も 上 下 の 位 置 入 れ 替 えことが 可 能 です 位 置 移 動 すには [ 使 用 すエリア]リストで 移 動 したいエリア 選 択 し 矢 印 ボタンクリックしてください PC 用 サイト 矢 印 ボタンで 選 択 した エリア 移 動 スマトフォン 用 サイト メイン エリア 左 端 に 移 動 し メニュ バ タイトル の 上 に 移 動 したレイアウト メニュバ タイ トル の 上 に 移 動 したレ イアウト 43

44 PC 用 サイト と スマトフォン 用 サイト PC 用 サイト では PCの 横 長 の 画 面 に 合 わせて メ イン エリアの 左 右 に サイド1 サイド2 エリアが 配 置 されます 一 方 スマトフォン 用 サイト では サイド1 サ イド2 が 左 右 ではなく 上 下 に 配 置 されます そのため スマトフォンなどの 横 幅 が 狭 い 画 面 でも 見 やすいサイト 作 ことができます PC 用 サイト スマトフォンで 見 た 場 合 スマトフォン 用 サイト 見 た 場 合 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 ホムペジV3 では PC 用 サイトの 内 容 変 更 すことなく スタイル 変 更 すだけで 簡 単 にス マトフォン 用 サイト 作 成 すことができます スマトフォン 用 サイトの 作 成 方 法 について 詳 しく は P.214 セクション61 スマトフォン 用 サイ ト 作 成 す 参 照 してください 4 ペジ 選 択 します 縦 と 横 にスクロルが 必 要 作 成 すホムペジのタイプ 選 択 基 本 的 なペジはあらかじめ 選 択 されてい 縦 方 向 のスクロルだけ ですべて 見 られ サイド1 エリアが 上 に 配 置 されてい [ペジの 選 択 ] 画 面 の 詳 しい 操 作 方 法 についてはP.45 コ ラム:[ペジの 選 択 ] 画 面 で 他 のペジセット 選 ぶ 参 照 してください トップペジとしたいペジに チェック 入 れ [ 次 へ]クリック 後 からペジの 追 加 や 削 除 行 なうことも 可 能 です P.88 セクション25 ペジ 追 加 複 製 削 除 す 参 照 してく ださい 5 ペジ 確 認 します ホムペジの 構 成 が 表 示 され ❶ [サイト 名 ] 入 力 ❷ [ 完 了 ]クリック 44

45 6 でき 上 がったホムペジ 確 認 します サイトが 作 成 されと [サイト 編 集 ]タブに 切 り 替 わり サイト の 構 成 が 表 示 され 保 存 されファイル 作 成 されたホムペジの 関 連 ファイルは 標 準 のホムペ ジの 保 存 先 ( 通 常 は ドキュメ ント フォルダの ホムペジ V3デタ )のサイト 名 と 同 名 のフォルダに 保 存 されます 基 本 操 作 編 [ペジの 選 択 ] 画 面 で 他 のペジセット 選 ぶ [ペジの 選 択 ] 画 面 の[プリセットの 選 択 ]リストダウンボックスでは 作 成 すホムペジのタイプ 選 択 できます 例 えば 会 社 用 選 択 すと 会 社 用 ホムペジでよく 使 用 され 基 本 ペジのセットが 選 択 されます 会 社 用 選 択 会 社 用 ホムペジのプリセッ ト 8 ス タ ト ア ッ プ ウ ィ ザ ド で ホ ム ペ ジ 作 プリセットとして 提 示 されペジが 不 要 な 場 合 は [ 現 在 の 構 成 ]リストボックスで 不 要 なペジ 選 択 し [ 削 除 ]ボタンクリック してください 一 方 プリセットの 中 に 気 に 入 ったペジが 含 まれていない 場 合 [ 追 加 ペジ]リストボックスから 別 のペジ 選 択 すことが 可 能 です ペジの 分 類 名 順 次 展 開 して 表 示 されペジ 名 選 択 すと プレビュエリアにその 内 容 が 表 示 されます 気 に 入 ったペジ が 見 つかったら [ 追 加 ]ボタンクリックして [ 現 在 の 構 成 ]リストボックスに 追 加 してください ❶ [ 追 加 ペジ]リストボックス で 写 真 詳 細 4 ペジ 選 択 ❷ プレビュ 確 認 ❸ [ 追 加 ]ボタンクリック 追 加 されたペジ 45

46 セクション 9 でき 上 がったホムペジ 確 認 す [スタトアップウィザド] 利 用 すことで さまざまなサイト 簡 単 に 作 成 でき ます ここでは 前 のセクション8で 作 成 したサイト 一 通 り 確 認 しましょう 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 [サイト 編 集 ]タブのサイトのペジ 構 成 確 認 します サイトが 新 規 作 成 されと [サイト 編 集 ]タブに 切 り 替 わり サイトのペジ 構 成 が 表 示 されます このサンプルサイトは4つのペジから 構 成 されてい ます 2 個 々のペジの 編 集 画 面 表 示 します 1 番 上 のペジがトップペジ とな 各 ペジのサムネイルが 表 示 さ れ 横 メニュに 表 示 され ペジ 名 が 表 示 され サイト 名 が 表 示 され ここではプロフィル 画 面 の 内 容 確 認 してみましょう トップペジとは ホムペジにしたときに 最 初 に 表 示 されペジ トッ プペジ と 呼 びます サイト 名 変 更 す 場 合 は P.68 セ ク シ ョ ン 18 サ イ ト 名 変 更 す 参 照 してく ださい 横 メニュに 表 示 されペジ 名 変 更 す 場 合 はP.66 セクション17 ペジ 名 変 更 す 参 照 してください ❶ 編 集 す プロフィル ペ ジクリック ❷ [ペジ 編 集 ]タブクリック 46

47 3 [ペジ 編 集 ]タブの3つのタブ 切 り 替 えます [ペジ 編 集 ]タブには [ 通 常 モド] [HTMLモド] [プレビュ]の3つ のタブが 含 まれています ペジの 編 集 は[ 通 常 モド]タブで 行 ないます 選 択 したペジの 編 集 画 面 ❶ [ 通 常 モド]タブ 確 認 ❷ [プレビュ]タブクリック ❸ 編 集 中 のペジがインタ ネット 上 ではどう 見 えか 確 認 Firefox Opera Safari Google Chrome がインスト ルされていれば [ツル]メ ニュの[ブラウザ 指 定 して プレビュ]で ブラウザ 選 ぶことで それぞれのブラウザ でどう 見 えか 確 認 すことが できます [ペジ 編 集 ]タブでのペジ の 切 り 替 え [ペジ 編 集 ]タブ 上 で 他 の ペジの 編 集 画 面 に 切 り 替 え には [オブジェクト]タブの 下 側 のツリで 対 象 となペ ジクリックしてください 基 本 操 作 編 9 で き 上 が っ た ホ ム ペ ジ 確 認 す ❹ [HTMLモド]タブクリッ ク ❺ ペジのHTML 確 認 通 常 モド HTML モド プレビュの 関 係 ホムペジ 作 成 初 心 者 の 方 は 無 理 に HTML( P.248 用 語 集 参 照 ) 覚 え 必 要 はあり ません ホムペジ 作 に は [ 通 常 モド]タブでペジ 編 集 し [プレビュ]タブで 表 示 結 果 確 認 しながら 作 業 進 めだけで 十 分 です HTML 学 習 したい 方 は [HTML モ ド]タブの 内 容 参 照 して [ 通 常 モド]タブでの 編 集 結 果 が HTMLコドにどう 反 映 され か 確 認 すことができます 47

48 セクション 10 文 字 入 力 編 集 す ホムペジV3 の 各 ペジでは ワプロソフトのように 文 字 入 力 編 集 でき ます まずは 基 本 的 な 文 字 の 入 力 編 集 方 法 解 説 します 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 [ペジ 編 集 ] 画 面 で 文 字 入 力 す 位 置 クリックします ペジは 複 数 のエリアにわかれています ここではまず 名 前 入 力 すので メインエリア 内 に 記 入 されてい 名 前 のコロン(:)の 直 後 クリックして ください 2 文 字 入 力 します ここクリック 自 分 の 名 前 入 力 してください( 右 記 注 意! 参 照 してください) 3 不 要 な 文 字 削 除 します キボドから 名 前 入 力 キボドから 入 力 された 文 字 はカソル 位 置 に 挿 入 され その 後 の 文 字 は 右 方 向 にシフトします 不 要 な 文 字 削 除 しましょう ❶ 削 除 したい 部 分 マウスでド ラッグして 選 択 ❷ Delete キ 押 す 注 意! 個 人 情 報 の 公 開 は 慎 重 に インタネットは 誰 でも 見 こ とができ 公 の 場 です 閲 覧 者 の 中 には 悪 意 持 った 人 間 が 含 まれてい 可 能 性 があり 個 人 情 報 掲 載 した 場 合 悪 用 され 危 険 性 があります ホム ペジ 上 では 自 分 の 住 所 は 都 道 府 県 までしか 書 かない 名 前 には 本 名 ではなくニックネム 使 うなど 個 人 特 定 でき ような 情 報 はできだけ 記 載 し ないようにしましょう 文 字 の 削 除 方 法 Delete キ 押 すと カソ ルの 後 の 文 字 が Backspace キ 押 すと カソルの 前 の 文 字 が1 文 字 削 除 されます 複 数 の 文 字 まとめて 削 除 すに は マウスドラッグして 選 択 してから Delete キ 押 し ます コピ&ペスト ホムペジV3 の 編 集 画 面 でも 通 常 のコピ( 切 り 取 り) &ペスト( 貼 り 付 け)は 可 能 で す 文 字 列 や 画 像 オブジェクト ドラッグ&ドロップ 操 作 に よってコピ(または 移 動 )す こともできます 48

49 基 4 改 行 します カソルがマイブムの 行 の 行 末 にあこと 確 認 して Shift キ 押 し ながら Enter キ 押 して 改 行 しましょう 本 操 作 5 改 行 されたかプレビュで 確 認 します ❶ カソルが 改 行 位 置 にあこ と 確 認 ❷ Shift + Enter キ 押 す 入 力 された 改 行 記 号 2 種 類 の 改 行 ホムペジV3 の[ 通 常 モ ド]タブには 2 種 類 の 改 行 記 号 が 表 示 されています Enter キ 押 すと ( )が 表 示 されま す Shift + Enter キ 押 す と ( )が 表 示 されます 両 者 の 違 いは スタイルなどの 属 性 継 承 すかどうかです 前 の 行 のスタイル 属 性 継 承 したい 場 合 は Shift + Enter キ 押 して ( ) 入 力 してください 改 行 に 使 用 すキは 入 れかえ ことができます Enter キ で 入 力 す ようにすには [ファイル]メ ニュの[ 環 境 設 定 ] 選 択 し ペジ 編 集 画 面 で[ 段 落 内 改 行 挿 入 ] 選 択 してください 編 10 文 字 入 力 編 集 す ❶ 2 行 目 のテキスト 入 力 ❷ [プレビュ]タブクリック スタイルおよびスタイル 属 性 に つ い て は P.50 セ ク シ ョ ン11 文 字 の 書 式 変 更 す 1 参 照 してください 6 プレビュ 確 認 します 改 行 されてい 注 意! 直 接 入 力 できない 文 字 列 につ いて [ 通 常 モド]の 表 示 で 点 線 で 囲 まれてい 部 分 は 共 有 部 品 表 画 像 などのオブジェクト です 文 字 列 が 共 有 部 品 の 場 合 通 常 の 文 字 列 と 異 なり 直 接 編 集 すことができません こ の 部 分 の 編 集 方 法 はP.66 セクション17 ペジ 名 変 更 す P.68 セ ク シ ョ ン 18 サイト 名 変 更 す 参 照 してください 49

50 セクション 11 文 字 の 書 式 変 更 す 1 ペジに 表 示 され 文 字 の 色 やサイズは スタイルによって 決 められています そして スタイルは ペジのエリアごとに 設 定 できます 1 文 字 の 書 式 変 更 したいエリア 選 択 し [スタイルの 編 集 ] ダイアログボックス 開 きます 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 ここでは メイン エリアの 文 字 の 色 青 色 (Blue)に 変 更 します ❶ メイン エリアク リック 選 択 されと 周 囲 に 斜 め 線 枠 が 表 示 され ❷ [スタイルの 編 集 ] クリック 2 [スタイルの 編 集 ]ダイアログボックス 表 示 します 表 示 された[スタイルの 編 集 ]ダ イアログボックス [エリアの 設 定 ]タブには メイ ンエリアの 領 域 設 定 が 表 示 され てい [スタイルの 編 集 ]ダイアログ ボックスの[エリアの 設 定 ]タブ では 選 択 されていエリアの 幅 高 さ 余 白 など 設 定 でき ます 背 景 フォント 枠 線 の スタイル 編 集 すには さら に[ 詳 細 設 定...]クリックして ください [ 詳 細 設 定...]クリック 50

51 3 [フォント]タブ 表 示 して 文 字 の 色 設 定 します 表 示 された[メインエリアのスタ イルの 編 集 ]ダイアログボックス ❶ [フォント]タブクリック ❷ [ 色 ]ボックスチェック ❸ 下 向 き 三 角 形 ボタンクリック ❹ 色 パレットで Blue( 青 ) ク リック ❺ [OK]クリック [ 色 ]ボックス 横 の 入 力 ボックス にカラコド 入 力 し 色 指 定 すことも 可 能 です パレット 内 に 目 的 の 色 がない 場 合 は [その 他 の 色 ]クリック して 他 の 色 探 すこともできま す 基 本 操 作 編 11 文 文 文 文 文 文 文 文 文 文 文 文 4 文 字 の 色 の 変 更 確 定 します [スタイルの 編 集 ]ダイアログ ボックスに 戻 ります ❶ [OK]クリック 注 意! この 方 法 で 文 字 の 色 変 更 し た 場 合 他 のペジの メイン エリアの 文 字 色 も 青 色 に 変 更 さ れます ❷ [はい]クリック メイン エリア 以 外 のその 他 の レイアウトエリアも 同 様 の 手 順 で 変 更 できます 5 [プレビュ]タブで 変 更 結 果 確 認 します メイン エリア 全 体 の 文 字 色 が 青 に 変 更 された 51

52 セクション 12 文 字 の 書 式 変 更 す 2 ホムペジV3 では 文 字 の 書 式 ( 色 やサイズ) 変 更 す 方 法 がいくつか 用 意 され ています ここでは 最 も 基 本 的 な 方 法 紹 介 します スタイルタグ 使 用 す 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 タイトル エリアのサイトタイトル 選 択 します ここでは サイトタイトルのスタイル 変 更 します サイトタイトルクリック 選 択 されと 周 囲 に 斜 め 線 枠 が 表 示 され [スタイルタグ]に 現 在 設 定 され ていスタイルが 表 示 され 2 サイトタイトルにスタイル[タイトルの 標 準 ] 設 定 します ❶ [スタイルタグ]ドロップダウ ンリストの 下 向 き 三 角 形 ク リック [スタイルタグ]ドロップダウン リストに 表 示 され 内 容 は 選 択 したスタイルによって 変 わり ます ❷ [タイトルの 標 準 ]クリック 52

53 3 スタイルタグの 効 果 確 認 します [タイトルの 標 準 ]が 設 定 されたペジタイトル スタイルタグとは ホムペジV3 のスタイル には 書 式 の 組 み 合 わせがタ グとして 登 録 されており [ペ ジ 編 集 ] 画 面 上 部 の[スタイルタ グ]ドロップダウンリストから 選 択 できます 通 常 のテキスト にも[~の 標 準 ]というスタイル が 適 用 されています 注 意! スタイルタグで 設 定 すと 段 落 単 位 の 設 定 となり 次 の( ) まで 設 定 が 適 用 されます 基 本 操 作 編 12 文 文 文 文 文 文 文 文 文 文 文 文 スタイルタグ 編 集 追 加 すには [ペジ 編 集 ] 画 面 内 にあ[スタイルタグ]ドロップダウンリストの[オリジナルタグの 編 集 ] か [マイスタイル]タブの ボタンまたは 画 面 右 上 の[スタイルの 編 集 ]ボタンクリックして 表 示 され[スタイルの 編 集 ]ダ イアログボックスの[オリジナルタグの 設 定 ]タブで 行 なうことができます 個 々の 文 字 単 位 に 書 式 設 定 す 1 書 式 変 更 す 文 字 選 択 します ここでは 名 前 の 文 字 列 のフォント 変 更 拡 大 し 色 変 え 太 字 設 定 し てみましょう 名 前 ドラッグして 選 択 53

54 第 2 章 2 文 字 のフォント 変 更 します ❶ [フォント]ドロップダウンリ ストの 下 向 き 三 角 形 クリッ ク ❷ [MS Pゴシック]クリック 注 意! 特 殊 なフォントは ホムペ ジ 見 環 境 によっては 表 示 さ れない 場 合 があります あなた のホムペジで 使 用 したフォ ントが そのホムペジ 見 人 のパソコンにインストル されていないと 予 期 しない フォントに 変 換 されことがあ ります 特 殊 なフォント 使 用 したい 場 合 は テキスト 画 像 に 変 換 して 使 用 しましょう か ん た ん 手 軽 に ホ ム ペ ジ 作 3 文 字 のサイズ 拡 大 します MS Pゴシック に 変 更 さ れた ❶ [サイズ]ドロップダウン リストの 下 向 き 三 角 形 クリック 変 更 した 文 字 のフォントやサ イズ 標 準 に 戻 す ドロップダウンリストからそれ ぞれ < 標 準 > 選 択 してくだ さい ❷ [4]クリック 4 文 字 の 色 変 更 します 文 字 サイズが 大 きくなった [ 文 字 色 ]ボタンクリック 54

55 基 5 色 選 択 します 本 操 表 示 された 色 パ レット 文 字 スタイルボタンでは [ 太 字 ][ 斜 体 ][ 下 線 ]の 変 更 ができ ます 作 編 Navy クリック 6 文 字 太 字 にします 文 字 色 がネイビに 変 更 された 文 字 スタイルボタンの[ 太 字 ] クリック 文 字 スタイルボタンで 設 定 し た 書 式 解 除 す 書 式 が 設 定 されてい 文 字 列 選 択 し 同 じボタンクリック してください 書 式 が 解 除 され と ボタンの 外 観 も 通 常 に 戻 ります 12 文 文 文 文 文 文 文 文 文 文 文 文 7 書 式 変 更 の 結 果 確 認 します [プレビュ]タブクリック 変 更 した 文 字 色 標 準 に 戻 す 書 式 が 設 定 されてい 文 字 列 選 択 し [ 文 字 色 ]ボタンク リックして 色 パレットの 一 番 上 の 標 準 クリックします 書 式 変 更 の 結 果 確 認 す 個 々の 文 字 の 書 式 変 更 す 場 合 の 注 意 点 [フォント] [サイズ]ドロップダウンリスト 文 字 スタイルボタン( 太 字 斜 体 下 線 ) 色 パレット 配 置 ( 右 揃 え 中 央 揃 え 左 揃 え) の 各 ボタン 使 って 文 字 に 書 式 設 定 す 場 合 その 書 式 情 報 は 文 字 そのものに 付 加 されます そのため これらの 書 式 はスタイル に 優 先 されます 例 えば [サイズ]ドロップダウンリスト 使 って 最 大 のサイズ 設 定 した 文 字 含 む 行 に 見 出 し1 スタイル 適 用 した 場 合 最 大 サイズが 設 定 されてい 文 字 のサイズだけは 変 化 しません スタイルの 書 式 有 効 にしたい 場 合 は [サイズ]ドロップダウンリスト 使 って 文 字 サイズ 標 準 に 戻 してください 55

56 セクション 13 画 像 挿 入 す ペジには イラストやデジタル 写 真 など さまざまな 種 類 の 画 像 追 加 すことが 可 能 です ここでは 画 像 追 加 すための 複 数 の 操 作 手 順 紹 介 します [オブジェクト]タブの[ 画 像 ]ボタン 利 用 す 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 画 像 の 挿 入 位 置 選 択 し [オブジェクト]タブの[ 画 像 ]ク リックします ここではサイド2にワンポイントとなイラスト 追 加 します ❶ サイド2クリック ❷ [オブジェクト]タブ の[ 画 像 ]クリック 注 意! 画 像 挿 入 すときは サイ ズに 注 意 しましょう 挿 入 す レイアウトエリアよりも 大 きな 画 像 挿 入 すとレイア ウトが 崩 れことがありま す 画 像 サイズの 変 更 などは P.57 手 順 4 参 照 し て ください ❸ [ 画 像 ]クリック 2 追 加 す 画 像 含 むフォルダ 選 択 します ここでは 目 的 のファイルは ホムペジV3 付 属 の[Material]フォルダに 含 まれていこと 前 提 に 解 説 進 めます 表 示 された[ 画 像 の 挿 入 ]ダイア ログボックス Material フォルダには ホ ムペジV3 に 付 属 されてい 様 々な 素 材 が 含 まれています ❶ フォルダツリの[イラスト] フォルダクリック ❷ [イラスト]フォルダクリッ ク 56

57 3 追 加 す 画 像 選 択 します フォルダに 含 まれ 画 像 が 表 示 された ❶ スクロルバ 使 ってリストスク ロル Material フ ォ ル ダ 以 外 の 画 像 も 挿 入 できます 詳 しくは P.58 [フ ォ ル ダ]タ ブ で 挿 入 す 画 像 ファイル 指 定 す 参 照 してください 基 本 操 作 編 ❷ 目 的 の 画 像 ファイルクリック ❸ [OK]クリック 13 画 像 挿 入 す 4 挿 入 された 画 像 のサイズ 調 整 します 画 像 は 原 寸 大 で 挿 入 され サイド2の 幅 が 拡 張 されので 画 像 のサイズ 調 整 します 挿 入 された 画 像 ❶ 画 像 クリックして 選 択 ❷ 画 像 の 右 下 のハンド ルポイントし そ のままドラッグ 画 像 のサイズ 調 整 す 際 は レイアウトエリアのサイズに 注 意 してください レイアウトエ リアの 幅 や 高 さより 大 きな 画 像 挿 入 すとペジのレイアウ トが 崩 れことがあります ドラッグ 中 は 変 更 サイ ズ 示 す 罫 線 が 表 示 さ れ ❸ 適 当 なサイズに 調 整 で きたらボタンはなす 5 画 像 確 認 します 画 像 に 合 わせて サイド2の 幅 も 元 に 戻 った 画 像 ファイルのアップロド 時 の 自 動 サイズ 調 整 画 像 ファイルのサイズ( 容 量 ) は サバにアップロドさ れ 時 点 で その 表 示 サイズ に 合 わせて 自 動 的 に 調 整 されま す オリジナルのファイルがど んなに 大 きくても この 機 能 に よって サバ 容 量 節 約 で きます 57

58 [フォルダ]タブで 挿 入 す 画 像 ファイル 指 定 す 1 画 像 の 挿 入 位 置 選 択 し [フォルダ]タブクリックします ここでは 先 に 追 加 したイラストの 下 に 別 のイラスト 追 加 します ❶ サイド2クリック 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 2 追 加 す 画 像 含 むフォルダ 選 択 します ❷ Shift + Enter キ 2 回 押 し 改 行 2つ 挿 入 ❸ [フォルダ]タブクリック ここでは 目 的 のファイルが[マイピクチャ]フォルダに 含 まれていこと 前 提 に 解 説 進 めます 表 示 された[フォルダ]タブ [ファイルの 場 所 ]ドロップダウ ンリストから[マイピクチャ] 選 択 注 意! Windows Vistaの 場 合 は[ピク チャ]フォルダになります 3 追 加 す 画 像 選 択 します フォルダに 含 まれ 画 像 が 表 示 された ❶ 目 的 の 画 像 ファイル 右 ク リック ❷ [カソル 位 置 に 挿 入 ]ク リック ドラッグ&ドロップによ 挿 入 [フォルダ]タブ 上 部 のボタン クリックし [カソル 位 置 に 挿 入 ] 選 び ドラッグ&ドロッ プで 画 像 挿 入 すことも 可 能 です 58

59 基 4 挿 入 された 画 像 のサイズ 調 整 します 画 像 は 原 寸 大 で 挿 入 され サイド2の 幅 が 拡 張 されので 画 像 のサイズ 調 整 します 挿 入 された 画 像 本 操 作 編 ❶ 画 像 の 右 下 のハンド ルポイントし そ のままドラッグ ドラッグ 中 は 変 更 サイ ズ 示 す 罫 線 が 表 示 さ れ ❷ 適 当 なサイズに 調 整 で きたらボタンはなす 13 画 像 挿 入 す 5 画 像 確 認 します 画 像 に 合 わせて サイド2の 幅 も 元 に 戻 った [フォルダ]タブのその 他 のオプション ペジの 背 景 画 像 に 設 定 選 択 した 画 像 は ペジの 背 景 画 像 となります あまり 小 さな 画 像 選 択 すと ペジに 隠 れて 見 えなくなってしまいます 背 景 として 利 用 可 能 な 画 像 は [Material]フォルダの[グラフィック]および[ 背 景 ]フォルダに 含 まれています ここでペジの 背 景 に 画 像 設 定 すと P.130 セクション38 ペジの 背 景 変 更 す で 行 なうペジの 背 景 の 変 更 ができな くなりますのでご 注 意 ください 自 由 配 置 で 挿 入 ホムペジV3 では 文 字 や 画 像 などのオブジェクトはエリア 内 にレイアウトされますが ペジ 上 の 任 意 の 位 置 に 配 置 すには このオプション 選 択 してください ドラッグ&ドロップによって 画 面 上 自 由 に 移 動 できます 59

60 セクション 14 画 像 変 更 す ペジにあらかじめ 挿 入 されてい 画 像 や 1 度 自 分 が 挿 入 した 画 像 は 変 更 すこと ができます ここでは プロフィルペジのプレイスホルダ( 仮 の 画 像 )に 別 の 画 像 設 定 す 方 法 解 説 します 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 [ 画 像 の 設 定 ]ダイアログボックス 開 きます ここでは 表 示 されてい 仮 の 画 像 追 加 画 像 によって 差 し 替 えという 操 作 行 ないます ❶ 仮 の 画 像 右 クリック ❷ [ 画 像 の 設 定 ]クリック 2 [ 画 像 の 選 択 ]ダイアログボックス 開 きます 表 示 された[ 画 像 の 設 定 ]ダイア ログボックス [ 参 照 ]クリック 代 替 テキストとは 画 像 の 上 にマウスカソルの せと 表 示 されテキストのこ とです 何 らかの 原 因 で ブラ ウザで 画 像 が 表 示 できない 場 合 のために 入 力 しておくこと おすすめします 3 追 加 す 画 像 含 むフォルダ 選 択 します ここでは 目 的 のファイルは[マイピクチャ]フォルダに 含 まれてい 前 提 で 解 説 進 めます 表 示 された[ 画 像 の 選 択 ]ダイアログ ボックス [ファイルの 場 所 ]ドロップダウ ンリストから[マイピクチャ] フォルダ 選 択 [Material]フォルダ ホムペジV3 に 付 属 の 素 材 デタ( 画 像 やアイコンなど) は [Material]フォルダに 含 ま れています 60

61 4 追 加 す 画 像 選 択 します フォルダに 含 まれ 画 像 が 表 示 された 基 本 操 作 編 ❶ 目 的 の 画 像 ファイルクリッ ク ❷ [OK]クリック 14 画 像 変 更 す 5 画 像 の 追 加 確 定 します 選 択 したファイル 名 が 表 示 され た ❶ [ 縦 横 比 固 定 ]チェック ❷ [OK]クリック 6 追 加 した 画 像 確 認 します 差 し 替 えられた 画 像 が 表 示 され 縦 横 比 率 の 調 整 仮 の 画 像 と 差 し 替 え 後 の 画 像 の 縦 横 比 率 が 異 な 場 合 プレイ スホルダの 比 率 に 合 わせて 追 加 画 像 の 縦 横 比 率 が 自 動 的 に 調 整 されます 追 加 画 像 の 縦 横 比 率 正 しく 表 示 すには [ 画 像 の 設 定 ]ダイアログボックスで[ 縦 横 比 固 定 ]ボックスチェッ クしてください 61

62 セクション 15 文 字 にリンク 設 定 す 友 人 や 知 人 のホムペジへのリンクや 頻 繁 に 利 用 すホムペジのリンク 作 成 してみましょう まずは 文 字 列 にリンク 設 定 す 方 法 解 説 します 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 リンクの 挿 入 位 置 選 択 し [リンクの 挿 入 ]ダイアログボッ クス 開 きます ここではサイド2にリンク 挿 入 します 2 他 のサイトへのリンク 作 成 します ここでは 他 のサイトへのリンク 作 成 します ❶ サイド2クリック ❷ [リンクの 挿 入 ]ボタンク リック 表 示 された[リンクの 挿 入 ]ダイ アログボックス ❶ [URL]クリック ❷ [URL]ボックスにジャンプ 先 のURL 入 力 リンクとは ペジ 上 に 置 かれ 他 のペジ やオブジェクトの 位 置 情 報 で す リンククリックすと そのペジやオブジェクトへ ジャンプできます ラベルとは ラベルとは ペジに 挿 入 され しおり のようなものです このラベル 名 リンク 先 に 指 定 すことで ペジ 上 の 好 きな 位 置 へと 自 由 にジャンプすこ とが 可 能 となります リンク 別 ウィンドウで 開 い て 表 示 す クリックしたリンク 別 ウィンド ウで 表 示 させには [リンクの 挿 入 ]ダイアログボックスで[ 高 度 な 設 定 ] チェックし [タゲット 指 定 ]クリックしてプルダウ ンメニュから[ 新 しいウィンド ウ] 選 択 してください ❸ [リンク 文 字 列 ]ボックスに 画 面 に 表 示 されリンク 文 字 列 指 定 します [リンク 文 字 列 ]が 省 略 された 場 合 URLがそのまま 表 示 されます ❹ [OK]クリック すでにあ 文 字 列 ドラッグし て[リンクの 挿 入 ]クリックす と 左 記 操 作 と 同 様 にリンク の 設 定 行 なうことができます 62

63 3 リンクの 動 作 確 認 します 挿 入 されたリンク 基 本 操 作 編 [プレビュ]タブクリック 4 リンク 先 のURLにジャンプします 15 文 字 に リ ン ク 設 定 す 5 結 果 確 認 します 挿 入 したリンククリック リンクのジャンプ 先 のペジが 表 示 された どんなリンク 先 があか 一 般 的 なリンク 先 には 同 一 ペジ 上 の 別 の 位 置 同 じサイ トの 別 のペジ 他 のサイトな どがありますが ホムペジ V3 では 次 の4 種 類 のリンク 作 成 できます ペジ 作 成 中 のサイトの 別 のペジ 指 定 します ラベル 利 用 す ことで そのペジ 上 の 特 定 の 位 置 指 定 すこともできま す URL 他 のサイト またはそのサイト の 特 定 のペジ 指 定 します メル メルソフト 起 動 すリンク 作 成 します そのメルソフ トによって 作 成 され 新 規 メ ルの 宛 先 と 件 名 指 定 できま す 進 行 作 成 中 のホムペジのナビ ゲション 用 のリンク( 前 ペ ジ 次 ペジなど) 作 成 でき ます 63

64 セクション 16 画 像 やボタンにリンク 設 定 す 画 面 に 表 示 された 画 像 やボタンクリックすと 指 定 されたリンク 先 へとジャンプ すように 設 定 すことも 可 能 です ここでは 画 像 にリンク 設 定 す 手 順 紹 介 し ます 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 リンク 用 の 画 像 挿 入 します セクション13の 解 説 に 従 って [ 画 像 の 挿 入 ]ダイアログボックス 使 って リンクとして 使 用 す 画 像 挿 入 してください 2 画 像 にリンク 設 定 します 挿 入 されたリンク 用 の 画 像 ❶ 画 像 右 クリック ❷ [リンク]-[リンクの 挿 入 ] クリック ツルバの[リンクの 挿 入 ]ボ タンからも 設 定 できます 3 他 のサイトへのリンク 作 成 します ここでは 他 のサイトへのリンク 作 成 します 表 示 された[リンクの 挿 入 ]ダイ アログボックス ❶ [URL]クリック ❷ [URL]ボックスにジャンプ 先 のURL 入 力 ❸ [OK]クリック ボタンへのリンクの 設 定 [オブジェクト]タブ 内 の[ボタ ン]クリックして 表 示 され [ボタンの 挿 入 ]ウィンドウに は [リンク 設 定 ]ボタンが 用 意 されており ボタンの 挿 入 と 同 時 に リンク 設 定 できます 共 有 部 品 へのリンクの 設 定 [サイトタイトルボックス]や [ペジタイトルボックス]にも リンク 設 定 すことができま す [サイトタイトルボックスの 設 定 ]や[ペジタイトルボック スの 設 定 ]から 行 なってくださ い 64

65 リンク 先 ペジの 表 示 方 法 [リンクの 挿 入 ]ダイアログボックスの[ 高 度 な 設 定 ]チェックボックスオンにすことで リンク 先 のペジの 表 示 方 法 指 定 すオプションが 有 効 になります [タゲット 指 定 ]ドロップダウンリストからは ウィンドウの 開 き 方 指 定 できます 新 しいウィンドウ:リンク 先 のペジ 新 しいウィンドウ 開 いて 表 示 同 一 ウィンドウ:リンク 先 のペジリンク 元 と 同 じウィンドウで 表 示 親 ウィンドウ:リンク 先 のペジリンク 元 の 親 ウィンドウで 表 示 全 画 面 :リンク 先 のペジウィンドウ 全 体 に 表 示 また [ポップアップウィンドウで 表 示 ]オプション 選 択 した 場 合 は ポップアップすウィンドウのサイズ 指 定 できます 4 リンクの 動 作 確 認 します 注 意! 画 像 にリンクが 設 定 されても 特 に 変 化 は 起 こりませんが プ リンクが 設 定 された 画 像 レビュ 画 面 でリンク 画 像 ポ イントすと マウスポインタ の 形 が 手 型 ( )に 変 化 します 基 本 操 作 編 16 画 像 や ボ タ ン に リ ン ク 設 定 す ❶ [プレビュ]タブク リック ❷ 画 像 クリック 5 結 果 確 認 します リンクのジャンプ 先 のペジが 表 示 された 既 存 の 文 字 列 にリンク 設 定 す 本 セクションで 紹 介 した 手 順 で 既 存 の 文 字 列 にリンク 設 定 すことも 可 能 です リンク 設 定 したい 文 字 列 選 択 した ら 右 クリックし [リンク] [リンクの 設 定 ] 選 択 してくだ さい また サイトタイトルやヘッ ダなどにリンク 設 定 す 場 合 は 該 当 す 文 字 列 ダブル クリックすことで 設 定 画 面 が 表 示 されます 65

66 セクション 17 ペジ 名 変 更 す ペジ 名 は 通 常 ペジの メイン エリアに 表 示 されます また メニュにも 表 示 されます(トップペジ 以 外 ) このペジ 名 変 更 す 手 順 解 説 します 1 [ ペジタイトルボックスの 設 定 ]ダイアログボックス 表 示 します 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 2 ペジ 名 変 更 します ❶ ペジタイトルボックス 右 クリック ❷ [ペジタイトルボックスの 設 定 ]クリック 表 示 された[ペジタイトルボッ クスの 設 定 ]ダイアログボックス ❶ [ペジのタイトル]に 変 更 後 の 名 前 入 力 [サイト 編 集 ] 画 面 や[ペジ 編 集 ] 画 面 のツリ 表 示 からは ペジ 右 クリックして 表 示 さ れ[ペジのプロパティ]から 設 定 すこともできます ❷ [OK]クリック 66

67 3 ペジ 名 の 変 更 結 果 確 認 します メイン エリアのペジ 名 が 変 更 された 横 メニュのペジ 名 が 変 更 さ れた 縦 メニュのペジ 名 が 変 更 さ れた ペジタイトルボックス メイン エリア 上 のペジ 名 は ペジタイトルボックス と 呼 ばれ 共 有 部 品 によって 表 示 されています そのため 編 集 画 面 上 では 直 接 編 集 すこと はできません 横 メニュに 表 示 させ 名 称 変 更 す メニュ 名 は 通 常 ペジ 名 が そのまま 表 示 されますが 別 の 名 前 に 変 更 すことができま す 詳 し く は P.87 関 連 情 報 : 横 メニュ 名 変 更 す 参 照 してください 基 本 操 作 編 17 ペ ジ 名 変 更 す [ペジの 書 式 設 定 ]ダイアログボックス [ 書 式 ]メニュの[ペジの 書 式 設 定 ]によって 表 示 され[ペジの 書 式 設 定 ]ダイアログボックスでも ペジ 名 変 更 できます このダイアログボックスでは ペジに 関 すさまざまな 設 定 が 可 能 です 例 えば P.56 セクション13 画 像 挿 入 す で 紹 介 した ペジの 背 景 画 像 に 設 定 機 能 使 って ペジに 背 景 設 定 した 場 合 その 結 果 は このダイアログボックスの[ 配 色 背 景 ] タブに 反 映 されます ペジ 名 背 景 に 設 定 された 画 像 ファイル ただし このダイアログボックス 上 で 行 なった 背 景 の 設 定 は サイトの 他 のペジには 影 響 しません 67

68 セクション 18 サイト 名 変 更 す タイトル エリアに 表 示 されサイト 名 は ホムペジ 作 成 時 に 指 定 したものです が いつでも 変 更 すことができます 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 [ サイトタイトルボックスの 設 定 ]ダイアログボックス 表 示 します 2 サイト 名 変 更 します ❶ サイトタイトルボックス 右 クリック ❷ [サイトタイトルボックスの 設 定 ]クリック 表 示 された[サイトタイトルボッ クスの 設 定 ]ダイアログボックス [サイト 編 集 ] 画 面 や[ペジ 編 集 ] 画 面 のツリ 上 からサイト 名 変 更 したい 場 合 は サイ ト 名 アイコンの 右 クリックメ ニュから[サイトの 設 定 ] 選 択 して 設 定 できます ❶ [サイトタイトル]に 変 更 後 の 名 前 入 力 ❷ [OK]クリック 68

69 3 サイト 名 の 変 更 結 果 確 認 します タイトル エリアのサイト 名 が 変 更 された 注 意! サイト 名 変 更 しても デタ が 保 存 されていフォルダ 名 は 変 わらないので 注 意 してくださ い 基 本 操 作 編 サイトタイトルボックス タイトル エリアのペジ 名 は サイトタイトルボックス と 呼 ばれ 共 有 部 品 によって 表 示 されています そのため 編 集 画 面 上 では 直 接 編 集 すこと はできません また 他 の 共 有 部 品 (ヘッダ ボックス フッタボック ス 横 メニュボックス 縦 メ ニュボックス 移 動 ボタン ボックス 更 新 履 歴 ボックス) も 同 様 に 直 接 編 集 すことは できません 18 サ イ ト 名 変 更 す [サイトの 設 定 ]ダイアログボックスのオプション [ファイル]メニュの[サイトの 設 定 ]によって 表 示 され[サイトの 設 定 ]ダイアログボックスでも サイト 名 変 更 できます このダイアログボックスでは 名 前 が 示 すようにサイトに 関 すさまざまな 設 定 が 可 能 です [ 共 有 部 品 ] 画 面 では サイトタイトルの 他 サイトマク ヘッダ フッタ メニュに 表 示 されトップペジの 名 称 移 動 ボタンの 名 称 など すべてのペジ(サイ ト 全 体 )で 共 通 すべき 情 報 ここで 一 括 設 定 できます サイト 名 [ 画 像 ] 画 面 では 画 像 ファイルの 扱 い 方 [HTML 出 力 ] 画 面 では HTMLファイルの 出 力 方 法 設 定 します [インタネット] 画 面 では ペジ 公 開 に 使 用 すサバ 選 択 します 詳 しくはP.104 セクション30 サイトの 設 定 変 更 す 参 照 してください 69

70 セクション 19 編 集 画 面 の 表 示 変 更 す ホムペジV3 の[ペジ 編 集 ]タブでは ペジの 編 集 支 援 すいくつかの 機 能 が 用 意 されています ここではそうした 支 援 機 能 紹 介 します 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 編 集 エリア 拡 大 す 画 面 左 側 のマネジャバ 非 表 示 にすことで より 広 い 編 集 エリア 確 保 できま す [ 表 示 ]メニュの[マネジャバ]クリックし チェックマクはずしてくだ さい チェックマクがオフ 編 集 エリアが 全 面 に 表 示 され マネジャバの 幅 の 調 整 と 移 動 マネジャバの 幅 は 編 集 エ リアとの 境 界 マウスでドラッ グすことによって 自 由 に 調 整 できます また マネジャバ 上 部 の 灰 色 部 分 マウスでド ラッグすと 移 動 すこともで きます ルラ グリッドの 表 示 整 然 としたペジレイアウト 行 なうには ルラやグリッド 表 示 すことおすす めします これらの 表 示 / 非 表 示 は [ 表 示 ]メニュの[ルラ] [グリッド]のクリック によって 切 り 替 えことができます [ 表 示 ]メニュの[ルラ] [ 表 示 ]メニュの[グリッド] 表 示 されたルラ 表 示 されたグリッド ルラとは 文 字 や 画 面 の 位 置 調 節 すと きに 利 用 す 目 盛 りのことで す グリッドとは レイアウトの 目 印 とな 格 子 状 のマス 目 のことです 70

71 グリッドの 設 定 グリッドは [ファイル]メニュの[ 環 境 設 定 ]の 選 択 によって 表 示 され[ 環 境 設 定 ]ダ イアログボックスの 表 示 で 間 隔 や 色 の 設 定 行 なえます スナップ 機 能 種 類 選 択 間 隔 選 択 色 選 択 スナップ 機 能 有 効 にすと 自 由 配 置 で 挿 入 され 画 像 やテキストボックスなど グリッドに 沿 って 規 則 配 置 すことができます 自 由 配 置 の 画 像 はグリッドに 沿 って 配 置 され [ 表 示 ]メニュのその 他 のオ プション [ 表 示 ]メニュには 画 面 下 部 のステタスバ エリアの 周 囲 の 点 線 の 表 示 非 表 示 切 り 替 えオプションも 用 意 されて います スナップ 機 能 のON/OFFはル ラやグリッドの 表 示 と 同 様 に [ 表 示 ]メニュの[スナップ] で 切 り 替 えことができます 基 本 操 作 編 19 編 集 画 面 の 表 示 変 更 す 71

72 セクション 20 転 送 の 設 定 す ホムペジができ 上 がったら 関 連 ファイルインタネット 上 のサバに 転 送 (アップロド)します そのためには まずサバに 接 続 すための 設 定 が 必 要 です 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 [ 環 境 設 定 ]ダイアログボックス 開 きます サバへファイル 転 送 すための 設 定 は [ 環 境 設 定 ]ダイアログボックス で 行 ないます ❶ [ファイル]クリック ❷ [ 環 境 設 定 ]クリック 2 [ 接 続 設 定 ]ダイアログボックス 表 示 します 表 示 された[ 環 境 設 定 ]ダイアロ グボックス ❶ [インタネット]クリック 設 定 に 必 要 な 情 報 とは 基 本 的 には 以 下 の 情 報 が 必 要 です 接 続 先 のサバ 名 サバへのログイン 名 パスワド これらの 情 報 の 呼 び 名 はプロ バイダごとに 違 います [ 接 続 設 定 ]ダイアログボックスでプ ロバイダ 選 択 すと ダイア ログボックスの 表 示 はそのプロ バイダの 呼 び 名 に 切 り 替 わりま す ❷ [ 追 加 ]クリック 72

73 3 接 続 設 定 開 始 します [ 名 前 ]には 自 分 の 好 きな 名 前 入 力 できます わかりやすい 名 前 入 力 しておきましょう 基 本 操 作 編 目 的 のプロバイダがリストに 表 示 されない [プロバイダ]ドロップダウンリストから その 他 選 択 してください ❶[ 次 へ]クリック 表 示 された[ 接 続 設 定 ]ダ イアログボックス ❷ この 接 続 設 定 の 名 前 入 力 ❸ 自 分 が 契 約 していプ ロバイダ 選 択 ❹ [ 次 へ]クリック RSS 設 定 す 場 合 は [ホム ペジアドレス]に 自 分 のホ ムペジのURL 入 力 してお く 必 要 があります URLは 最 後 の / (スラッシュ)まで 入 力 しておきましょう ADSLやLAN 接 続 でサバ に 接 続 できない 場 合 パッシブ モド 使 う にチェックつけ と 接 続 できことがあります パッシブモドについて FTPのデタ 転 送 モドのひと つで ファイヤウォルが 設 定 されていような 環 境 でデ タの 送 受 信 可 能 にす 転 送 モドです PASVモドと 表 記 されていこともあります FTPのデタ 転 送 モドには このほかにアクティブモド (PORTモド)があり パッシ ブモド 使 う チェックし ない 場 合 は アクティブモド でデタが 送 受 信 されます 20 転 送 の 設 定 す [その 他 ] 選 択 73

74 4 接 続 設 定 情 報 入 力 します ❶ サバ 名 入 力 ❷ ログイン 名 入 力 ❸ パスワド 入 力 必 要 な 情 報 の 入 手 方 法 ホムペジ 開 設 に 必 要 な 情 報 は プロバイダとの 契 約 時 に メルなどで 通 知 されていま す わからない 場 合 は プロバ イダのサポトに 問 い 合 わせて ください プロバイダによっては 転 送 先 フォルダ は 自 動 的 に 選 択 され 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 ❹ [ 完 了 ]クリック [ 接 続 設 定 ]ダイアログボックスで 表 示 され 項 目 名 と 各 項 目 の 説 明 文 および 自 動 入 力 され 内 容 は 手 順 3で 選 択 したプロバ イダによって 異 なります プロバイダに IIJ4U 選 択 し た 場 合 の[ 接 続 設 定 ]ダイアログ ボックス 自 動 入 力 された 項 目 項 目 の 説 明 文 5 設 定 確 定 します 再 び 表 示 された[ 環 境 設 定 ]ダイ アログボックス 追 加 されたサバ 名 [OK]クリック 74

75 6 サイトのサバ 選 択 します ❶ [OK]クリック ❷ 追 加 した 接 続 設 定 名 クリック サイトのサバとは ここでは 追 加 された 接 続 設 定 作 成 されたホムペジの 関 連 ファイル 転 送 すサイト として 登 録 します 接 続 設 定 は 複 数 作 成 し 切 り 替 えことが 可 能 なため 操 作 の 最 後 にサイ トのサバの 選 択 が 必 要 とな ります 後 で 別 のサバに 転 送 した くなった 場 合 は [ファイル]メ ニュ 内 の[サイトの 設 定 ] 選 択 し [インタネット]から サバの 選 択 でサバ 変 更 すことができます 基 本 操 作 編 20 転 送 の 設 定 す ❸ [OK]クリック 75

76 セクション 21 サイト 転 送 す 接 続 設 定 追 加 できたら 際 にサバに 接 続 し ホムペジ 転 送 しましょう ホムペジは 複 数 のファイルやフォルダから 構 成 されています ここではホムペ ジ 全 体 転 送 します 1 [サイト 公 開 ]タブに 切 り 替 えます ホムペジの 転 送 は[サイト 公 開 ]タブで 行 ないます 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 2 すべてのファイル 転 送 します [サイト 公 開 ]タブクリック 左 側 には 転 送 すファイルが 表 示 され 表 示 された[FTP 転 送 ]ダイアロ グボックス ❶ [すべてのファイル 転 送 ] クリック 接 続 できないときは 入 力 した 接 続 情 報 が 間 違 ってい 可 能 性 があります [ 接 続 設 定 ]ダイアログボックス 表 示 し 接 続 設 定 名 選 択 し [ 変 更 ] ボタンクリックします 追 加 時 と 同 じ 画 面 が 表 示 されの で 設 定 内 容 確 認 してくださ い スマトフォン 用 サイトの 転 送 先 は? PC 用 サイトとの 連 携 設 定 し たスマトフォン 用 サイトの ファイルの 転 送 行 すと 転 送 先 フォルダの 下 に SP ❷ [はい]クリック フォルダが 自 動 的 に 作 成 され そのフォルダ 内 に 転 送 されま す 76

77 基 3 転 送 確 認 します 転 送 の 経 過 が 表 示 され 注 意! 本 操 作 ❶ 転 送 の 完 了 待 つ 通 常 [サイト 公 開 ]タブの 表 示 中 はサバへの 接 続 は 維 持 さ 編 れます 転 送 後 に 切 断 すには [ 転 送 終 了 後 に 切 断 す]ボック スチェックしてください 4 転 送 結 果 確 認 します ❷ [OK]クリック ロカル 上 のファイル 一 覧 注 意! 転 送 中 にインタネットの 接 続 中 止 すと 正 常 に 転 送 でき ません 転 送 中 は 常 にインタ ネットに 接 続 しておいてくださ い 21 サ イ ト 転 送 す 転 送 が 正 しく 行 なわれたか 確 認 すには 一 致 していこと 確 認 [サイト 公 開 ]タブの 左 側 のリス トの 内 容 がすべて 右 側 のリスト にあれば 転 送 が 正 しく 行 なわ れたと 判 断 できます 5 際 のホムペジ 確 認 します サバ 上 のファイル 一 覧 転 送 が 完 了 したら ブラウザ 使 って でき 上 がったホムペジにアクセ スしてみましょう ❶ ブラウザ 起 動 ❷ 自 分 のホムペジの URL 入 力 転 送 できないファイルがあ プロバイダによっては 1つの ファイルの 容 量 や サバに アップす 全 ファイルの 容 量 が 決 まってい 場 合 があります [サイト 公 開 ] 画 面 で 各 ファイル のサイズが [FTP 転 送 ] 画 面 で 合 計 サイズが 表 示 されます プ ロバイダの 契 約 内 容 確 認 して ください 表 示 されたホムペジ ホムペジのURLは? 自 分 のホムペジのURLは プロバイダごとに 異 なります 詳 しくはプロバイダのサイトの ヘルプ(マニュアル) 参 照 す か プロバイダのサポトに 問 い 合 わせてください 77

78 セクション 22 変 更 したファイルだけ 転 送 す ホムペジに 変 更 加 えた 場 合 は ホムペジ 全 体 転 送 すのではなく 変 更 加 えたペジに 関 連 すファイルおよびフォルダだけ 転 送 します 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 1 ペジへの 修 正 が 終 わったら [サイト 公 開 ]タブクリックします 2 変 更 したファイルだけ 転 送 します 表 示 された[FTP 転 送 ]ダイアロ グボックス ❶ [ 変 更 したファイルのみ 転 送 ] クリック ❷ [はい]クリック 自 分 で 転 送 すファイルや 転 送 先 フォルダ 選 択 したいときは [ 転 送 すファイル 選 択 ]か ら 転 送 したいファイル 選 択 すことができます 詳 しくは P.80 セ ク シ ョ ン 23 サ バ 上 にフォルダ 作 成 す や P.79 コラム:プロバイダ のサバの 賢 い 利 用 方 法 参 照 してください ホムペジV3 は 前 回 の 公 開 時 以 降 に 変 更 されたペ ジ 覚 えていので [ 変 更 した ファイルのみ 転 送 ]のクリック 以 外 の 操 作 は 不 要 です 3 転 送 確 認 します 転 送 の 経 過 が 表 示 され ❶ 転 送 の 完 了 待 つ バイナリ 転 送 とテキスト 転 送 って 何? パソコンのデタにはバイナリ 形 式 とテキスト 形 式 という 種 類 があり サバへデタ 転 送 す 場 合 デタの 種 類 に 合 っ た 転 送 方 法 指 定 す 必 要 があ ります ただし 通 常 の 場 合 自 動 判 定 選 択 しておけば 問 題 なく 転 送 が 行 なわれます ❷ [OK]クリック 注 意! ホムペジV3 は 自 動 リ ンク 機 能 やスタイルシトの 変 更 反 映 すため 編 集 した ペジ 以 外 のファイル 転 送 す ことがあります 78

79 基 本 操 作 編 プロバイダのサバの 賢 い 利 用 方 法 プロバイダのサバは 一 種 のデタ 置 き 場 としても 利 用 できます 例 えば 電 子 メルには 添 付 できない 大 きなファイル 誰 か に 送 りたい 場 合 など サバ 経 由 でやり 取 りすことも 可 能 です ファイル 単 位 の 転 送 行 なうには [FTP 転 送 ]ダイアログボック スの 転 送 すファイル 選 択 クリックしてください [ 転 送 すファイル 選 択 ]クリック 22 変 更 し た フ ァ イ ル だ け 転 送 す そして [サイト 公 開 ]タブの 左 側 のリストボックス 使 って 目 的 のファイルの 保 存 されたフォルダ 探 し 自 分 のパソコン 上 (ロカ ルと 呼 ぶ)にあファイル 選 択 し [アップロド]ボタンクリックし 接 続 の 確 認 ダイアログボックスが 表 示 されたら [はい]ク リックします ここではドライブDのTESTフォ ルダ 選 択 ❶ サバに 転 送 すファイル クリック ❷ [アップロド]ボタンク リック 79

80 セクション 23 サバ 上 にフォルダ 作 成 す ホムペジ 転 送 すサバも 自 分 のハドディスク 同 様 に 操 作 すことが 可 能 です ここでは サバ 上 のファイルやフォルダの 操 作 方 法 解 説 します 1 ペジの 修 正 が 終 わったら [サイト 公 開 ]タブクリックし ます 第 2 章 か ん た ん 手 軽 に ホ ム ペ ジ 作 2 ホムペジの 転 送 行 なわずに サイトに 接 続 します 表 示 された[FTP 転 送 ]ダイアロ グボックス [ 転 送 すファイル 選 択 ]クリック 3 [ 新 規 フォルダ 名 (ホスト)]ダイアログボックス 表 示 しま す 接 続 されたサバの 現 在 の 状 態 アップロドされた ファイル ❶ 右 側 のリストボック ス 右 クリック ❷ [フォルダの 作 成 ] クリック FTP 転 送 って 何? ホムペジ 転 送 す 際 [FTP 転 送 ]ダイアログボックス が 表 示 されますが このFTPと はFile Transfer Protocolの 略 語 であり インタネットの 世 界 では 広 く 利 用 されていファ イル 転 送 に 関 す 取 り 決 めの 一 種 です(こうした 取 り 決 めプ ロトコルと 呼 びます) 80

81 4 新 しいフォルダ 作 成 します ❶ フォルダ 名 入 力 ❷ [OK]クリック 注 意! フォルダ 名 (ホスト)は 半 角 英 数 字 で 入 力 す 必 要 があります 基 本 操 作 編 5 新 しいフォルダに 移 動 します 作 成 されたフォルダ フォルダ 名 ダブルクリック 23 サ バ 上 に フ ォ ル ダ 作 成 す 6 フォルダ 確 認 します ここに 現 在 のフォルダのパスが 表 示 され 1つ 上 のフォルダ(ここでは /public_html)へ 移 動 すにはこ のボタンクリック サバ 上 のファイルやフォ ルダ 削 除 すには 右 側 のリストで 対 象 とな ファイル(またはフォルダ) 選 択 し 画 面 上 部 の[ 削 除 ]ボタン クリックしてください 作 成 したフォルダ 内 にもファイ ル 転 送 すことができます 81

82 この 章 のまとめ ホムペジ 作 成 すための ホムペジV3 の 基 本 操 作 解 説 しました 新 規 作 成 テキスト 画 像 の 挿 入 や 編 集 リンクの 作 成 ペジ 名 やサイト 名 の 変 更 方 法 などホムペジ 作 りに 必 要 な 基 本 テ クニックと 完 成 したホムペジインタネットに 公 開 すまでの 一 連 の 流 れについて 解 説 しまし た 新 規 作 成 ウィザドとペジ 編 集 第 2 章 ホムペジV3 では ホムペジの 基 本 部 分 新 規 作 成 ウィザドによって 4ステップで 新 規 に 作 成 すことができます か ん た ん 手 軽 に ホ ム ペ ジ 作 作 成 したホムペジの 細 部 修 正 したり 編 集 すことで オリジナルのホムペジにします ホムペジサバにアップロド 完 成 したホムペジは 簡 単 な 操 作 であらかじめ 設 定 しておいたサバにアップロドすことが できます 難 しい 用 語 や 操 作 は 不 要 です 82

83 第 3 章 サイトの 構 成 変 更 す 本 章 ではペジの 集 まりであサイトの 構 成 方 法 解 説 し ます サイト 内 でペジ 増 やしたり 削 除 したり 順 番 変 えたりすと それぞれのペジの 中 のリンク 先 やメ ニュ 表 示 も 変 更 しなくてはなりません 手 作 業 では 大 変 な こうしたサイト 構 成 の 編 集 も ホムペジV3 では 視 覚 的 な 操 作 で 自 動 的 に 変 更 や 修 正 行 なうことができます セクション 24 サイトの 構 成 理 解 す 84 セクション 25 ペジ 追 加 複 製 削 除 す 88 セクション 26 ペジインポトす 94 セクション 27 ペジの 順 番 変 更 す 96 セクション 28 ペジに 階 層 追 加 す 98 セクション 29 自 動 リンクはずす 102 セクション 30 サイトの 設 定 変 更 す 104 セクション 31 転 送 の 設 定 変 更 す 108 この 章 のまとめ 110

84 セクション 24 サイトの 構 成 理 解 す サイトの 構 成 の 確 認 および 変 更 は [サイト 編 集 ]タブで 行 ないます まずは ホム ペジV3 が 作 成 すサイトの 構 成 確 認 しましょう [サイト 編 集 ]タブに 表 示 されサイトの 構 成 第 3 章 サ イ ト の 構 成 変 更 す サイトの 構 成 とは ホムペジ 全 体 にどのようなペジが 含 まれ それぞれのペジがどのような 関 係 で 結 び 付 いてい か 表 しています ホムペジにアクセスしたときに 最 初 に 表 示 されペジ トップ (または ホム )と 呼 びます その 他 のペジには メニュやリンクによって 移 動 します 以 下 の 例 では ホムペジは5つのペジで 構 成 され 1 番 上 のペジ( 最 新 情 報 ) が トップペジ に 設 定 されています サイト 名 アイコン: サイト 表 し サイト 全 体 に 対 す 操 作 行 な う 場 合 に 利 用 します 例 えば ホムペジ 全 体 へスタイル 適 用 す 場 合 は このアイコン にスタイルドラッグ&ドロップします 階 層 : 階 層 名 が 表 示 されます メニュ 名 アイコン: メニュボックスに 表 示 され アイテム 表 します 展 開 折 りたたみ: クリックす と その 下 のペ ジが 折 りたたまれま す クリックすと 展 開 します ペジアイコン: 個 々のペジ 表 します ペジに 対 す 操 作 行 なう 場 合 に 利 用 します 自 動 リンクの 状 態 : アイコンつなぐ 線 が 黒 線 の 場 合 自 動 リンク が 設 定 されています 青 線 の 場 合 は 自 動 リンク が 解 除 されています 84

85 活 [ 表 示 ]メニュ 内 の[ 表 示 サイズ]からサイト 編 集 画 面 に 表 示 されアイコンの 大 きさが 変 更 できます 表 示 サイズ[ 小 ] 表 示 サイズ[ 大 ] ペジの 追 加 や 削 除 などの 一 部 の 操 作 は メニュ 名 アイコン ペジアイ コンのいずれに 対 して 行 なっても 同 じ 結 果 になります 用 編 また [ 表 示 ]メニュの[サムネイル] 選 択 し サムネイルの 表 示 非 表 示 切 り 替 えことができます サムネイル 非 表 示 24 サ イ ト の 構 成 理 解 す 表 示 されたサイト 名 表 示 された 横 メニュと 各 メ ニュ 名 85

86 サイト 名 変 更 す 1 [サイトの 設 定 ]ダイアログボックス 表 示 します ❶ サイト 名 アイコン 右 クリッ ク [ステタス]タブ [サイト 編 集 ]タブのマネジャ バの[ステタス]タブには 右 側 のエリアで 選 択 されたペ ジに 関 す 情 報 (タイトル 概 要 検 索 ワド ファイル 名 な ど)が 表 示 されます 第 3 章 サ イ ト の 構 成 変 更 す 2 新 しいサイト 名 指 定 します ❷ [サイトの 設 定 ]ク リック 表 示 された[サイトの 設 定 ]ダイ アログボックス ❶ [サイトタイトル]に 新 しい 名 前 入 力 サイトタイトルとは サイト 全 体 の 名 称 であり 共 有 部 品 サイトタイトルボックス によって 表 示 されます サイト 作 成 時 [ 新 規 作 成 ]ダイアログ ボックスの[サイト 名 ]に 指 定 し た 名 前 がサイトタイトルとなり ますが いつでも 変 更 すこと ができます サイトマクとは ❷ [OK]クリック サイトマクとは ホムペ ジのシンボルとな 画 像 です サイトマクに 指 定 された 画 像 は 共 有 部 品 サイトマクボッ クス によって 表 示 されます 86

87 活 3 変 更 後 のサイト 名 確 認 します サイト 名 が 変 更 された [ペジ 編 集 ]タブクリック 4 ペジ 上 のサイトタイトルボックスの 表 示 確 認 します サイトタイトルボックスの 表 示 も 変 更 された 横 メニュ 名 変 更 す メニュ 名 には 通 常 ペジ 名 がそのまま 表 示 されますが 別 の 名 称 指 定 すことも 可 能 です メニュ 名 アイコン 右 クリックし [ペジ 名 の 設 定 ] クリックしてください トッ プペジ 以 外 のペジの 場 合 [ペジ 名 ]チェックボックス オンにすことで 名 前 の 入 力 が 可 能 になります 注 意! [サイトの 設 定 ]ダイアログボッ クスでサイト 名 変 更 しても ホムペジV3 フォルダ 内 のフォルダ 名 は 変 更 されません [スタトアップウィザド]か らファイル 開 くときは 最 初 につけたサイト 名 選 択 す 必 要 があります 用 編 24 サ イ ト の 構 成 理 解 す 87

88 セクション 25 ペジ 追 加 複 製 削 除 す 新 しいペジの 追 加 や 削 除 は 簡 単 に 行 なえます また 既 存 のペジ 複 製 し そのペ ジベスに 新 しいペジ 作 成 すことも 可 能 です ペジ 追 加 す 第 3 章 サ イ ト の 構 成 変 更 す 1 [ペジの 追 加 ]ダイアログボックス 表 示 します ❶ サイト 名 アイコン 選 択 ❷ [ペジの 追 加 ]クリック 最 初 に 選 択 すアイコンによっ て 追 加 されペジの 挿 入 位 置 が 決 まります サイト 名 アイ コンではなく メニュ 名 アイ コン 選 択 すと メニュの 下 のペジと 同 階 層 のペジが 追 加 されます ペジアイコン 選 択 すと そのペジの 下 位 に 新 しいペジが 追 加 されま す 2 追 加 すペジ 選 択 します 表 示 された[ペジの 追 加 ]ダイ アログボックス ❶ ペジの 分 類 クリック ❷ 目 的 のペジクリック 横 メニュへのペジの 自 動 追 加 サイトの 最 上 位 に 追 加 された ペジは 横 メニュに 自 動 的 に 追 加 されます メニュに 追 加 したくない 場 合 は P.102 セクション29 自 動 リンク はずす 参 照 してください 選 択 したペジのプレ ビュ ❸ [OK]クリック [ペジの 追 加 ]ダイアログボッ クスでプレビュ 広 げて 表 示 したい 場 合 はダイアログボック ス 右 下 ドラッグすとダイア ログボックスのサイズ 変 更 で きます 88

89 3 [ペジの 追 加 ]ダイアログボックス 表 示 します 今 度 は 階 層 の 最 上 位 に 横 メニュには 表 示 されない( 縦 メニュに 表 示 さ れ) 新 しいペジ 追 加 します 4 追 加 すペジ 選 択 します 横 メニュに 追 加 されたペジ ❶ メニュ 名 アイコン 選 択 ❷ [ペジの 追 加 ]クリック 表 示 された[ペジの 追 加 ]ダイ アログボックス ❶ ペジの 分 類 クリック ❷ 目 的 のペジクリック 選 択 したペジのプレ ビュ [ 横 メニュボックス]とは [ 横 メニュボックス]には メ ニュ 名 アイコンに 表 示 され 名 前 が 表 示 されます 初 期 設 定 では レイアウトエリアの[メ ニュバ] 内 に 配 置 されてい ます 他 のレイアウトエリアに も 配 置 すことができます [ 縦 メニュボックス]とは [ 縦 メニュボックス]には メ ニュ 名 アイコンの 下 の 階 層 の ペジ 名 が 表 示 されます 初 期 設 定 では レイアウトエリアの [サイド1]に 配 置 されています 他 のレイアウトエリアにも 配 置 すことができます [ペジの 追 加 ]ダイアログボッ クスでプレビュ 広 げて 表 示 したい 場 合 は ダイアログボッ クス 右 下 ドラッグすとダイ アログボックスのサイズ 変 更 できます 活 用 編 25 ペ ジ 追 加 複 製 削 除 す ❸ [OK]クリック 89

90 5 追 加 されたペジ 確 認 します 縦 メニュに 追 加 されたペジ [ペジ 編 集 ]タブクリック 第 3 章 サ イ ト の 構 成 変 更 す 6 ペジ 追 加 の 結 果 プレビュします [プレビュ]タブクリック 横 メニュに 追 加 されたペジ 縦 メニュに 追 加 されたペジ すでにあHTMLファイル 追 加 すには ホムペジV3 では すで に 作 成 していHTMLファイル も 読 み 込 むことが 可 能 です 詳 し く は P.94 セ ク シ ョ ン 26 ペジインポトす 参 照 してください 縦 メニュボックスに 表 示 されペジ 縦 メニュボックスに 複 数 のペジ 名 が 表 示 され 場 合 縦 メニュの 先 頭 のペジは 横 メニュに 名 前 が 表 示 され ペジに 直 接 ジャンプできますが その 他 のペジは 縦 メニュからのみ 表 示 が 可 能 です これらのペジ 横 メニュから 選 択 できようにすには 横 メニュボックス 右 クリックし [プルダウンメニュ] 選 択 します 90

91 活 ペジ 削 除 す 7 ペジ 削 除 します ここでは 先 に 追 加 したペジ 削 除 します ❶ 削 除 したいペジ 選 択 ❷ [ペジの 削 除 ]クリック 注 意! ペジの 削 除 は 1ペジ 単 位 で 行 なう 必 要 があります サイ ト 名 アイコン メニュ 名 アイ コンからは 削 除 すことはでき ません メニュ 名 アイコンの 下 にペ ジが1つしかない 場 合 にペジ 削 除 すと メニュ 名 アイ コンも 削 除 されます 用 編 25 ペ ジ 追 加 複 製 削 除 す ❸ [OK]クリック 8 削 除 の 結 果 確 認 します ペジが 削 除 された 同 様 の 手 順 で このペジも 削 除 91

92 ペジ 複 製 す 9 横 メニュボックスに 表 示 されペジ 複 製 します ここでは 横 メニュ 名 と 同 じ 階 層 のペジ 複 製 します ❶ コピしたいペジのメ ニュ 名 アイコン 選 択 ❷ [ペジの 複 製 ]クリック 注 意! ペジの 複 製 の 場 合 も メ ニュ 名 アイコン 選 択 す か ペジアイコン 選 択 す かで 複 製 されペジの 階 層 におけ 扱 いは 異 なります ペジアイコン 選 択 す 場 合 そのペジと 同 じメニュ の 下 にペジが 複 製 されます 第 3 章 メニュ 名 アイコンの 下 に 複 数 のペジがあ 場 合 は すべて のペジが 複 製 されます サ イ ト の 構 成 変 更 す 10 複 製 の 結 果 確 認 します 複 製 されたペジ [ペジ 編 集 ]タブクリック ペジ 複 製 すメリット 同 じようなフォマットのペ ジ 複 数 作 成 す 場 合 新 たな ペジ 追 加 して そこに 手 加 えよりも 既 存 のペジ 複 製 して 修 正 す 方 が 時 間 と 手 間 の 短 縮 につながります 92

93 活 11 複 製 の 結 果 プレビュします [プレビュ]タブクリック 注 意! 複 製 されたペジは 同 じ 名 前 で 複 製 されていので 複 製 後 は 名 前 変 更 してください 用 編 複 製 元 のペジへのメニュ 複 製 されたペジへのメニュ 25 ペ ジ 追 加 複 製 削 除 す 右 クリックメニュの 利 用 アイコン 右 クリックして ショトカットメニュから[ペジの 追 加 ] [ペジの 削 除 ] [ペジの 複 製 ]など 選 択 すこと も 可 能 です 93

94 セクション 26 ペジインポトす インポトとは パソコン 内 に 保 存 されてい 他 のサイトのペジ 取 り 込 むことで す ここではペジのインポト 方 法 解 説 します 第 3 章 サ イ ト の 構 成 変 更 す 1 [インポト]ダイアログボックス 表 示 します ここでは 横 メニュに 表 示 されようにペジインポトします 2 インポトすペジ 選 択 します ❶ サイト 名 アイコン 選 択 ❷ [インポト]ボタンクリック 表 示 された[インポト]ダイア ログボックス ❶ 目 的 のフォルダ 参 照 ❷ 目 的 のペジクリック 最 初 に 選 択 すアイコンによっ て インポトされペジ の 挿 入 位 置 が 決 まります メ ニュ 名 アイコン 選 択 してイ ンポトすと メニュ 名 ア イコンの 下 のペジと 同 階 層 に ペジがインポトされます ペジアイコン 選 択 すと そのペジの 下 に 新 しいペジ がインポトされます サイト 名 アイコン 右 クリック した 場 合 も インポト が 選 べ ます 選 択 したペジのプレ ビュ ❸ [OK]クリック 3 インポトしたペジ 確 認 します インポトしたペジ [ペジ 編 集 ]タブクリック インポトされ 対 象 は? ペジ 本 体 はHTMLファイル ですが ペジに 表 示 され 画 像 などは 別 ファイルとして 存 在 し HTMLファイルから 参 照 さ れます これらの 画 像 も 自 動 的 にインポトされますが スタ イルシトはインポトされま せん 94

95 活 4 インポトしたペジプレビュします インポトしたペ ジ オリジナルのスタイル シトではなく 作 業 中 のサイトのスタイル シトが 適 用 され 用 編 26 ペ ジ イ ン ポ ト す 他 のホムペジ 作 成 ソフトで 作 成 したペジのインポト 他 のホムペジ 作 成 ソフトで 作 成 したペジも 同 様 にインポトできますが すべてのコンテンツが メイン エリアに 読 み 込 まれため レイアウトの 修 正 が 必 要 となこともあります 具 体 的 な 取 り 込 み 方 法 については P.224 セクション62 ホ ムペジ ビルダ で 作 成 したファイル 取 り 込 む 参 照 してください また ホムペジV3 で 作 成 したペジであっても 適 用 されていスタイルシトはインポトされません ホムペジ V3 で 作 成 したペジ そのスタイルと 一 緒 に 他 のサイトで 利 用 したければ 本 ペジの コラム:サイトの 部 分 保 存 と 部 分 保 存 したペジの 追 加 参 照 してください サイトの 部 分 保 存 と 部 分 保 存 したペジの 追 加 ホムペジV3で 作 成 すサイトの 一 部 分 ( 特 定 のペジまたはサブペジ 含 む 階 層 全 体 ) 保 存 すことが 可 能 です 部 分 保 存 されたデタは 他 のサイトに 簡 単 に 追 加 すことができます 部 分 保 存 の 場 合 ペジに 適 用 されていスタイルも 自 動 的 に 保 存 追 加 されます 部 分 保 存 行 うには [サイト 編 集 ] 画 面 で 保 存 したいペジアイコン(またはメニュ 名 アイコン) 右 クリックして [ 部 分 保 存...] 選 択 します 追 加 す 場 合 は 同 様 に [ 部 分 保 存 したファイル 追 加 読 み 込 み...] 選 択 します サイト A サイト B 追 加 された 部 分 保 存 デタ ALBUMメニュに 関 連 付 け られたペジまとめて 部 分 保 存 す この 位 置 に 部 分 保 存 しておいた ALBUM メニュ 一 式 追 加 す 部 分 保 存 デタに 含 まれスタ イルも 自 動 的 に 追 加 され 95

96 セクション 27 ペジの 順 番 変 更 す サイトにおけペジの 位 置 移 動 すことも 可 能 です ここではドラッグ&ドロッ プによペジの 順 番 の 変 更 方 法 紹 介 します 第 3 章 サ イ ト の 構 成 変 更 す 1 トップペジ 変 更 します ここでは 横 メニュの3 番 目 に 表 示 され プロフィル1 ペジトッ プペジに 切 り 替 えてみましょう 2 移 動 の 結 果 確 認 します ❶ 移 動 すペジのメニュ 名 アイコンクリック ❷ メニュ 名 アイコンの1 番 上 までドラッグ ペジの 前 への 挿 入 示 すアイ コン トップペジの 位 置 に 移 動 した プロフィル1 ペジ 元 のトップペジは1つずれた 挿 入 アイコンの 位 置 に 注 意 ペジの 追 加 や 複 製 と 同 様 ペジの 移 動 においても 挿 入 の 位 置 は 重 要 です メニュ 名 アイコンに 対 す 挿 入 か ペ ジに 対 す 挿 入 かで その 後 の サイト 構 成 が 決 まります 横 メ ニュボックスに 表 示 され ペジ 名 の 順 番 変 えたい 場 合 は メニュ 名 アイコンの 上 下 に 挿 入 アイコン 移 動 してくだ さい 挿 入 アイコンの 向 きにつ いてはP.98 : 挿 入 アイコンについて 参 照 し てください トップペジ 除 き 横 メ ニュ 名 は メニュ 名 アイコ ンの 下 の ペジの1 番 上 のペ ジ 名 が 反 映 されます [ペジ 編 集 ]タブクリック 3 横 メニュの 状 態 プレビュします [プレビュ]タブクリック 並 べ 替 えられた 横 メニュ 96

97 活 4 詳 細 ペジ1 最 新 情 報 1 の 縦 メニュに 移 動 します 5 移 動 の 結 果 確 認 します ❶ 移 動 すペジクリック ❷ ペジアイコンの 挿 入 位 置 ま でドラッグ ペジの 後 への 挿 入 示 すアイ コン 注 意! ペジとペジの 間 に 挿 入 す 場 合 ペジの 前 または 後 示 す 挿 入 アイコンの 向 きに 注 意 し てください 挿 入 アイコンの 向 きについてはP.98 関 連 情 報 : 挿 入 アイコンについて 参 照 してください 用 編 27 ペ ジ の 順 番 変 更 す 最 新 情 報 1 の 縦 メニュへと 移 動 した 詳 細 ペジ1 [ペジ 編 集 ]タブクリック 6 縦 メニュの 状 態 プレビュします [プレビュ]タブクリック 並 べ 替 えられた 横 メニュ 縦 メニュに 表 示 されペ ジ 横 メニュに 戻 す [サイト 編 集 ] 画 面 で 移 動 したい ペジ 選 択 し メニュ 名 ア イコンの 上 下 にドラッグし 挿 入 アイコンが 正 しく 表 示 された らマウスボタンはなしてくだ さい 縦 メニュへ 移 動 された[ 詳 細 ペジ1] 97

98 セクション 28 ペジに 階 層 追 加 す 本 の 目 次 のように サイトの 構 成 階 層 化 すことで 情 報 がわかりやすく 整 理 され たホムペジができ 上 がります 1 最 新 情 報 1 リスト 索 引 1 の 下 位 へ 移 動 します ここでは リスト 索 引 1 の 下 に 最 新 情 報 1 と 最 新 情 報 2 がぶら 下 が ような 構 造 のサイト 作 成 します ❶ 最 新 情 報 1 クリック 第 3 章 サ イ ト の 構 成 変 更 す ❷ リスト 索 引 1 の 右 側 までドラッグ ❸ 挿 入 アイコン 確 認 してドロップ 挿 入 アイコンについて 移 動 しようとすペジが 挿 入 アイコンの 指 し 示 すペジとどのような 位 置 関 係 になかは 以 下 の 通 りです この 位 置 関 係 は メニュボックスの 並 び 順 に 反 映 されます 同 じ 階 層 の 上 位 に 挿 入 されます 同 じ 階 層 の 下 位 に 挿 入 されます 直 下 の 階 層 に 挿 入 されます 98

99 2 詳 細 ペジ 複 製 します 活 用 移 動 されたペジ ❶ 最 新 情 報 1 選 択 ペジの 複 製 については P.88 セ ク シ ョ ン 25 ペ ジ 追 加 複 製 削 除 す 参 照 してください 編 3 複 製 の 結 果 確 認 します ❷ [ペジの 複 製 ]クリック 28 ペ ジ に 階 層 追 加 す リスト 索 引 1 ペジの 下 に 2つの 詳 細 情 報 1 ペジがぶ ら 下 がった 4 [ペジのプロパティ]ダイアログボックス 表 示 します 複 製 されたペジの 名 前 最 新 情 報 2 に 変 更 します ❶ 複 製 されたペジ 右 クリッ ク ❷ [ペジのプロパ ティ]クリック 99

100 5 ペジの 名 前 変 更 します 開 いた[ペジのプロパティ]ダ イアログボックス ❶ [ペジのタイトル]に 最 新 情 報 2 と 入 力 ❷ [OK]クリック 6 縦 メニュボックス 確 認 します 第 3 章 サ イ ト の 構 成 変 更 す 名 前 が 変 更 されたペジ ❶ 最 新 情 報 1 ペジ 選 択 ❷ [ペジ 編 集 ]タブクリック 7 ペジプレビュします 追 加 された 縦 メニュの2つの ペジ 階 層 が 下 位 のため 表 示 が 一 段 下 がってい 縦 メニュボックスの 追 加 縦 メニュボックスは サイド 1 エリアに 最 初 から 用 意 されて います サイド1 以 外 の 位 置 ( サイド2 など)に 表 示 したい 場 合 は [ペジ 編 集 ] 画 面 の[オ ブジェクト]タブの[ 共 有 部 品 ] の[ 縦 メニュボックス]ク リックして 縦 メニュボック ス 追 加 してください 100

101 活 ペジの 階 層 と 縦 メニュの 設 定 ペジは 何 段 階 にでも 階 層 化 できます 階 層 化 されたペジの 縦 メニュでの 表 示 方 法 はさまざまにアレンジすことができます 表 示 方 法 は [ 縦 メニュボックスの 設 定 ]ダイアログで 設 定 します 表 示 階 層 の 設 定 と 縦 メニュの 表 示 例 トップ 階 層 第 1 階 層 第 2 階 層 第 3 階 層 第 4 階 層 第 5 階 層 用 編 28 ペ ジ に 階 層 追 加 す ペジ2-1での 表 示 ペジ 3-1 での 表 示 ペジ 4-1 での 表 示 ペジ 5-1 での 表 示 起 点 の 階 層 のみ 表 示 : 表 示 していペジが 属 す 起 点 の 階 層 とその 兄 弟 階 層 だけ 表 示 します ( 例 : 第 2 階 層 起 点 ) 階 層 すべて 表 示 : 表 示 していペジが 属 す 起 点 の 階 層 以 下 の 階 層 およびその 兄 弟 階 層 と 表 示 していペジの 直 下 の 一 階 層 表 示 します ( 例 : 第 2 階 層 起 点 とし [すべて 開 いて 表 示 ]がオフの 場 合 ) [ 表 示 階 層 数 ]で 表 示 す 上 位 階 層 数 指 定 できます 直 系 の 階 層 のみ 表 示 : 表 示 していペジの 直 系 の 上 位 階 層 ( 起 点 の 階 層 以 下 )および 直 下 の 一 階 層 と 兄 弟 の 階 層 表 示 します ( 例 : 第 2 階 層 起 点 ) [ 表 示 階 層 数 ]で 表 示 す 上 位 階 層 数 指 定 できます 表 示 項 目 選 択 して 指 定 : 選 択 したペジ 表 示 します サイ ト 内 の 任 意 のペジ 選 択 すこと ができます 101

102 セクション 29 自 動 リンクはずす 新 しいペジ 追 加 すと そのペジ 名 が 自 動 的 にメニュに 表 示 され 機 能 自 動 リンク と 呼 びます ここでは この 機 能 オフにす 方 法 解 説 します 第 3 章 1 メニュへの 自 動 リンクはずします 詳 細 ペジ1 が 横 メニュに 表 示 されないようにします ❶ 詳 細 ペジ1 のペジアイ コン 右 クリック 自 動 リンク 再 設 定 す 自 動 リンクはON/OFFの 設 定 ができようになっています もう1 度 ペジ 右 クリック し [ 自 動 リンク]クリックす ことで このペジは 再 びメ ニュに 表 示 されます サ イ ト の 構 成 変 更 す 2 メニュ 確 認 します ❷ 自 動 リンク クリックして チェックはずす ペジの 公 開 作 成 したペジ(あいは 作 成 途 中 のペジ) 一 時 的 に 非 公 開 にすには ショトカッ トメニュの[ 公 開 ] 選 択 し チェックはずしてください 非 公 開 にすと サイトとの 関 係 示 す 線 の 色 が 赤 に 変 わりま す ただし そのペジはサイ トに 転 送 しても 公 開 されません ので 注 意 してください 自 動 リンクがオフにな と サイトの 関 係 示 す 線 の 色 が 黒 から 青 に 変 化 す [ペジ 編 集 ]タブク リック 102

103 活 3 ペジプレビュします 用 [プレビュ]クリック 詳 細 ペジ1 がオフになった 状 態 の 横 メニュ 編 29 自 動 リ ン ク は ず す メニュに 表 示 されないペジへのアクセス 方 法 リンク 用 意 す メニュに 表 示 されないペジへのリンク 作 成 すことで そのペジへのアクセス 手 段 用 意 すことが 可 能 です 例 えば 索 引 リスト1 ペジのサムネイル 画 像 に 詳 細 ペジ1 へのリンク 挿 入 すことが 可 能 です ペジ 間 の 移 動 には ペジ リンクまたは 進 行 リンクが 利 用 可 能 です リンクの 挿 入 手 順 については P.64 セクション16 画 像 やボタンにリンク 設 定 す 参 照 してください 共 有 部 品 移 動 ボタンボックス 利 用 す ペジに 移 動 ボタンボックス 追 加 すと 同 じ 階 層 の 次 のペジへと 移 動 すためのボタンが 自 動 的 に 表 示 されます [ 移 動 ボタ ンボックス] 利 用 す 場 合 サイト 構 成 およびペジの 順 番 が 重 要 な 意 味 持 ちます [サイト 編 集 ] 画 面 では 表 示 したいペジから 順 に 上 から 並 べようにしましょう [ 移 動 ボタンボックス]の 設 定 方 法 は P.162 セクション48 移 動 ボタンボックス 設 置 す 参 照 してください 注 意! [ 通 常 モド]では 挿 入 された 移 動 ボタンボックスは 小 さな 点 線 のボックスとして 表 示 されます 際 の 効 果 確 認 す には プレビュに 切 り 替 えてください URL 直 接 入 力 す アクセス 手 段 まったく 用 意 しなくても ペジのURL 直 接 入 力 すことで ペジ 表 示 できます ペジのファイル 名 は [サ イト 編 集 ]タブの[ステタス]タブで 確 認 できます 例 : ペジのファイル 名 他 のユザにペジの 存 在 知 らせず 自 分 だけがアクセスできようにしたい 場 合 などには この 方 法 おすすめします 103

104 セクション 30 サイトの 設 定 変 更 す サイトに 関 す 設 定 は[サイトの 設 定 ]ダイアログボックスで 行 ないます ここでは このダイアログボックスの 機 能 と 操 作 方 法 解 説 します [サイトの 設 定 ]ダイアログボックス 開 きます メニュバの[ファイル]から[サイトの 設 定 ]クリックします [サイト 編 集 ] 画 面 の[ファイル]メニュ [ペジ 編 集 ] 画 面 の[ファイル]メニュ 第 3 章 サ イ ト の 構 成 変 更 す 共 有 部 品 以 下 の 共 有 部 品 が 表 示 す 文 字 列 (または 画 像 ) 指 定 します サイトタイトル:サイト 名 とな 文 字 列 指 定 します サイトマク:サイトの 画 像 ファイル 指 定 します メインメニュに 表 示 すトップペジの 名 称 :サイトのトップペジ 横 メ ニュに 表 示 す 際 の 名 称 指 定 します ヘッダ:ヘッダとな 文 字 列 指 定 します フッタ:フッタとな 文 字 列 指 定 します 移 動 ボタンボックスに 表 示 す 名 称 : 移 動 ボタンに 表 示 す 文 字 列 指 定 します PC 用 /スマトフォン 用 サイト 切 替 ボックスに 表 示 す 名 称 :PC 用 とスマト フォン 用 のサイト 切 り 替 えボタンに 表 示 す 文 字 列 指 定 します サイトマクについては P.84 セ ク シ ョ ン 24 サ イ トの 構 成 理 解 す 参 照 し てください タイトルの 変 更 ペジタイトルは ペジごと に 異 なり サイトに 共 通 す 要 素 ではないため 各 ペジの[プ ロパティ]ダイアログボックス で 指 定 します 104

105 活 画 像 画 像 ファイルの 取 り 扱 い 設 定 します 適 す 画 像 の 拡 張 子 :サイトでの 表 示 に 適 した 画 像 ファイル 形 式 です gif jpg pngはデフォルトで 表 示 可 能 です 適 さない 画 像 の 変 換 後 の 拡 張 子 :サイトでの 表 示 に 適 さない 画 像 変 換 す 形 式 です gif jpg pngから 選 択 します 完 全 透 明 含 む 画 像 形 式 : 適 さない 画 像 が 完 全 透 明 含 んでい 場 合 変 換 後 の 画 像 に 透 明 処 理 したい 場 合 は GIF 形 式 か PNG 形 式 透 明 処 理 しない 場 合 は 指 定 しない 選 択 します [ 保 存 オプション 設 定 ]:[ 適 さない 画 像 の 変 換 後 の 拡 張 子 ]で 選 択 したファイル 形 式 の 変 換 の 詳 細 設 定 行 います 形 式 ごとに 色 数 や 圧 縮 率 減 色 処 理 など 設 定 できます 画 像 サイズの 制 限 : 大 きい 画 像 によりペジの 表 示 速 度 が 遅 くならないように サイズ 制 限 すことができます 元 のファイル 名 維 持 す: 画 像 のファイル 名 変 換 しません 画 像 フォルダ 作 成 す: 画 像 まとめて 入 れておくためのフォルダ 作 成 し ます [ 適 す 画 像 の 拡 張 子 ]で 設 定 し てい 以 外 の 画 像 ファイルは 適 さない 画 像 の 変 換 後 の 拡 張 子 で 指 定 してい 拡 張 子 に 変 換 されます 制 限 以 上 の 画 像 挿 入 した 場 合 自 動 的 に 設 定 したサイズに 縮 小 されてペジに 入 ります 元 のファイルは 縮 小 されませ ん 用 編 30 サ イ ト の 設 定 変 更 す 通 常 のプロバイダのサバ 利 用 す 限 り 特 に 設 定 変 更 す 必 要 はありません [ 環 境 設 定 ]ダイアログボックス [サイトの 設 定 ]ダイアログボックスと 同 じように 重 要 なのが [ 環 境 設 定 ]ダイアログボックスです こちらには ホムペジV3 全 体 の 操 作 環 境 設 定 すためのオプションが 用 意 されています 例 えば 作 成 したホムペジの 保 存 フォルダの 指 定 は [ 全 般 ] 画 面 で 行 ないます [ファイル]メニュの[ 環 境 設 定 ]からダイアログ ボックス 開 くことができます 105

106 HTML 出 力 HTMLファイルの 出 力 に 関 す 設 定 行 ないます HTMLファイルの 出 力 形 式 :XHTML 形 式 HTML 形 式 のどちらで 出 力 すか 指 定 します 名 前 付 けの 規 則 :プロバイダによって トップペジのファイル 名 や 拡 張 子 が 決 まってい 場 合 があります その 場 合 は ここで 指 定 します 生 成 規 則 :HTMLファイル 生 成 す 際 の 規 則 指 定 できます 最 適 化 オプション: ホムペジV3 ではHTMLのヘッダ 部 分 は 自 動 的 に 生 成 されますが チェックはずすと 生 成 されず ユザが 入 力 した <head>~</head>のヘッダ 部 分 が 保 護 されます トップペジの 名 前 トップペジのファイル 名 は 通 常 はindexのままでかまいせん しかし プロバイダによって 別 のファイル 名 の 指 定 求 めた り カウンタ 設 置 すなど 特 別 な 機 能 利 用 す 場 合 に 別 のファイル 名 の 指 定 要 求 す 場 合 があります 第 3 章 サ イ ト の 構 成 変 更 す XHTMLとは XHTML(eXtensible HyperText Markup Language)とは 従 来 ホムペジ 作 成 に 使 用 されて きたHTMLXML(eXtensible Markup Language)の 仕 様 に 準 拠 すように 再 定 義 したもの です GENERATORとは ホムペジ 作 成 に 使 用 されたアプリケション 名 です ホムペジV3 の 場 合 次 のようなコドが 生 成 されます <meta name="generator" content=" ホムペジV3"> GENERATOR が 記 述 されてい コド 106

107 活 インタネット 作 成 したホムペジの 関 連 ファイルサバにアップロドすための 接 続 先 選 択 します 接 続 設 定 そのものは [ 環 境 設 定 ]ダイアログボックスで 行 ないます 転 送 先 変 更 す 手 順 については P.108 セクション31 転 送 の 設 定 変 更 す 参 照 してください 用 編 30 サ イ ト の 設 定 変 更 す ブラウザ PC 用 サイトとスマトフォン 用 サイトの 切 り 替 えの 設 定 および 作 成 したホムペジ 表 示 すときに ブラウザに 表 示 すタイトル 設 定 すことができます タゲットブラウザ: 作 成 したホムペジがPC 用 サイトかスマトフォン 用 サイトか 指 定 します 連 携 すスマトフォン 用 /PC 用 サイトのプロジェクト:タゲットブラウザがPCの 場 合 は 連 携 すスマトフォ ン 用 サイトのファイル 指 定 します タゲットブラウザがスマトフォンの 場 合 は 連 携 すPC 用 サイトのファイル 指 定 します 書 式 : ブラウザのタイトルに 表 示 す 文 字 列 (ペジ 名 やサイト 名 )の 書 式 選 択 します 下 にあ[プレビュ:]で 際 の 表 示 確 認 できます サイトタイトル 表 示 :[ 書 式 :]に サイト 名 が 含 まれ 場 合 サイトタイトル 表 示 します タイトル 指 定 :[ 書 式 :]に サイト 名 が 含 まれ 場 合 サイトタイトルのかわりに 任 意 に 指 定 したタイトル 表 示 し ます 107

108 セクション 31 転 送 の 設 定 変 更 す プロバイダ 切 り 替 え サバが 変 更 になった 場 合 などには ホムペジの 引 越 が 必 要 です ここでは 転 送 設 定 変 更 し ホムペジ 再 アップロドす 手 順 紹 介 します 1 新 しい 接 続 設 定 追 加 します [ 環 境 設 定 ]ダイアログボックス ❶ [インタネット]クリック 注 意! [ 環 境 設 定 ]ダイアログボックス での 接 続 設 定 の 追 加 方 法 につい て は P.72 セ ク シ ョ ン 20 転 送 の 設 定 す 参 照 して ください 第 3 章 サ イ ト の 構 成 変 更 す 2 新 しい 接 続 設 定 指 定 します ❷ [ 追 加 ]クリック ❶ 接 続 名 入 力 ❷ 新 しいプロバイダ 選 択 ❸ [ 次 へ]クリック. 108

109 活 ❹ 必 要 な 接 続 情 報 入 力 ❺ [ 完 了 ]クリック [ 接 続 設 定 ]ダイアログボック スの 表 示 接 続 設 定 に 必 要 な 情 報 の 呼 び 名 は プロバイダごとに 異 なって います ホムペジV3 で は 最 初 にプロバイダ 選 択 すと [ 接 続 設 定 ]ダイアログ ボックス 内 のサバ 名 などの オプション 名 がそのプロバイダ に 合 わせて 変 化 します 必 要 な 情 報 の 入 手 方 法 ホムペジ 開 設 に 必 要 な 情 報 は プロバイダとの 契 約 時 に メルなどで 通 知 されていま す わからない 場 合 は プロバ イダのサポトに 問 い 合 わせて ください 用 編 31 転 送 の 設 定 変 更 す ❻ [OK]クリック 3 [サイトの 設 定 ]ダイアログボックス 開 きます [ファイル]メニュの[サイトの 設 定 ] 選 択 してください 4 使 用 すサバ 選 択 します [サイトの 設 定 ]ダイアログ ボックス ❶ [インタネット]ク リック 現 時 点 で 存 在 す 接 続 設 定 が 表 示 され ❷ サバ2 クリック ❸ [OK]クリック ❹ 表 示 されたダイアログ ボックスの[OK]クリッ ク 注 意! サバ 変 更 時 の 注 意 点 手 順 4で[OK]クリックす と サバ 変 更 によって 生 じ 障 害 の 可 能 性 伝 えメッ セジが 表 示 されます プロバイダによっては トッ プペジのファイル 名 がデ フォルトのindexでなかった り HTMLファイルの 拡 張 子 が htmlまたはhtmに 限 定 されて い 場 合 があります サバ 変 更 す 場 合 は サバの 要 件 確 認 してください また カウンタや 掲 示 板 などのサビ ス 提 供 していないプロバイダ もあので 注 意 してください 109

110 この 章 のまとめ 本 章 では 複 数 のペジで 構 成 されサイトの 作 り 方 編 集 の 方 法 解 説 しました サイトは 複 数 のペ ジとそれらの 互 いの 結 び 付 きで 構 成 されます ホムペジV3 の[サイト 編 集 ] 画 面 ではペジとペ ジの 関 係 が 視 覚 的 に 表 示 され さらにはマウスのドラッグ&ドロップによ 構 成 の 変 更 ペジの 追 加 や 削 除 複 製 が 可 能 で 編 集 結 果 は 横 メニュなどのリンクにも 反 映 されます [サイト 編 集 ] 画 面 第 3 章 サ イ ト の 構 成 変 更 す サイトの 構 造 が 視 覚 的 に 表 示 され ペジのアイコンのドラッグによっ て サイト 構 成 変 更 でき ペジの 追 加 削 除 複 製 インポ ト 行 なうボタン ペジのインポト 他 のホムペジ 作 成 ソフトで 作 られたペジもインポトしてサイトに 取 り 込 むことができます [インポト]ダイアログボックス 110

111 第 4 章 ペジ デザインす 第 2 章 でペジ 作 成 の 基 本 操 作 解 説 しましたが 本 章 は その 続 編 です より 見 栄 えのよいペジ 作 りたい サイ ト 全 体 の 統 一 感 出 したい オリジナリティ 強 調 したい といったデザイン 性 の 高 いペジの 作 成 方 法 や イメジ 通 りにレイアウトしたい 時 に 便 利 な ホムペジV3 の 機 能 紹 介 します セクション 32 セクション 33 セクション 34 セクション 35 セクション 36 セクション 37 スタイルシトとは 112 ペジデザイン レイアウトす 114 サイトのデザイン 変 更 す 118 サイトのレイアウト 変 更 す 120 個 別 のペジのレイアウト 変 更 す 122 ペジ 幅 広 げ 128 セクション 38 ペジの 背 景 変 更 す 130 セクション 39 タイトルのデザイン 変 更 す 134 セクション 40 レイアウトエリアのスタイル 変 更 す 138 セクション 41 セクション 42 横 メニュのデザイン 変 更 す 140 縦 メニュのデザイン 変 更 す 144 この 章 のまとめ 148

112 セクション 32 スタイルシトとは ホムペジV3 では スタイルシト 利 用 すことで 美 しいデザインのホム ペジ 簡 単 に 作 成 できようなっています まずは スタイルシトについて 解 説 します スタイルシトの 基 礎 スタイルシト(Cascading Style Sheet : CSS)とは 書 式 やレイアウト 情 報 ペジの 内 容 とは 別 の 場 所 に 定 義 してお き それHTMLで 作 ったペジに 適 用 すという 技 術 です 書 式 やレイアウト 情 報 HTMLファイルと 分 離 すことで 次 のようなメリットが 得 られます 定 義 したスタイルは 複 数 のペジで 共 有 できため ホムペジ 全 体 で 統 一 感 持 たせことができ スタイルシト 交 換 すだけで ホムペジの 外 観 一 新 でき HTMLファイルの 容 量 軽 減 でき HTML 第 4 章 ペ ジ デ ザ イ ン す スタイルシト1 スタイルシトのファイル 名 指 定 すだけで ペジのレイ アウト 変 更 でき スタイルシト2 112

113 活 ホムペジV3 におけスタイルシトの 扱 い ホムペジV3 では こうしたスタイルシトの 存 在 意 識 すことなく 画 面 上 の 簡 単 な 操 作 で あらかじめ 用 意 されたスタイル 簡 単 に 利 用 できます 具 体 的 には 新 規 作 成 ウィザド 使 ってホムペジ 作 成 す 際 ウィザドの 最 初 の 画 面 でイメジテンプレト 選 びましたが これがスタイルシトに 相 当 します 新 規 作 成 ウィザドの[テマの 選 択 ] 画 面 個 々のイメジテンプ レトが1つのスタイル シトに 相 当 す 注 意! ホムペジV3 では スタ イルシトの 存 在 意 識 す 必 要 がありません あらかじめ 定 義 された 書 式 情 報 の 組 み 合 わせ スタイル と 呼 んでいます スマトフォン 用 サイト 作 成 す 場 合 は 自 動 的 にスマト フォン 用 のスタイルが 適 用 され ます スマトフォン 用 サイト について 詳 しくはP.214 セ クション61 スマトフォン 用 サイト 作 成 す 参 してく ださい 用 編 32 ス タ イ ル シ ト と は スタイルの 取 り 込 み ホムペジV3では 既 存 のホムペジ(HTMLファイル)に 適 用 されていスタイル 情 報 取 り 込 み 作 成 中 のペジに 適 用 すことが 可 能 です スタイル 取 り 込 むには [マイスタイル]タブの[スタイルの 取 り 込 み]クリックし スタイルの 取 り 込 み 対 象 となHTMLファイル 選 択 します さらにホムペジV3のレイアウトエリアと 各 タグとの 対 応 指 定 します( 取 り 込 まれペジ 本 体 のスタイル 情 報 は 基 本 的 にメインエリアに 適 用 されます) 113

114 セクション 33 ペジデザイン レイアウトす ホムペジV3 は スタイルシトやエリアなどペジデザイン レイアウトす のに 便 利 な 機 能 や 仕 組 み 備 えています これらセクション42まで10セクショ ンに 分 けて 説 明 します はじめに これから 説 明 す 機 能 の 概 要 紹 介 します サイトのデザイン 変 更 す ホムペジV3 では スタイルシトの 変 更 がドラッグ&ドロップの 簡 単 な 操 作 で 行 なえます サイト 全 体 一 括 で 変 更 すことも 1ペジごとに 変 更 すこともできます レイアウトエリア 追 加 削 除 す ホムペジV3 の 基 本 レイアウトは ヘッダ メニュバ タイトル サイド1 メイン サイド2 フッタの7 つのエリアで 構 成 されています これらのエリアの 組 み 合 わせ 変 更 すことで 基 本 デザイン 変 えことができます 第 4 章 ペ ジ デ ザ イ ン す メイン+サイド1+サイド2 サイド2 非 表 示 にす サイド1とサイド2 非 表 示 にす レイアウトエリアは 表 示 非 表 示 切 り 替 えだけでなく 位 置 入 れ 替 えことも 可 能 です また 新 しいエリア 追 加 して 別 のレイアウト 作 こともできます 114

115 活 レイアウトのスタイル 編 集 す ペジの 見 え 方 はスタイルによって 決 まります ペジおよびレイアウトエリア(メイン サイド1 サイド2 タイトルバ メニュバ ヘッダ フッタ)ごとに 以 下 の 要 素 設 定 すことが 可 能 です 領 域 背 景 フォント 枠 線 用 編 横 メニュ 縦 メニュ 編 集 す 横 メニュ 縦 メニュのスタイルも 変 更 可 能 です 色 やフォント 変 更 したり ボタンサイズ 調 整 したり マク 表 示 すことも 可 能 です ❶ ヘッダの 背 景 変 更 ❷ タイトルの 背 景 画 像 変 更 し 高 さ 調 整 ❸ メニュの 位 置 変 更 し 背 景 変 更 ❹ メインとサイドに 枠 追 加 ❺ ペジの 背 景 変 更 33 ペ ジ デ ザ イ ン レ イ ア ウ ト す ❻ サイト 全 体 (body)の 背 景 変 更 115

116 スタイルシト 操 作 用 のサンプルサイト 作 成 す まずは 操 作 のベスとなサンプルサイト 作 成 しましょう この 後 のセクションでは サンプルサイトのスタイルシ トの 設 定 変 更 して 思 い 通 りのレイアウト 現 すためのテクニックについて 学 んでいきます 1 [スタトアップウィザド] 起 動 し スタイルシト 操 作 のベスとなサイト 作 成 します ❶ テマ 赤 系 選 択 ❷ イメジテンプレト a1_0010 選 択 ❸ [ 次 へ]クリック ❹ [レイアウトの 選 択 ] 画 面 の[ 次 へ]クリック 第 4 章 2 サイト 構 成 すペジ 選 択 します ペ ジ デ ザ イ ン す ❶ リスト 索 引 1 選 択 ❷ [ 削 除 ]クリック ❸ 同 様 の 手 順 で プロフィル 1 詳 細 ペジ1 削 除 最 新 情 報 1 ペジだけが 残 ❹ [ 個 人 用 ] [ 詳 細 ペジ]フォル ダ 展 開 ❺ 詳 細 ペジ1 選 択 ❻ [ 追 加 ]クリック ❼ [ 次 へ]クリック 116

117 活 3 サイト 完 成 します 用 ❶ [サイト 名 ]に レイアウトサン プル と 入 力 編 4 でき 上 がったサイト 確 認 します ❷ [ 完 了 ]クリック 完 成 したサイト 33 ペ ジ デ ザ イ ン レ イ ア ウ ト す ❶ 詳 細 ペジ1 クリック ❷ [ペジ 編 集 ]タブクリック 5 サイトプレビュします [プレビュ]タブクリック 作 成 したペジ レイアウトサンプル の 使 い 方 この 後 のセクションでは ここで 作 成 したサイト 例 に さまざまなスタイルシトの 操 作 方 法 解 説 します 117

118 セクション 34 サイトのデザイン 変 更 す サイトのデザインは 最 初 に 選 択 された スタイル によって 決 まります このスタイ ル 別 のスタイルに 置 き 換 えだけで サイトのデザイン 一 新 すことが 可 能 です 1 [スタイルの 追 加 ]ダイアログボックス 開 きます 既 存 のサイト 開 き [サイト 編 集 ]タブ 表 示 [スタイルの 追 加 ]クリック 第 4 章 ペ ジ デ ザ イ ン す 2 [サイト 編 集 ]タブの[マイスタイル]に 新 しいスタイル 追 加 します ❶ [イメジテンプ レトの 選 択 ]リス トスクロル ❷ 気 に 入 ったテンプ レト 選 択 不 要 なスタイルの 削 除 不 要 なスタイル 削 除 すに は [サイト 編 集 ] 画 面 の[マイス タイル]のスタイルアイコン 選 択 し [スタイルの 削 除 ]ボタ ンクリックしてください た だし ペジに 適 用 されてい スタイルは 削 除 できません ❸ [OK]クリック 注 意! 独 自 編 集 されたスタイルは 削 除 すと 元 に 戻 せませんので 注 意 してください 注 意! スタイルは 必 ず1つは 適 用 され てい 必 要 があります [マイス タイル] 内 にスタイルが1つだ けのときはそのスタイルは 削 除 できません 118

119 3 ホムペジに 新 しいスタイル 適 用 します ここではホムペジ 全 体 に 新 しいスタイル 適 用 します 追 加 されたスタイル ❶ スタイルクリック ❷ そのままサイトアイコンまで ドラッグ&ドロップ 4 新 しいスタイルが 適 用 されたペジ 確 認 します ホムペジ 全 体 にスタイルが 適 用 され 個 別 のペジのスタイルのみ 変 更 すには ホムペジ 全 体 ではなく 特 定 のペジのスタイルのみ 変 更 すには そのペジアイコ ンに スタイル ドラッグ&ド ロップしてください ペジが 階 層 構 造 になってい 場 合 す べての 下 位 ペジに 同 じスタイ ルが 適 用 されます 目 的 のペ ジのみにスタイル 適 用 すに は Ctrl キ 押 しながら ド ラッグ&ドロップ 行 なってく ださい 活 用 編 34 サ イ ト の デ ザ イ ン 変 更 す [ペジ 編 集 ]タブクリック 5 ペジ 確 認 します 追 加 したスタイルが 適 用 された ペジ 標 準 スタイルタグの 設 定 [ペジ 編 集 ]タブ 上 部 の[スタ イルタグ]ドロップダウンリス トにはエリアごとに (エリア 名 )の 標 準 というスタイルタグ が 含 まれています この 標 準 の 設 定 は[スタイルの 編 集 ]ダイ アログボックスの[レイアウト のエリア 配 置 ]タブで 該 当 す エリア 選 択 し [ 詳 細 設 定 ] クリックして 表 示 されたダ イアログボックスにて[フォン ト]タブ 選 択 すと 編 集 でき ます 119

120 セクション 35 サイトのレイアウト 変 更 す 現 在 選 択 されてい スタイル の 個 々の 設 定 変 更 すことができます スタイル の 設 定 変 更 すと 同 じスタイルが 適 用 されていすべてのペジにその 結 果 が 反 映 されます ここではレイアウトエリアの 構 成 変 更 します 第 4 章 ペ ジ デ ザ イ ン す 1 [スタイルの 編 集 ]ダイアログボックス 開 きます ❶ 編 集 すスタイルクリック ❷ [スタイルの 編 集 ]クリック 2 [スタイルの 編 集 ]ダイアログボックスでスタイル 変 更 しま す ここではペジからサイド2 削 除 して 2カラムのデザインに 変 更 します ❶ [サイド2] 選 択 編 集 したスタイル 元 の 状 態 に 戻 すには? [マイスタイル]タブに 追 加 され たスタイル 編 集 しても その 結 果 が オリジナルのスタイル に 反 映 されことはありませ ん 編 集 前 のスタイルに 戻 した い 場 合 は もう1 度 そのスタ イル[スタイルの 追 加 ]より 追 加 して 適 用 してください 注 意! 編 集 したスタイルは 他 のサイト では 使 用 すことはできませ ん 他 のサイトで 使 用 したい 場 合 は 再 度 作 成 す 必 要 があり ます カラムとは カラム(=Column)とは 列 とい う 意 味 で ホムペジV3 で は 1カラム~3カラム(サイド 1 メイン サイド2)のペジ 作 成 できます ❷ クリックしてチェックはず す 120

121 活 3 メインエリアがペジの 右 端 いっぱいに 表 示 されようにし ます 削 除 したサイド2の 部 分 まで メインエリアが 表 示 されように メインエ リアの 幅 可 変 にします 注 意! ここではすべてのペジが3カ ラムから2カラムに 変 更 されま す 用 編 ❶ [ 幅 ]の[ 可 変 ] 選 択 ❷ [OK]クリック 確 認 のダイアログボックス レイアウトエリアは 追 加 や 削 除 だけでなく 移 動 すこともで き ま す 詳 し く は P.122 セ クション36 個 別 のペジのレ イアウト 変 更 す 参 照 し てください 35 サ イ ト の レ イ ア ウ ト 変 更 す ❸[はい]クリック 4 新 しいスタイルが 適 用 されたペジ 確 認 します スタイルが ホムペジ 適 用 全 されたペジ 体 のスタイルが 変 更 され [ペジ 編 集 ]タブクリック 右 側 のサイド2がなく なった 特 定 のペジのスタイルのみ 編 集 したい スタイルの 変 更 結 果 は そのス タイルが 適 用 されていすべて のペジに 反 映 されます 特 定 のペジのスタイルのみ 変 更 したい 場 合 は まずはベスと なスタイル 複 製 してくださ い そして その 複 製 したス タイルに 対 して 設 定 の 変 更 行 なった 後 ペジに 適 用 します 121

122 セクション 36 個 別 のペジのレイアウト 変 更 す 前 のセクション35では サイト 全 体 のレイアウトエリア 構 成 変 更 しましたが ここ では 個 別 のペジのレイアウトエリア 変 更 す 手 順 解 説 します ここでは セクション33で 作 成 した レイアウトサンプル 使 用 します カラム 数 変 更 す 1 1カラム 用 のスタイル 用 意 します まずは セクション33で 作 成 したサンプルサイト レイアウトサンプル ベスに 1カラム 用 のスタイル 作 成 します 1カラムにすペジ カラムとは P.120 セ ク シ ョ ン 35 サ イ トのレイアウト 変 更 す 参 照 してください 第 4 章 ペ ジ デ ザ イ ン す ❶ スタイル 右 クリック ❷ [スタイルの 複 製 ]クリック スタイルの 複 製 しなくても1 カラム 用 のペジ 作 成 すこ とはできますが 元 のスタイル は マイスタイル からなくなり ます 2 [スタイルの 編 集 ]ダイアログボックス 開 きます 複 製 されたスタイル [マイスタイル] 内 のスタイル ダブルクリックしても[スタイ ルの 編 集 ]ダイアログボックス 開 くことができます ❶ スタイルクリック ❷ [スタイルの 編 集 ]クリック 122

123 3 サイド1とサイド2 削 除 します ここでは2つのサイドのエリア 削 除 すことで 1カラムのスタイル 作 成 します 表 示 された[スタイルの 編 集 ]ダ イアログボックス サイド1かサイド2のみのチェッ クはずすと2カラム 何 も チェックはずさないと3カラ ムになります 活 用 編 4 メインペジの 横 幅 いっぱいに 表 示 します ❶ [サイド1]のチェックはず す ❷ [サイド2]のチェックはず す ❶ [メイン] 選 択 す 複 製 されたスタイルの 名 前 複 製 されたスタイルには もとと なったスタイル 名 の 最 後 の1 桁 が1ずつ 増 やされた 名 前 が 付 け られます 03_red_a1_0010. css から 複 製 されたスタイル は 03_red_a1_0011.css に なります どんな 変 更 加 えたか 一 目 で 思 い 出 せようなスタイル 名 に 変 更 すには スタイルアイコン 右 クリックし [ 名 前 の 変 更 ] 選 択 してください 36 個 別 の ペ ジ の レ イ ア ウ ト 変 更 す ❷ [ 幅 ]の[ 可 変 ] 選 択 ❸ [OK]クリック 確 認 のダイアログボックス ❹ [はい]クリック 123

124 5 詳 細 ペジ1 のペジに1カラムのスタイル 適 用 します ❶ 適 用 すスタイルクリック ❷ 適 用 先 のペジまでドラッグ 6 スタイルの 変 更 結 果 確 認 します スタイル 変 更 の 結 果 は [ペジ 編 集 ]タブで 確 認 できます 第 4 章 ペ ジ デ ザ イ ン す ❶ 対 象 となペジ 選 択 ❷ [ペジ 編 集 ]タブクリック 7 ペジプレビュします [プレビュ]タブクリック ペジに 適 用 されていスタ イル 確 認 す [サイト 編 集 ]タブでペジ 選 択 し [ステタス]タブク リックすことで ペジに 適 用 されていスタイル 名 確 認 できます 1カラムのペジ ここでは サイド1 サイド2 メインについてふれましたが 同 様 にヘッダ メニュバ タイトル フッタも 追 加 削 除 すことがきます 124

125 活 メニュバの 位 置 変 更 す 8 メニュバの 位 置 変 更 用 のスタイル 準 備 します 用 編 ❶ スタイル 右 クリック ❷ [スタイルの 複 製 ]クリック 9 [スタイルの 編 集 ]ダイアログボックス 開 きます 36 個 別 の ペ ジ の レ イ ア ウ ト 変 更 す 複 製 されたスタイル ❶ スタイルクリック ❷ [スタイルの 編 集 ]クリック 125

126 10 メニュバの 位 置 タイトルの 上 側 へ 移 動 します 表 示 された[スタイルの 編 集 ]ダイアログボックス ❶ [メニュバ] 選 択 ❷ [ 前 へ]クリック 移 動 したメニュバ ❸ [OK]クリック 確 認 のダイアログボックス サイド1 メイン サイド2は 縦 方 向 だけでなく 横 方 向 への 移 動 も 可 能 です エリアのサイズ 変 更 各 エリアは 位 置 変 えだけ でなく サイズ 変 更 すこと も 可 能 です サイズ 変 更 は[ス タイルの 編 集 ]ダイアログボッ クスの[レイアウトのエリア 配 置 ]で 行 ないます 詳 しくはこ の 後 のセクションで 解 説 しま す 第 4 章 ペ ジ デ ザ イ ン す 11 ペジに 編 集 したスタイル 適 用 します ❹ [はい]クリック ❶ 適 用 すスタイルクリック ❷ 適 用 先 のペジまでドラッグ 126

127 活 12 スタイルの 変 更 結 果 確 認 します スタイル 変 更 の 結 果 は [ペジ 編 集 ]タブで 確 認 できます 用 編 13 ペジプレビュします ❶ 対 象 となペジ 選 択 ❷ [ペジ 編 集 ]タブクリック [プレビュ]タブク リック 完 成 サンプルサイト 以 上 の 操 作 が 終 了 した 時 点 での 36 個 別 の ペ ジ の レ イ ア ウ ト 変 更 す メニュバの 位 置 が 変 更 された サンプルサイトは 以 下 のURL で 確 認 できます com/hpv3/hp01.html 127

128 セクション 37 ペジ 幅 広 げ スタイルの 編 集 ダイアログボックスでは ペジやエリアごとに 幅 と 高 さ 背 景 フォント 枠 線 設 定 できます ここでは サンプルスタイルのペジの 幅 800 か ら 1000 へと 広 げ 方 法 について 説 明 します ペジ 幅 とエリア 幅 の 関 係 エリアはペジの 上 に 配 置 されますが 個 々の エリアの 幅 はそれぞれに 設 定 できます タイト ルやヘッダ フッタなどは 通 常 ペジ 幅 いっぱいに 表 示 されので その 幅 はペジ と 等 しくなりますが メインおよびサイド1& 2は その 合 計 値 がペジ 幅 と 同 じになよう に 設 定 してください サイド1 の 外 の 余 白 の 左 (10) サイド の 幅 (195) サイド1 の 外 の 余 白 の 右 (0) ペジの 幅 (1000) メインの 外 の 余 白 の 左 (10) メインの 幅 (580) メインの 外 の 余 白 の 右 (10) サイド2 の 外 の 余 白 の 左 (0) サイド2の 幅 (205) サイド の 外 の 余 白 の 右 (10) サイド の 表 示 幅 (195) メインの 表 示 幅 (570) サイド2の 表 示 幅 (195) 第 4 章 ペ ジ デ ザ イ ン す 幅 の 固 定 と 可 変 パソコンの 画 面 サイズは 機 種 や 設 定 によって 異 なります 画 面 サイズに 応 じて 表 示 されサ イトの 幅 が 自 動 的 に 調 整 されようにすに は [ 幅 ]で[ 可 変 ] 選 択 してください ペジ 幅 広 げ 各 エリアの[ 幅 ]から[ 外 の 余 白 ]の[ 右 ] 差 し 引 いた 幅 が そのエリアの 表 示 幅 となります 1 スタイル 複 製 し [スタイルの 編 集 ]ダイアログボックス 開 きます 注 意! ペジの 固 定 幅 広 げ 過 ぎ と ブラウザで 表 示 しきれない ことがあります 複 製 したスタイル ❶ スタイル 選 択 ❷ [スタイルの 編 集 ]クリック 128

129 活 2 ペジ 幅 広 げます まずはペジの 幅 調 整 しましょう 表 示 された[スタイルの 編 集 ]ダ イアログボックス 内 の 余 白 (padding) の 設 定 で は ペジ( 各 レイアウトエリア) の 周 囲 の 枠 からテキストや 画 像 用 編 ❶ [レイアウトのエリア 配 置 ]タ ブで[ペジの 設 定 ] 選 択 までの 距 離 設 定 できます 3 メイン エリアの 幅 設 定 します ❷ [ 固 定 値 ]に 1000 と 入 力 次 に 個 々のエリアの 幅 調 整 します まずは メイン エリアの 幅 設 定 します ❶ [レイアウトのエリア 配 置 ]タ ブで[エリアの 設 定 ] 選 択 ❷ [メイン] 選 択 ❸ [ 固 定 値 ]に 580 と 入 力 注 意! ペジの 幅 広 くしすぎと ブラウザで 表 示 しきれないこと があります ペジや 各 レイアウトエリアの 背 景 には 色 設 定 すだけで なく 画 像 設 定 すこともで きます 詳 しくは P.130 セ クション38 ペジの 背 景 変 更 す P.138 セ ク シ ョ ン 40 レイアウトエリアのスタイ ル 変 更 す 参 照 してくだ さい 37 ペ ジ 幅 広 げ 幅 が 設 定 された 同 様 の 操 作 繰 り 返 し ヘッダ メニュバ タイトル フッタ の 幅 固 定 値 1000に 調 整 します 4 修 正 したスタイルペジに 適 用 します ❶ 編 集 したスタイルクリック ❷ ペジまでドラッグ 詳 細 設 定 ペジおよびエリアの 背 景 フォント 枠 線 の 設 定 行 う には [エリアの 設 定 ]および[ペ ジの 設 定 ]タブの[ 詳 細 設 定...]ボ タンクリックし [~エリアのス タイルの 編 集 ]ダイアログボック ス 開 きます 詳 しい 手 順 は 次 のセクション38 以 降 で 解 説 しま す このボタンクリック 5 スタイル 変 更 の 結 果 確 認 します スタイル 変 更 の 結 果 は[ペジ 編 集 ]タブの[プレビュ]タブで 確 認 すこと ができます ペジ 幅 と 各 エリア 幅 が 広 くなっていこと 確 認 します 129

130 セクション 38 ペジの 背 景 変 更 す ペジの 背 景 によって そのホムペジの 印 象 は 大 きく 異 なります ここでは 一 部 のエリアの 背 景 の 色 変 え サイト 全 体 の 背 景 に 画 像 設 定 します 前 のセクション 37で 使 用 したサイトおよびスタイルシトに 対 して 引 き 続 き 操 作 行 います ペジの 背 景 色 変 更 す 第 4 章 ペ ジ デ ザ イ ン す 1 [スタイル 編 集 ]ダイアログボックス 表 示 します 2 ペジ の 背 景 色 変 更 します 複 製 されたスタイルの[スタイル の 編 集 ]ダイアログボックス ❶ [ペジの 設 定 ]タブクリッ ク ❷ [ 詳 細 設 定 ]クリック 表 示 された[ペジエリアのスタ イルの 編 集 ]ダイアログボックス 注 意! [スタイルの 編 集 ]ダイアログ ボックスで 行 なうスタイル 設 定 の 結 果 は そのスタイルが 適 用 されていペジに 対 してのみ 反 映 されます もしも 作 成 中 のホムペジ において 1つのスタイルのみ が 使 用 されてい 場 合 そのス タイルに 対 す 設 定 の 変 更 は ホムペジ 全 体 に 反 映 されま す ❶ [ペジの 背 景 設 定 ]チェック ボックス 選 択 ❷ [ 背 景 色 ]の 色 パレット 表 示 し [SandyBrown] 選 択 続 けて 全 体 (Body)の 背 景 の 設 定 も 行 います 130

131 活 全 体 (body)の 背 景 画 像 変 更 す 3 全 体 (body)の 背 景 画 像 設 定 します ❶ [ 背 景 画 像 ]にチェック 入 れ ❷ [ 参 照 ]クリック 背 景 に 画 像 設 定 すために は [ 背 景 画 像 ]にチェック 入 れ [ 参 照 ]から 画 像 選 択 す 必 要 があります 透 明 の 加 工 が 入 った 画 像 背 景 画 像 にすと 透 明 部 分 に 背 景 色 が 反 映 されます 用 編 38 ペ ジ の 背 景 変 更 す 全 体 (body)の 背 景 とペジの 背 景 全 体 (body)の 背 景 とは ペジの 幅 や 高 さの 外 側 で ホムペジのペジの 後 ろ 側 の 領 域 です 一 方 ペジの 背 景 とは ペ ジの 幅 や 高 さの 内 側 の 領 域 で その 大 部 分 はエリアの 背 後 に 隠 れています エリア ペジの 背 景 全 体 (body)の 背 景 131

132 4 画 像 ファイル 選 択 します ❶ [ 背 景 ]フォルダクリック ❷ [20bg_20.png] 選 択 背 景 として 利 用 可 能 な 画 像 ここでは[ 背 景 ]フォルダに 保 存 されてい 画 像 ファイル 背 景 として 利 用 していますが 通 常 の 画 像 ファイルであれば 背 景 として 利 用 できます 自 分 で 写 したデジカメ 写 真 背 景 に 表 示 すことも 可 能 です ❸ [OK]クリック 第 4 章 ペ ジ デ ザ イ ン す 5 画 像 背 景 一 面 に 表 示 します 選 択 した 画 像 ファイル ❶ [ 画 像 の 並 べ 方 ]ドロップダウ ンリストから 敷 き 詰 め 選 択 ここでは すでにペジに 適 用 されていスタイルに 対 して 編 集 行 なっていため 編 集 内 容 はペジにそのまま 反 映 され ます あらためて 適 用 す 必 要 はありません 全 体 (body)の 背 景 画 像 で[ 背 景 画 像 スクロルしない]オプ ションにチェック 入 れと 縦 スクロルバが 出 ても 背 景 が 動 かないようなスタイル 作 成 すことができます ❷ [OK]クリック 132

133 活 6 [スタイルの 編 集 ]ダイアログボックスの[プレビュ]ボック スでこれまでの 設 定 の 結 果 確 認 します メイン サイド1&2 のエリアの 背 景 色 が 変 更 された 用 編 全 体 (Body)の 背 景 画 像 が 変 更 された ❶ [OK]クリック 確 認 のダイアログボックス 38 ペ ジ の 背 景 変 更 す ❷ [はい]クリック 7 修 正 したスタイルペジに 適 用 し その 結 果 確 認 します プレビュ 画 面 で 変 更 結 果 確 認 この 時 点 のサイトの 様 子 は 以 下 のURLにアクセスすこと で 確 認 できます com/hpv3/hp02.html ペジ 背 景 確 認 すため プレビュ 画 面 広 げています 133

134 セクション 39 タイトルのデザイン 変 更 す タイトルは ホムペジの 顔 とも 呼 ぶべきエリアです ペジの 自 由 なデザインができようになっ たところで 次 はタイトルのデザイン 変 更 す 方 法 解 説 します ここではセクション38で 使 用 したサイトおよびスタイルシトに 対 して 引 き 続 き 操 作 行 ないます タイトルの 背 景 画 像 設 定 す 1 [スタイルの 編 集 ]ダイアログボックス 開 きます まずは タイトルの 高 さ 現 在 の90から120に 拡 大 します 複 製 されたスタイルの [スタイルの 編 集 ]ダイ アログボックス 第 4 章 ペ ジ デ ザ イ ン す 2 タイトルの 背 景 画 像 設 定 します ❶ タイトル 選 択 ❷ [ 高 さ]に 120 と 入 力 この 高 さが 拡 大 す ❸ [ 詳 細 設 定 ]クリック ここでは ホムペジV3 が 用 意 してい 背 景 用 の 画 像 ファイル 選 択 し ます ❶ [ 背 景 画 像 ]にチェック 入 れ タイトルなどの[ 全 体 (body)] 以 外 のレイアウトエリアではス クロルバは 表 示 されないた め [ 背 景 画 像 スクロルしな い]オプションはありません ❷ [ 参 照 ]クリック 134

135 活 3 画 像 ファイル 選 択 します 用 4 画 像 背 景 一 面 に 表 示 します ❶ [ 背 景 ]フォルダクリック ❷ [10bg_10.png] 選 択 ❸ [OK]クリック [ 画 像 の 選 択 ]ダイアログボッ クスの[ファイルの 場 所 ]ド ロップダウンリスト [ 画 像 の 選 択 ]ダイアログボック スの[ファイルの 場 所 ]ドロッ プダウンリストからは5つの フォルダにアクセスすことが できます ホムペジV3 に 収 録 されていファイルは Material フォルダに 含 まれて います 編 39 タ イ ト ル の デ ザ イ ン 変 更 す 選 択 した 画 像 ファイル ❶ [ 画 像 の 並 べ 方 ]ドロップダウ ンリストから 敷 き 詰 め 選 択 ❷ [OK]クリック 5 [スタイルの 編 集 ]ダイアログボックスの[プレビュ]ボック スでこれまでの 設 定 の 結 果 確 認 します 背 景 画 像 が 設 定 されたタイトル ここでは 選 択 した 画 像 がタイ トル(またはペジ)の 幅 と 高 さ よりも 短 いため 空 白 ができな いように 敷 き 詰 め 選 んで います 選 択 した 画 像 がタイト ル(またはペジ)の 幅 より 短 い 場 合 は 足 りない 部 分 に 設 定 してい 背 景 色 (タイトルに 背 景 色 設 定 していない 場 合 は ペ ジの 背 景 色 )が 表 示 されます 空 白 ができないようにすために は 横 方 向 に 並 べ や 敷 き 詰 め 選 択 します 135

136 タイトルのテキストの 配 置 と 文 字 の 色 変 更 す 6 再 び[ 詳 細 設 定...]ボタンクリックし [タイトルエリアのス タイルの 編 集 ]ダイアログボックス 表 示 します サイトタイトルボックスのテキスト 右 寄 せにし 文 字 のサイズと 色 変 更 します 7 フォント 設 定 変 更 します ❶ [フォント]タブ 選 択 ❷ [テキスト 配 置 ]ボックス チェックし [ 右 寄 せ] 選 択 フォントサイズは 小 さくしすぎ とホムペジ 見 人 が 読 みにくくなってしまうので 注 意 しましょう 第 4 章 ペ ジ デ ザ イ ン す タイトルに 枠 線 設 定 す ❸ [サイズ]ボックスの 値 36 に 設 定 ❹ [ 色 ]ボックスチェック ❺ 色 パレットから Indigo 選 択 ❻ [ 太 字 ]ボックスチェック 8 枠 線 設 定 すためのオプション 表 示 します 注 意! フォントの 種 類 は 変 更 できます が そのフォントがインスト ルされていないパソコンでは 代 わりのフォントで 表 示 されま す ❶ [ 枠 線 ]タブ 選 択 ❷ [ 枠 線 設 定 ]の[ 個 別 設 定 ] 選 択 上 下 左 右 の 枠 線 オプションが 表 示 され 136

137 活 9 枠 線 設 定 します ❶ [ 上 部 ]ボックスチェック ❷ [ 線 幅 と 線 種 ]に 5 と 入 力 枠 線 の 設 定 について 一 括 設 定 と 個 別 設 定 が 選 択 でき ます 一 括 設 定 では 枠 の 上 下 左 右 の 線 1 度 に 設 定 できます 個 別 設 定 では 必 要 な 部 位 のみ 設 定 できます 用 編 ❸ 色 パレットから Indigo 選 択 ❹ タイトルの[ 下 部 ]にも 同 じ 枠 線 設 定 ❺ [OK]クリック 39 タ イ ト ル の デ ザ イ ン 変 更 す 10 [スタイルの 編 集 ]ダイアログボックスの[プレビュ]ボック スでこれまでの 設 定 の 結 果 確 認 し [OK]クリックします 確 認 のダイアログボックス [はい]クリック 11 スタイル 変 更 の 結 果 確 認 します 注 意! サイトタイトルが 右 寄 せで 表 示 されない 場 合 サイトタイトル ボックスのスタイルタグ 標 準 に 変 更 してください. 背 景 画 像 が 設 定 された.タイトルが 右 寄 せとなり 文 字 のサイズと 色 が 変 更 された.タイトルの 上 下 に 枠 線 が 追 加 された 137

138 セクション 40 レイアウトエリアのスタイル 変 更 す ペジ 構 成 すエリアはそれぞれにスタイル 設 定 できます ここではメニュバ ヘッ ダなどのスタイルも 変 更 しましょう セクション39で 使 用 したサイトおよびスタイルシトに 対 して 引 き 続 き 操 作 行 ないます メニュバ ヘッダ フッタの 設 定 第 4 章 ペ ジ デ ザ イ ン す 1 [メニュバエリアのスタイルの 編 集 ]ダイアログボックス 開 きます メニュバの 背 景 色 SkyBlue に 変 更 します ❶ [ 背 景 ]タブ 選 択 ❷ [ 背 景 画 像 ]のチェックはず す ❸ [ 背 景 色 ]の 色 パレットから SkyBlue 選 択 [ペジ 編 集 ]タブの[スタイ ルの 編 集 ]ボタン [ペジ 編 集 ]タブで 対 象 とな エリア 選 択 してから [スタイ ルの 編 集 ]ボタンクリックし ても [スタイルの 編 集 ]ダイア ログボックスの[レイアウトの エリア 配 置 ]-[エリアの 設 定 ] タブ 表 示 して そのエリアの 設 定 行 うことができます 注 意! 背 景 色 設 定 すときに [ 背 景 画 像 ]にチェックが 入 ってい 場 合 は チェックはずしてか ら 設 定 してください ❹ [OK]クリック 2 [ヘッダのスタイルの 編 集 ]ダイアログボックス 開 きます メニュバと 同 様 の 手 順 で ヘッダの 背 景 色 DarkRed に 変 更 します 3 同 様 に フッタの 背 景 色 ヘッダと 同 じ DarkRed に します 138

139 活 メイン サイドに 枠 線 表 示 す 4 サイド1に 枠 線 追 加 します ここでは サイド1 の 周 囲 に Pale Violet Red の 枠 線 追 加 します ❶ [ 枠 線 ]タブ 選 択 ❷ [ 枠 線 設 定 ]の[ 一 括 設 定 ] 選 択 ❸ 色 パレットから Pale Violet Red 選 択 ❹ [ 線 幅 ]に 5 と 入 力 ❺ [ 線 種 ]ドロップダウンリスト から 二 重 線 選 択 ❻ [OK]クリック 上 下 左 右 の 枠 線 個 別 に 設 定 すには [ 個 別 設 定 ]オプション 選 んで ください 用 編 40 レ イ ア ウ ト エ リ ア の ス タ イ ル 変 更 す 5 同 様 に メインとサイド2にも 同 じ 枠 線 追 加 します 6 スタイル 変 更 の 結 果 プレビュします.ヘッダ フッタの 背 景 色 が 変 更 された.メニュバの 背 景 色 が 変 更 された.サイドとメインに 枠 線 が 追 加 された 139

140 セクション 41 横 メニュのデザイン 変 更 す メニュに 対 しては より 細 かい 設 定 行 えように 専 用 のタブが 用 意 されています ここではメニュバに 含 まれ 横 メニュボックスの 設 定 方 法 について 説 明 します セクション40で 操 作 したサイトおよびスタイルシト 引 き 続 き 使 用 します メニュボタンのデザイン 変 更 す 第 4 章 ペ ジ デ ザ イ ン す 1 [スタイルの 編 集 ]ダイアログボックスの[ 横 メニュボック ス]タブ 表 示 します ❶ [ 横 メニュボックス]タブ 選 択 ❷ [ 全 体 の 配 置 ]の[ 左 ]が 選 択 さ れていこと 確 認 2 通 常 のメニュボタンに 使 用 す 画 像 参 照 します まずは ボタンの 画 像 選 びます メニュバと 横 メニュボックス メニュバとは ペジ 構 成 すエリアであり 横 メ ニュボックスは 横 メニュ 名 表 示 す 共 有 部 品 です 横 メニュボックスは 通 常 メ ニュバに 配 置 されています が 他 のエリア 上 に 配 置 すこ とも 可 能 です 共 有 部 品 の 挿 入 の 方 法 は P.156 セ ク シ ョ ン 46 更 新 履 歴 ボックス 設 置 す P.162 セ ク シ ョ ン 48 移 動 ボタンボックス 設 置 す 参 照 してください 横 メニュは 画 面 の 右 端 また は 左 端 に 揃 えて 配 置 すこと ができます ❶ [ 背 景 と 枠 線 ]タブ 選 択 ❷ [ 背 景 画 像 ]にチェック 入 れ ❸ [ 参 照...]クリック 140

141 3 通 常 のメニュボタンの 画 像 選 択 します 4 ホバ 時 のボタン 画 像 設 定 します 次 に ホバ 時 のボタンの 画 像 選 びます 表 示 された[ 画 像 の 挿 入 ]ダイア ログボックス ❶ [ 中 間 色 のボタン]フォルダク リック ❷ [0002_02.ifi] 選 択 ❸ [OK]クリック 選 択 されたボタン ボタンのプレビュ [ホバ 時 の 背 景 と 枠 線 ]タブ クリック 5 ホバ 時 のメニュボタンの 画 像 参 照 します 表 示 された[ホバ 時 の 背 景 と 枠 線 ]タブ ❷ [ 背 景 画 像 ]にチェック 入 れ ❸ [ 参 照...]クリック [ 画 像 の 挿 入 ]ダイアログボッ クスに 表 示 されフォルダ [ 参 照 ]ボタンが 押 され 状 況 に 応 じて [ 画 像 の 挿 入 ]ダイアロ グボックスに 表 示 されフォル ダは 異 なります ここではボタ ンの 背 景 画 像 の 選 択 が 必 要 なた め [BarButton]フォルダが 表 示 されます メニュの 背 景 画 像 は [BarButton]フォルダ 以 外 の 画 像 は 選 択 できません ホバとは ホバとは ボタンや 文 字 マ ウスでポイントしたときに 別 の 画 像 や 色 に 切 り 替 え 動 作 で す ホバ 設 定 すには 通 常 時 とホバ 時 の 両 方 の 設 定 が 必 要 となります ホバ 設 定 す 場 合 の 注 意 点 ホバ 設 定 す 場 合 は ホ バ 時 のボタンの 外 観 とメ ニュバやペジ 全 体 のイ メジとのバランスも 考 慮 して ください ホバ 設 定 す 際 は フォン トと 背 景 の 色 の 組 み 合 わせ 確 認 しましょう フォントと 背 景 画 像 に 同 じような 色 設 定 す と 文 字 が 読 みにくくなります 活 用 編 41 横 メ ニ ュ の デ ザ イ ン 変 更 す 141

142 6 ホバ 時 のメニュボタン 画 像 選 択 します 表 示 された[ 画 像 の 挿 入 ]ダイア ログボックス ❶ [ 明 い 色 のボタン]フォルダ クリック ❷ [0001_02.ifi] 選 択 ❸ [OK]クリック 第 4 章 ペ ジ デ ザ イ ン す 7 ボタンの 設 定 結 果 プレビュします 8 メニュボタン 名 中 央 に 揃 えます ボタンのプレビュ 選 択 されたボタン [フォント]タブクリック 表 示 された[フォント]タブ [テキストの 配 置 ]の[ 中 央 ]ク リック プレビュでは マウスでメ ニュポイントすことで ホバの 様 子 確 認 すことが できます 9 通 常 のボタンの 文 字 色 変 更 します ボタンの 画 像 変 更 したので それに 合 わせて 文 字 の 色 も 変 更 しましょう [ 通 常 の 文 字 色 ]の 色 パレットか ら Linen 選 択 142

143 活 10 ホバ 時 のボタンの 文 字 色 変 更 します 用 編 11 スタイルの 変 更 の 結 果 確 定 します [ホバ 時 の 文 字 色 ]の 色 パレッ トから Maroon 選 択 41 横 メ ニ ュ の デ ザ イ ン 変 更 す ❶ [OK]クリック 12 スタイルの 変 更 の 結 果 確 認 します ❷ [はい]クリック ❶ [ペジ 編 集 ]タブクリック ❷ [プレビュ]タブクリック ❸ 横 メニュポイントして メニュの 様 子 確 認 メニュのボタンが 変 更 された メニュボタンのサイズと 配 置 メニュボタンの 幅 は [ 領 域 ] タブの[ 幅 ]ボックスで 指 定 しま す また メニュバにおけ 左 右 の 配 置 は [ 領 域 ]タブの [ 全 体 の 配 置 ]の[ 左 ][ 右 ]オプ ションで 設 定 します ボタンに 対 す 文 字 の 位 置 は [フォン ト]タブの[テキストの 配 置 ]で 設 定 し [ 領 域 ]タブの[ 内 の 余 白 ]で 調 整 します また 各 ボ タンの 間 隔 は[ 領 域 ]タブの[ 外 の 余 白 ]で 設 定 します 143

144 セクション 42 縦 メニュのデザイン 変 更 す 縦 メニュの 設 定 方 法 は 横 メニュと 基 本 的 には 変 わりません ここではメニュ 名 の 左 端 にアイコン 表 示 す 方 法 説 明 します セクション41で 操 作 したサイトおよ びスタイルシト 引 き 続 き 使 用 します 縦 メニュに 表 示 されペジ 追 加 す 第 4 章 ペ ジ デ ザ イ ン す 1 縦 メニュに 表 示 されペジ 追 加 します ここでは 縦 メニュの 設 定 確 認 すため 詳 細 ペジ1 ペジ 複 製 し ペジの 名 前 も 変 更 しておきます メニュのデザイン 変 更 す ペジ 複 製 し それ 詳 細 ペジ1 の 下 に 配 置 ペジのタイトルは サブメ ニュ1 に 変 更 す ❶ スタイル 選 択 ❷ [スタイルの 編 集 ]クリック 複 製 したペジのスタイルの 継 承 複 製 したペジには 元 のペジ のスタイルがそのまま 継 承 され ます 新 しいペジ 追 加 す 場 合 は 追 加 す 位 置 に 応 じて 適 用 されスタイルが 決 まります 横 メニュ 縦 メニュでは リンクのデザインの 設 定 統 一 して 行 なうことができます リ ンク 文 字 の 背 景 や 文 字 の 前 に マク 設 定 すことができま す 2 [スタイルの 編 集 ]ダイアログボックスの[ 縦 メニュボック ス]タブ 表 示 します まずは ボタンの 画 像 選 びます ❶ [ 縦 メニュボックス]タブ 選 択 ❷ [ 背 景 と 枠 線 ]タブ 選 択 ❸ [ 背 景 画 像 ]のチェック 入 れ ❹ [ 参 照...]クリック 144

145 3 通 常 のメニュボタンの 画 像 選 択 します 表 示 された[ 画 像 の 挿 入 ]ダイア ログボックス メニュボタンに 使 用 可 能 な 画 像 は 色 調 に 応 じて dark light medium に 分 類 さ れ て い ま す 活 用 編 ❶ [ 中 間 色 のボタン]フォルダ クリック ❷ [0002_02.ifi] 選 択 ❸ [OK]クリック 4 ホバ 時 のメニュボタンの 画 像 設 定 します 次 に ホバ 時 のボタンの 画 像 選 びます ❶ [ホバ 時 の 背 景 と 枠 線 ]タブ クリック 42 縦 メ ニ ュ の デ ザ イ ン 変 更 す ❷ [ 背 景 画 像 ]にチェック 入 れ ❸ [ 参 照...]クリック 5 ホバ 時 のメニュボタンの 画 像 参 照 します 表 示 された[ 画 像 の 挿 入 ]ダイア ログボックス メニュボタンの 設 定 変 更 は 背 景 やペジ 全 体 のイメジ 意 識 して 行 ないましょう ❶ [ 明 い 色 のボタン]フォルダ クリック ❷ [0001_02.ifi] 選 択 ❸ [OK]クリック 145

146 6 縦 メニュ 名 の 先 頭 にアイコン(マク) 表 示 します ❶ [フォント]タブクリック ❷ [ 通 常 時 ]にチェック 入 れ ❸ [ 参 照...]クリック 第 4 章 ペ ジ デ ザ イ ン す 7 通 常 のマクの 画 像 選 択 します 表 示 された[ 画 像 の 挿 入 ]ダ イアログボックス ❶ [02_マク 中 ]フォルダ クリック ❷ [01light]フォルダク リック ❸ [0203_02.png] 選 択 [Mark]フォルダとマク 画 像 ここでは マク 用 の 画 像 選 択 すという 状 況 で [ 画 像 の 選 択 ]ダイアログボックス 表 示 していため [Mark]フォルダ がデフォルトで 表 示 されます マク 画 像 には アイコンやポ イント 用 の 画 像 も 利 用 可 能 で す ❹ [OK]クリック 8 ホバ 時 のマクの 画 像 参 照 します 設 定 された 通 常 のマク 画 像 ❶ [ホバ 時 ]にチェック 入 れ ❷ [ 参 照...]クリック 146

147 活 9 ホバ 時 のマクの 画 像 選 択 します 表 示 された[ 画 像 の 挿 入 ]ダ イアログボックス ❶ [02_マク 中 ]フォルダ クリック 用 編 ❷ [02medium]フォルダ クリック 10 ボタンに 表 示 され 文 字 変 更 します ❸ [0204_02.png] 選 択 ❹ [OK]クリック ボタンの 文 字 の 色 も 画 像 に 合 わせて 変 更 しておきましょう ❶ [ 通 常 の 文 字 色 ]で Crimson 選 択 します ❷ [ホバ 時 の 文 字 色 ]で MistyRose 選 択 します ボタンの 色 と 文 字 の 色 ホバ 設 定 す 場 合 通 常 時 のボタンと 文 字 色 ホバ 時 の ボタンと 文 字 色 の4 回 の 設 定 が 必 要 です メニュバの 背 景 も 含 めて バランスのとれた 配 色 選 択 すように 心 がけま しょう 42 縦 メ ニ ュ の デ ザ イ ン 変 更 す ❸ [OK]クリック ❹ [はい]クリック 11 スタイルの 変 更 の 結 果 確 認 します ❶ [ペジ 編 集 ]タブクリック ❷ [プレビュ]タブクリック ❸ 縦 メニュポイントして メニュの 様 子 確 認 す 完 成 サンプルサイト 以 上 の 操 作 が 終 了 した 時 点 での サンプルサイトは 以 下 のURL で 確 認 できます com/hpv3/hp03.html メニュの 先 頭 にマクが 表 示 ボタンが 変 更 された 147

148 この 章 のまとめ 本 章 ではペジデザインすための 操 作 方 法 紹 介 しました ホムペジV3 のデザインの 基 本 は スタイルシトです スタイル 適 用 すと サイト 内 のデザインが 統 一 され 印 象 に 残 サイトにすことができます さ らに 季 節 の 変 化 に 応 じてペジの 背 景 色 や 文 字 の 色 変 更 したいといった 場 合 にも スタイルの 定 義 変 更 すだけで すべてのペジの 背 景 色 や 文 字 色 1 度 に 変 更 すことができます ホムペジV3 にはさまざまなテイストのスタイルシトがあらかじめ 用 意 されています これらは ドラッグ&ドロップすだけで 作 成 中 のサイトに 適 用 すことができ サイト 全 体 の 雰 囲 気 一 瞬 で 変 更 すことができます ドラッグ&ドロップによスタイルの 適 用 第 4 章 ペ ジ デ ザ イ ン す 豊 富 なスタイルの 中 から 気 に 入 ったス タイル 選 んで ドラッグ&ドロップ でペジのビジュアル 変 更 でき あらかじめ 用 意 された 豊 富 なスタイル スタイルシトによきめ 細 かいデザイン 画 面 の 要 素 ごとに きめ 細 かいデザインス タイルシトに 設 定 でき 148

149 第 5 章 践 1~ 日 記 サイト 作 本 章 からは 践 編 です これまでに 説 明 してきた 機 能 や 仕 組 み 活 用 して ホムペジV3 使 って 際 にサイト 作 ってみましょう 本 章 では 日 記 サイトの 作 成 通 じて サイト 訪 問 者 数 表 示 すアクセスカウンタや 更 新 履 歴 の 表 示 RSSフィ ドの 設 置 など 用 的 な 機 能 ペジに 反 映 す 方 法 解 説 します また 多 くの 写 真 見 せときに 便 利 なギャラ リペジの 作 成 方 法 も 紹 介 します セクション 43 これから 作 サイトの 紹 介 150 セクション 44 アクセスカウンタ 設 置 す 152 セクション 45 オリジナルタグ 作 成 す 154 セクション 46 セクション 47 セクション 48 更 新 履 歴 ボックス 設 置 す 156 RSS 設 置 す 160 移 動 ボタンボックス 設 置 す 162 セクション 49 Flashギャラリペジ 作 成 す 168 この 章 のまとめ 172

150 セクション 43 サンプルとして これから 作 サイトの 紹 介 個 人 向 けの 日 記 風 ホムペジ 作 成 します ここでは サンプルホムペジ サバンナ 日 記 例 に 多 くの 訪 問 者 ひきつけためのさまざまな 楽 しい 機 能 紹 介 します このサンプルホムペ ジには 以 下 のURLからアクセスできます アクセスカウンタの 設 置 ホムペジにアクセスす 訪 問 者 の 数 カウントすアクセスカウンタ 設 置 します 注 意! アクセスカウンタの 設 置 方 法 は 契 約 していプロバイダによって 異 なります 詳 しくは 契 約 していプロバイダが 提 供 してい 情 報 参 照 してください オリジナルタグによ 書 式 設 定 ホムペジV3 には さまざまなスタイルタグが 用 意 されています ここではタイトルに 設 置 したアクセスカウンタ 周 りのテキスト 用 のスタイル 設 定 します 第 5 章 アクセスカウンタ オリジナルタグによ 書 式 設 定 更 新 履 歴 ボックスの 設 置 ホムペジV3 は ホムペジに 対 す 更 新 作 業 の 内 容 自 動 的 に 記 録 しています その 内 容 の 一 部 更 新 履 歴 ボッ クスに 転 記 して 表 示 すことが 可 能 です 150

151 RSSの 設 置 更 新 履 歴 ボックスでは サイトの 更 新 情 報 配 信 すRSSの 設 置 が 簡 単 に 行 なえます RSS 活 用 すことで サイトの 更 新 いち 早 く 閲 覧 者 に 知 らせことができます 移 動 ボタンの 設 置 ペジに 移 動 ボタンボックス 追 加 すことで 一 連 のペジ 順 番 に 表 示 すようなナビゲション 現 できます こ こではペジ 送 り 式 のフォトアルバム 作 成 しています 践 編 43 こ れ か ら 作 サ イ ト の 紹 介 Flashギャラリの 設 置 Flashギャラリ 作 成 機 能 利 用 すことで 複 数 の 画 像 ファイルまとめてサバにアップロドし 動 きのあフォ トギャラリ 簡 単 に 作 成 できます 151

152 セクション 44 アクセスカウンタ 設 置 す ペジにアクセスカウンタ 設 置 すことで 自 分 のホムペジ 訪 れた 人 の 数 カウントできます ホムペジV3 では 簡 単 な 操 作 でカウンタ 設 置 すことがで きます 1 アクセスカウンタの 前 後 に 表 示 すテキスト 入 力 します ここでは あなたは(アクセスカウンタ) 人 目 のお 客 様 です と 表 示 されよう に カウンタの 前 後 のテキスト 入 力 します カウンタ 設 置 すトップ ペジ 表 示 カウンタの 設 置 場 所 アクセスカウンタは 通 常 サ イトのトップペジに 設 定 しま す 今 回 はメインエリアに 設 置 しましたが 一 般 的 にはタイト ルまたはサイドエリアに 設 置 し ます ❶ あなたは 番 目 のお 客 様 です と 入 力 ❷ [ 右 揃 え]ボタンクリッ ク 第 5 章 2 [アクセスカウンタの 挿 入 ]ダイアログボックス 表 示 します 右 揃 えされたテキスト ❶ アクセスカウンタの 挿 入 位 置 クリック ❷ [ 外 部 ツル クリック ❸ [アクセスカウンタ]クリック プロバイダにアクセスカウン タがないときは お 使 いのプロバイダにアクセス カウンタがない 場 合 は 無 料 の アクセスカウンタ 使 うことも できます 検 索 サイトで アク セスカウンタ 無 料 と 入 力 して 無 料 のアクセスカウンタ 提 供 していwebサビス 探 して ください 無 料 アクセスカウンタの 設 置 は [その 他 ]メニュ 内 の [HTMLタグ]から 行 なってくだ さい 152

153 3 アクセスカウンタのコド 入 力 します 表 示 された[アクセスカウンタの 挿 入 ]ダイアログボックス ❶ アクセスカウンタの 設 置 に 必 要 な 情 報 入 力 す ❷ [OK]クリック 4 入 力 されたアクセスカウンタ 確 認 します 入 力 されたアクセスカウンタ [プレビュ]タブクリック 注 意! [アクセスカウンタの 挿 入 ]ダイ アログボックスの 内 容 は 選 択 していプロバイダに 応 じて 変 化 します アクセスカウンタ 設 置 すためには 必 ずプロバ イダ 選 択 しておく 必 要 があり ます このサンプルでは プロ バイダ So-net 選 択 してい ます プロバイダの 変 更 方 法 は P.108 セ ク シ ョ ン 31 転 送 の 設 定 変 更 す 参 照 して ください アクセスカウンタの 設 定 値 アクセスカウンタの 設 定 値 は 各 プロバイダから 取 得 できます 設 定 値 は1 文 字 でも 間 違 ってい と カウンタが 正 しく 表 示 され ません どんな 情 報 入 力 すか については ご 利 用 になプロ バイダのサポトペジ 参 照 してください カウンタのリセッ トなども プロバイダのペジ 上 で 行 なうことができます 践 編 44 ア ク セ ス カ ウ ン タ 設 置 す 5 操 作 結 果 プレビュします 注 意! [ 通 常 モド]タブに 表 示 され カウンタは あくまでも 表 示 場 所 と 大 きさ 示 すもので 際 に 表 示 されカウンタとは 異 な ります アクセスカウンタのテキス ト サバへアップロドす と この 位 置 にカウンタ が 表 示 され アクセスカウンタの 確 認 アクセスカウンタはサバ 上 で 働 く 機 能 ですので ホム ペジV3 ではプレビュす ことができない 場 合 がありま す 正 常 に 動 作 すかどうか 確 認 すには 作 成 したペジ アップロドして 際 にトッ プペジにアクセスしてくださ い 153

154 セクション 45 オリジナルタグ 作 成 す 文 字 のサイズや 書 体 書 式 組 み 合 わせて1つのスタイルとしてオリジナルのタグ 作 成 し 他 のスタイルタグと 同 じように 利 用 すことができます 通 常 のテキストに 対 してスタイル 作 成 し 適 用 してみましょう 1 [ペジ 編 集 ]タブに 切 り 替 えます 前 のセクション44で 追 加 したアクセスカウンタの 前 後 のテキストには メ イン エリアの 標 準 スタイルが 適 用 されています ここに 新 しいスタイルタ グ 作 成 して タイトルとそれ 以 外 のテキスト 区 別 します ❶ [スタイルタグ]ドロップダウ ンリストの 下 向 き 三 角 ク リック 標 準 のテキスト スタイル 設 定 変 更 のショト カット [オリジナルタグの 編 集 ]ダイア ログボックスは [サイト 編 集 ] タブの[スタイルの 編 集 ]ダイア ログボックスにあ[オリジナ ルタグの 設 定 ]タブに 相 当 しま す [スタイルの 編 集 ]ダイアロ グボックスではプレビュ 確 認 しながら 設 定 行 なうことが できます 第 5 章 2 新 しいスタイルタグ 追 加 します ❷ オリジナルタグの 編 集 選 択 表 示 された[オリジナルタグの 編 集 ]ダイアログボックス [ 追 加 ]クリック [オリジナルタグの 編 集 ]ダイア ログボックスでは[スタイルの 編 集 ]ダイアログボックスの[ス タイルの 編 集 ]タブ 同 様 に [ 領 域 ][ 背 景 ][フォント][ 枠 線 ]の 設 定 行 なうことができます 3 新 しいタグの 名 前 指 定 します ❶ 名 前 入 力 ❷ [OK]クリック オリジナルタグに 設 定 す 名 前 は 半 角 英 字 で 入 力 す 必 要 が あります 後 でどのタグどこ に 使 用 したかわかように 覚 えやすい 名 前 付 けておきま しょう 設 定 後 は 大 文 字 で 表 示 されます 154

155 4 新 しいタグの 内 容 設 定 します 践 ❶ [フォント]タブクリック ❷ [サイズ]に 11 と 入 力 ❸ 色 パレットで DarkGreen 選 択 ❹ [OK]クリック タグの 内 容 変 更 す 後 からタグの 内 容 変 更 すに は [オリジナルタグの 編 集 ]ダ イアログボックス 開 き [タ グ]ドロップダウンリストから 対 象 となタグ 名 クリックし てください タグの 設 定 内 容 が ダイアログボックス 上 に 表 示 さ れ 編 集 が 可 能 になります [サ イト 編 集 ]タブの[スタイルの 編 集 ]ダイアログボックスからも 同 様 に 編 集 が 可 能 です 編 45 オ リ ジ ナ ル タ グ 作 成 す 5 オリジナルタグ 適 用 します ❶ スタイルタグ 適 用 したい 段 落 の 一 部 クリック 6 タグの 適 用 結 果 確 認 します ❷ [スタイルタグ]ドロップダウ ンリストの 下 向 き 三 角 ク リック ❸ 作 成 したオリジナルタグ COUNTER 選 択 [プレビュ]タブクリック オリジナルタグの 適 用 範 囲 タグの 内 容 は 段 落 単 位 で 設 定 されます 書 式 情 報 継 承 す 改 行 ( Shift + Enter キ )の 場 合 タグの 書 式 は 次 の 行 にも 継 承 されます オリジナルタグが 設 定 された 注 意! オリジナルタグは 1つのスタ イルの 中 に 設 定 されますので スタイル 変 更 すと 作 成 し たオリジナルタグは 適 用 されま せん 155

156 セクション 46 更 新 履 歴 ボックス 設 置 す ホムペジV3 は ホムペジの 更 新 履 歴 自 動 的 に 記 録 しています その 内 容 更 新 履 歴 ボックスに 自 動 的 に 転 記 すことが 可 能 です 更 新 履 歴 ボックス 追 加 す 1 更 新 履 歴 ボックス 挿 入 します ❶ 挿 入 位 置 クリック ❷ [ 共 有 部 品 ]クリック サイト 作 成 時 に 選 択 すペジ によっては 最 初 からメイン 部 分 に 更 新 履 歴 ボックスが 設 定 さ れていものもあります ❸ [ 更 新 履 歴 ボックス]クリッ ク 第 5 章 2 最 初 の 更 新 情 報 入 力 します まずは ホムペジの 開 設 情 報 表 示 しましょう 表 示 された[ 更 新 履 歴 の 編 集 ]ダ イアログボックス ❶ 変 更 したい 欄 クリック ❷ 編 集 す 文 字 列 選 択 3 更 新 履 歴 ボックス 挿 入 します ❶ 更 新 情 報 入 力 ❷ [OK]クリック 更 新 履 歴 ボックスの 日 付 [ 更 新 履 歴 ボックス]クリック すと ドロップダウンボタン が 表 示 され 好 きな 書 式 で 今 日 の 日 付 選 択 すことができま す また 日 付 そのもの 変 更 すことも 可 能 です 156

157 更 新 履 歴 ボックスに 更 新 履 歴 転 記 す 4 新 しいペジ 追 加 します ホムペジV3 は 作 成 中 のホムペジに 対 す 変 更 の 履 歴 記 憶 し ています ここでは 新 しいペジ ALBUM 追 加 し その 履 歴 更 新 履 歴 ボックスに 転 記 します 5 新 しいペジの 名 前 変 更 します ❶ [サイト 編 集 ]タブクリック ❷ トップ 階 層 のペジアイコン クリック ❸ [ペジの 追 加 ]クリック ❹ クリックし [ 個 人 用 ]- [ 写 真 詳 細 ]-[ 写 真 詳 細 1]の ペジ 展 開 して 選 択 ❺ [OK]クリック ❶ 追 加 したペジこの 位 置 へ 移 動 更 新 履 歴 の 記 録 のされ 方 ホムペジV3 での 作 業 内 容 がそのまま 更 新 履 歴 として 記 録 されため 更 新 履 歴 ボック スに 転 記 す 場 合 編 集 が 必 要 になような 履 歴 情 報 もありま す 修 正 は 転 記 時 転 記 後 のい ずれでも 行 なうことができま す 践 編 46 更 新 履 歴 ボ ッ ク ス 設 置 す ❷ 右 クリックし [ペジの プロパティ] 選 択 6 転 記 す 更 新 履 歴 指 定 します ❸ [ペジの 書 式 設 定 ]ダイ アログボックスで 名 前 ALBUM に 変 更 ❹ [OK]クリック ❺ [ 履 歴 ]クリック 複 数 の 更 新 履 歴 1 度 に 更 新 履 歴 ボックスに 転 記 すこともで きます Shift キ 押 しなが ら 選 択 すと 連 続 して 履 歴 選 択 できます Ctrl キ 押 しな がら 選 択 すと 連 続 していな い 履 歴 1 度 に 選 択 できます ❶ 転 記 す 更 新 履 歴 クリック して 選 択 ❷ ここクリックして NEW アイコン 表 示 ❸ [ 更 新 履 歴 ボックスに 転 記 ] クリック 履 歴 更 新 しても 日 付 新 し くしただけではホムペジ 見 人 に 伝 わりづらいこともあ ります ホムペジ 見 人 がわかりやすくなように 履 歴 更 新 したら NEW アイコ ン 付 けようにしましょう 157

158 7 更 新 情 報 の 転 記 先 指 定 します ここでは 転 記 すボックスが1 つしかないので [ 転 記 ]クリッ ク 8 [ 更 新 履 歴 の 編 集 ]ダイアログボックス 表 示 します 次 に 更 新 履 歴 ボックスに 転 記 された 情 報 編 集 しましょう 更 新 履 歴 ボックスに 追 加 された 情 報 最 新 情 報 表 す NEW アイコン ❶ [ペジ 編 集 ]タブクリック ❷ 更 新 履 歴 ボックス 右 クリック ❸ [ 更 新 履 歴 の 編 集 ] クリック NEW アイコンは 変 更 すこ とが 可 能 です [ 更 新 履 歴 の 編 集 ]ダイアログボックスで [ 更 新 履 歴 ボックスの 設 定 ]ク リックしてください 表 示 され た[ 更 新 履 歴 ボックスの 設 定 ]ダ イアログボックスの[ 項 目 設 定 ] タブ 内 にあ[ 更 新 マク]の 画 像 変 更 すことで NEW ア イコン 変 更 できます 第 5 章 9 追 加 された 更 新 情 報 の 内 容 編 集 します ❶ 内 容 編 集 す ❷ [OK]クリック NEW アイコン 削 除 す には [ 更 新 履 歴 の 編 集 ]ダイアログ ボックスで NEW アイコンが 表 示 されてい 欄 クリックす と NEW アイコンが 削 除 さ れます 更 新 履 歴 ボックスが 複 数 あ 場 合 1つのホムペジ 上 に 複 数 の 更 新 履 歴 ボックスがあ 場 合 更 新 履 歴 の 転 記 時 に どのボックスに 転 記 すか 指 定 す 必 要 があります 複 数 のボックスに 同 時 に 転 記 すことも 可 能 ですし どれか1つ 選 ぶ ことも 可 能 です 転 記 したいボックス チェック 更 新 履 歴 ボックスの 現 在 の 内 容 確 認 すにはこ のボタンクリック 158

159 10 転 記 された 更 新 履 歴 ボックス 確 認 します [プレビュ]タブクリック 践 編 転 記 された 更 新 情 報 更 新 履 歴 ボックスに 更 新 ペジへのリンク 作 成 す 更 新 履 歴 の 転 記 時 その 更 新 情 報 に 対 象 となペジへのリンク 設 定 すことが 可 能 です 自 動 的 にリンク 設 定 すには 更 新 ペ ジの 更 新 情 報 の 先 頭 クリックし リンクアイコン 表 示 してください 46 更 新 履 歴 ボ ッ ク ス 設 置 す ここクリック 表 示 されたリンクアイコン その 結 果 更 新 履 歴 ボックスに 表 示 され 更 新 情 報 には 該 当 ペジへのリンクが 自 動 的 に 設 定 されます すでに 更 新 履 歴 ボックスに 転 記 行 なっていても[ 更 新 履 歴 の 編 集 ]ダイアログボックスから リンクの 設 定 行 なうことがで きます リンク 付 きの 更 新 情 報 159

160 セクション 47 RSS 設 置 す RSSはwebサイトの 要 約 や 更 新 情 報 配 信 すための 技 術 です RSS 配 信 すこ とで より 多 くの 人 に 迅 速 にサイトの 更 新 知 らせことができます ホムペジ V3 では 更 新 履 歴 ボックスの 内 容 RSSとして 配 信 すことができます 1 [ 更 新 履 歴 ボックスの 設 定 ]ダイアログボックス 表 示 します ❶ 更 新 履 歴 ボックス 右 クリッ ク ❷ [ 更 新 履 歴 ボックス の 設 定 ]クリック RSSとは Rich Site Summary の 略 語 です サイトに 関 す 情 報 素 早 く 配 信 すための 技 術 です いろいろなサイトの 情 報 素 早 く 知 りたいユザは 興 味 のあ サイトの 更 新 情 報 や 要 約 RSS リダ 使 って 収 集 しています webサイトのrss 配 信 行 なう ことで いち 早 くユザに 更 新 情 報 伝 えことができます 第 5 章 2 RSS 有 効 にします ❶ [RSS 設 定 ]タブクリック ❷ [RSS 有 効 にす]チェッ ク ❸ RSSのバジョン 選 択 ❹ [OK]クリック RSS1.0とRSS2.0の 違 いに ついて 更 新 情 報 のみ 配 信 したい 場 合 には RSS1.0 が 向 いています RSS2.0 選 択 すと 内 容 もあ 程 度 配 信 すことができます RSS 読 み 取 RSSリダ は 通 常 両 規 格 に 対 応 してます 代 替 テキストとは 画 像 の 代 わりにテキスト 表 示 すときに 使 用 します 表 示 し たいテキストボックス 内 に 入 力 してください 注 意! RSSとして 配 信 すには 更 新 履 歴 ボックス 内 でリンク 設 定 して い 必 要 があります リンクの 設 定 方 法 はP.159 コラム: 更 新 履 歴 ボックスに 更 新 ペジへのリンク 作 成 す 参 照 してください 160

161 3 設 置 されたRSS 確 認 します 注 意! RSSの 設 定 には [ 接 続 設 定 ]ダ イアログボックスでホムペ ジのアドレス 入 力 しておく 必 要 があります アドレス 入 力 していない 状 態 でRSS 設 定 し てプレビュしようとすと ホムペジのアドレスの 入 力 求 めダイアログボックスが 追 加 されたRSSのアイコン 表 示 されますので アドレス 入 力 してください 入 力 す 際 は U R L 最 後 の /( ス ラ ッ シ ュ ) まで 入 力 す 必 要 があります [ 更 新 履 歴 ボックスの 設 定 ]ダイアログボックスのその 他 のタブ [ 更 新 履 歴 ボックスの 設 定 ]ダイアログボックスには [RSS 設 定 ] 以 外 に [スタイル] [ 枠 設 定 ] [ 項 目 設 定 ]の3つのタブがあります 更 新 履 歴 ボックスは 表 の 一 種 なので 表 用 のスタイル 適 用 すことが 可 能 です [スタイル]タブでは 一 般 的 な 表 用 のスタイル 適 用 したり 新 たに 作 成 すことが 可 能 です [ 枠 設 定 ] [ 項 目 設 定 ]タブは 更 新 履 歴 ボックスの 枠 および 項 目 のスタイル 直 接 設 定 し ます 践 編 47 R R R R R R R R [ 枠 設 定 ]タブ [ 項 目 設 定 ]タブ ボックス 内 の 罫 線 1 ピクセル 外 枠 3ピクセル 背 景 Pale Green 内 容 の 背 景 White 更 新 マク[ 日 付 の 後 ]へ 移 動 [OK]クリック スタイル 変 更 後 の 更 新 履 歴 ボッ クス 枠 の 色 が Pale Green になった 更 新 マクが 日 時 の 後 になった 161

162 48 ここでは 画 面 に 表 示 された 移 動 ボタン 使 って 1ペジずつ 進 んだり 戻 ったり 全 ペジの 先 頭 や 末 尾 に 移 動 すことのできフォトアルバム 作 成 します セクション 移 動 ボタンボックス 設 置 す アルバム 用 のペジ 用 意 す 1 アルバムのペジ 追 加 します 現 在 あ ALBUM ペジ 表 紙 として それに 続 くアルバムの1ペジ 目 追 加 しましょう ❶ [サイト 編 集 ]タブクリック 画 像 のサムネイル 作 成 してリ スト 化 し サムネイルクリッ クすと 画 像 が 拡 大 されとい う 表 現 方 法 もあります また Flash 使 用 してギャラリ 作 成 すこともできます Flashギャラリについては 次 のセクション49で 紹 介 しま す 第 5 章 2 挿 入 すペジ 選 択 します ❷ ALBUM ペジクリック ❸ [ペジの 追 加 ]クリック ❶ ペジの 分 類 選 択 ペジの 追 加 複 製 削 除 の 方 法 に つ い て は P.88 セ ク ション25 ペジ 追 加 複 製 削 除 す 参 照 してください ❷ 写 真 詳 細 4 クリック ❸ [OK]クリック 162

163 3 挿 入 された1ペジ 目 編 集 します アルバムのベスとなペジが 挿 入 されました 他 のペジは このペ ジの 複 製 から 作 成 します 践 編 ALBUM のトップに 表 示 され ペジ 4 アルバムの1ペジ 目 に 情 報 入 力 します 挿 入 された 写 真 詳 細 4 ペジ ❶ 写 真 詳 細 4 ペジクリック ❷ [ペジ 編 集 ]タブクリック ❶ ペジ 名 アフリカ 象 に 変 更 48 移 動 ボ タ ン ボ ッ ク ス 設 置 す ❷ アフリカ 象 の 写 真 設 定 ❸ 必 要 な 情 報 入 力 ❹ 不 要 な 行 削 除 163

164 移 動 ボタンボックス 追 加 す 5 ALBUM ペジに 移 動 ボタンボックス 追 加 します ❶ ALBUM ペジに 切 り 替 え ❷ 挿 入 位 置 クリック ❸ [ 共 有 部 品 ]クリック ❹ [ 移 動 ボタンボックス]ク リック [ペジ 編 集 ]タブ 上 でのペ ジ 間 の 移 動 マネジャバの[オブジェク ト]タブ 下 部 のサイトツリで 目 的 のペジ 名 クリックす ことで 目 的 のペジに 素 早 く 切 り 替 えことができます 6 アフリカ 象 ペジに 切 り 替 えます 第 5 章 挿 入 された 移 動 ボタン [アフリカ 象 ]クリック 7 アフリカ 象 ペジに 移 動 ボタンボックス 追 加 します 同 様 の 手 順 で 追 加 した 移 動 ボタ ンボックス [プレビュ]タブクリック 移 動 ボタンボックスに 表 示 す 名 称 ボタンの 名 称 は[サイトの 設 定 ] ダイアログボックスで 変 更 でき ます 164

165 8 移 動 ボタン 試 してみます 注 意! ここではまだアルバムペジ が2ペジしかないため 先 頭 ペジ と 前 へ ペジは 同 じ 動 作 となっています 践 編 9 他 のアルバムペジ 追 加 します 前 へ クリック 先 頭 ペジでは ペジ 先 頭 へ 前 へ ボタンは 選 択 不 能 と な 48 移 動 ボ タ ン ボ ッ ク ス 設 置 す [サイト 編 集 ]タブクリック 移 動 ボタンの 文 字 色 は 通 常 のリンクと 同 様 に [ペ ジエリアのスタイルの 編 集 ]ダイアログボックスの [フォント]タブの[リンクの 文 字 色 設 定 ]エリアで 設 定 できます 165

166 10 他 のアルバムペジ 追 加 します アフリカ 象 ペジ 複 製 し 複 製 したペジ 編 集 して 他 のペジ 作 成 しましょう ペジの 複 製 の 方 法 について は P.88 セ ク シ ョ ン 25 ペジ 追 加 複 製 削 除 す 参 照 してください 新 たに 追 加 した チタ と ホ ロホロ 鳥 ペジ 11 自 動 リンクオフにします 自 動 リンクオフにす 意 味 自 動 リンクオフにすと そ のペジ 名 はメニュに 表 示 さ 第 5 章 ❶ ペジアイコン 右 クリック れなくなります つまり メ ニュからのアクセスができな くなります ただし 本 サンプ 12 再 びペジ 編 集 に 切 り 替 えます ❷ [ 自 動 リンク]クリックし チェックはずす ルでは 縦 メニュボックス 利 用 していないので 自 動 リン クがオンになっていても 縦 メ ニュそのものが 表 示 されない ため 結 果 は 変 わりません メ ニュが 表 示 された 状 態 で 移 動 ボタンのみ 使 ってペジに アクセスさせたい 場 合 には 先 頭 のペジ 以 外 の 自 動 リンクは 先 頭 ペジ 以 外 の 自 動 リンク すべてオフにす すべてオフにしておきましょ う [ペジ 編 集 ]タブクリック 166

167 13 移 動 ボタンの 動 作 確 認 します プレビュ 表 示 されたアルバム の 末 尾 ペジ [プレビュ]タブクリック 践 編 [ペジ 先 頭 へ]と[ 前 へ]ボタン が 選 択 可 能 になってい 48 移 動 ボ タ ン ボ ッ ク ス 設 置 す 移 動 ボタンボックスの 移 動 について 移 動 ボタンボックスには 次 の4つのボタンが 表 示 されます ペジ 先 頭 へ 前 へ 次 へ ペジ 末 尾 へ 先 頭 のペジでは 最 初 の[ペジ 先 頭 へ][ 前 へ]のボ タンは 選 択 不 能 となり 末 尾 のペジでは 最 後 の[ 次 へ][ペジ 末 尾 へ]のボタンが 選 択 不 能 となります なお 移 動 ボタンボックスは 横 メニュ 間 の 移 動 や 上 下 の 階 層 への 移 動 はできません ペジ 先 頭 この 中 移 動 す ペジ 末 尾 167

168 セクション 49 Flashギャラリペジ 作 成 す ホムペジV3 には 通 常 のギャラリとFlashギャラリという2 種 類 の 写 真 ギャ ラリ 作 成 機 能 が 用 意 されています ここではFlashギャラリ 利 用 して ダイナ ミックで 個 性 的 なギャラリ 作 成 します 1 サイトにギャラリ 用 のペジ 追 加 します サイト 名 アイコン 選 択 し [ペ ジの 追 加 ]クリックして 白 紙 ペジ 追 加 ❶ 白 紙 ペジ 右 クリック 白 紙 ペジ 以 外 でもギャラリ の 作 成 は 可 能 です ペジの 追 加 方 法 については P.88 ペ ジ 追 加 す 参 照 してください ❷ [ペジのプロパティ] 選 択 第 5 章 2 ペジ 名 変 更 します ❶ [ペジのタイトル]に GALLERY と 入 力 ❷ [OK]クリック 3 [Flashギャラリの 設 定 ]ダイアログボックス 開 きます 白 紙 のペジ GALLERY 編 集 し ここにFlashギャラリ 挿 入 します ❶ 挿 入 位 置 クリック ❷ [ 画 像 ]クリック ❸ [Flash ギャラリ]クリック 168

169 4 使 用 すギャラリの 種 類 選 択 します 5 ギャラリに 追 加 す 画 像 選 択 します 表 示 された[Flashギャラリの 設 定 ]ダイアログボックス ❶ 3Dサクル クリック ❷ [ 次 へ]クリック 画 像 の 選 択 画 面 では ギャラリに 追 加 す 画 像 ファイル 指 定 します ❶ [ 画 像 ファイ ル 追 加 ] クリック 画 像 の 選 択 画 面 ❷ ファイルの 場 所 指 定 ❸ ギャラリに 追 加 す 画 像 ファ イル 選 択 表 示 された[ファイル 開 く]ダイアログボックス ❹ [ 開 く]クリッ ク Flashギャラリの 写 真 の 表 示 方 法 Flashギャラリにはさまざま な 写 真 の 表 示 方 法 が 用 意 されて います アイコン 選 択 す と 右 側 にその 内 容 が 表 示 され ます ギャラリの 表 示 方 法 は 一 度 設 定 して ペジに 追 加 し た 後 でもいつでも 変 更 が 可 能 で す 複 数 のファイルまとめて 選 択 す 複 数 のファイルまとめて 選 択 すには Ctrl キ 押 しな がら 画 像 ファイル 順 次 クリッ クします 選 択 対 象 となファ イルが 連 続 して 並 んでい 場 合 は 先 頭 のファイルクリック し Shift キ 押 して 末 尾 の ファイルクリックすか 先 頭 のファイルから 末 尾 のファイ ルまでドラッグします 践 編 49 F F F F F F F F F F F F F F F F F F 6 ギャラリの 設 定 画 面 に 進 みます トレイに 追 加 したファイル 選 択 すと [プレビュ] 画 面 に 表 示 されます 選 択 されたファイル [ 次 へ]クリック 169

170 7 ギャラリの 設 定 行 います ギャラリに 表 示 され 画 像 にタイトルとコメント 追 加 できます 背 景 色 やスライドショ 表 示 の 再 生 時 間 方 法 指 定 したら 最 後 に 表 示 方 法 プ レビュします 表 示 された ギャラリの 設 定 画 面 ❶ タイトル 設 定 す 画 像 ファ イルクリック ❷ 画 像 のタイトル 入 力 ❸ 画 像 のコメント 入 力 画 像 にファイル 名 撮 影 情 報 カメラ 機 種 情 報 表 示 す ギャラリに 表 示 す 画 像 とと もに その 画 像 のファイル 名 や 撮 影 情 報 など 表 示 すこ とが 可 能 です [コメントの 一 括 挿 入 ]ボタンクリックし [コメントの 一 括 挿 入 ]ダイアロ グボックスで 必 要 な 情 報 の チェックボックス 選 択 してく ださい ❹ 同 様 の 手 順 繰 り 返 して 他 の 画 像 にタイトル 設 定 ❶ 全 体 の 背 景 色 として Dark Blue 選 択 第 5 章 8 Flashギャラリの 写 真 の 表 示 方 法 確 認 します ❷ 画 像 の 再 生 時 間 とし て3 秒 指 定 ❸ [ランダム 再 生 ]ボッ クスチェック ❹ [プレビュ]ク リック [プレビュ]ボタンクリックすと ブラウザが 起 動 して 3Dサクル ギャラリが 表 示 されます ブラウザに 表 示 されギャ ラリのプレビュ ギャラリのサクルはマ ウスによって 回 転 移 動 す ことが 可 能 適 当 なサムネイルクリック ギャラリの 設 定 オプション 選 択 すギャラリの 種 類 に 応 じて 利 用 可 能 な 設 定 オプショ ンは 異 なります 利 用 できない オプションは 淡 色 で 表 示 され 選 択 不 可 能 となっています BGMの 設 定 ギャラリの 表 示 時 にBGM 流 すことが 可 能 です BGM 流 すには [ 参 照 ]ボタンク リックし 使 用 す 音 声 ファ イル 選 択 してください さ らに 必 要 に 応 じて [ 繰 り 返 し] チェックボックスオンにしま す 170

171 践 9 ギャラリの 設 定 完 了 します 表 示 された 画 像 ファイル 再 生 時 間 設 定 してい 場 合 は 自 動 的 に 次 の 画 像 に 切 り 替 わ ❶ ギャラリに 戻 に はここクリック ❷ プレビュが 済 んだ らブラウザ 閉 じ 注 意! [ペジ 編 集 ] 画 面 の[プレ ビュ]タブでは Flashギャラ リはプレビュされません [ギャラリの 設 定 ]ダイアログ ボックスからプレビュす 以 外 では 右 上 の[ブラウザプレ ビュ]ボタンクリックす か 際 にホムペジアッ プロドして ブラウザ 上 でプ レビュ 動 作 確 認 行 なって ください 編 49 F F F F F F F F F F F F F F F F F F [ 完 了 ]クリック 10 挿 入 されたFlashギャラリ 確 認 します 挿 入 さ れ た Flash ギャラリの 位 置 と サイズが 枠 で 示 され [ペジ 編 集 ] 画 面 ではFlash ギャラリの 枠 だけが 表 示 され ます 枠 のハンドルドラッグして Flashギャラリのサイズ 調 整 すことができます Flashギャラリの 種 類 変 更 したり 設 定 変 更 す 場 合 は Flashギャラリ 右 クリック し [Flashギャラリの 編 集...] 選 択 します 171

172 この 章 のまとめ 個 人 日 記 サイト 例 に 楽 しい 個 人 向 けホムペジに 必 要 なさまざまな 要 素 の 作 成 手 順 解 説 しまし た ブログよりも 多 機 能 で 便 利 なホムペジ 作 ってみましょう サンプルサイト ~ サバンナ 日 記 サイト 訪 問 者 数 確 認 すため のアクセスカウンタ 設 置 サイトの 更 新 情 報 自 動 送 信 す RSS 設 置 サイト 更 新 状 況 伝 えための 更 新 履 歴 ボックス 設 置 第 5 章 移 動 ボタンボックスでペジ 送 り 式 のフォトアルバム 作 成 Flashギャラリ 作 成 機 能 でフォトギャラリ 作 成 172

173 第 6 章 践 2~ 会 社 サイト 作 践 編 の2つ 目 では ビジネス 向 けのサイトに 必 須 の 機 能 紹 介 します 情 報 整 理 して 掲 載 すのに 役 立 つ 表 の 作 成 方 法 社 名 や 商 品 名 の 目 立 たせロゴ 表 示 商 品 説 明 や 地 図 表 示 など 応 用 範 囲 の 広 いイメジマップ 問 い 合 わせ や 注 文 受 け 付 けための 資 料 請 求 フォムなどの 設 置 方 法 解 説 します セクション 50 これから 作 サイトの 紹 介 174 セクション 51 セクション 52 セクション 53 表 挿 入 す 176 ロゴ 挿 入 す 180 ロルオバ 効 果 設 定 す 184 セクション 54 イメジマップ 作 成 す 188 セクション 55 資 料 請 求 フォム 作 成 す 192 この 章 のまとめ 196

174 セクション 50 これから 作 サイトの 紹 介 ここでは 架 空 の 学 習 教 室 ネクストゼミナル のホムペジづくり 通 して ホムペジV3 の 機 能 が 学 べます このサンプルホムペジには 以 下 のURLからアクセスできます 表 の 挿 入 ホムペジで 文 字 列 や 画 像 ペジに 規 則 正 しくレイアウ トすには 表 が 便 利 です 一 覧 表 として 情 報 見 やすくす ために 表 は 欠 かせないペジ 要 素 です クラス 情 報 は 表 形 式 で 表 示 第 6 章 タイトルのロゴ 表 示 ロゴとは 特 殊 効 果 が 設 定 されたグラフィカルな 文 字 です ホムペジV3 では 簡 単 にタイトルロゴに 変 換 できま す 社 名 はロゴに 変 換 して 強 調 174

175 ロルオバ 効 果 の 作 成 ロルオバとは マウスでポイントしたときに 色 や 画 像 変 化 させ 効 果 です ホムペジV3 ではロルオ バ 簡 単 に 設 定 できます 践 編 マウスでポイントすとオ ブジェクトが 変 化 す イメジマップの 作 成 1つの 画 像 に1つのリンク 設 定 すのではなく 1つの 画 像 複 数 の 領 域 に 分 け それぞれにリンク 設 定 すことも 可 能 です こうした 機 能 イメジマップと 呼 びます 50 こ れ か ら 作 サ イ ト の 紹 介 画 像 のそれぞれの 領 域 ク リックすとリンク 先 の ペジへジャンプす 資 料 請 求 フォムの 追 加 サイト 訪 問 者 からの 意 見 やお 問 い 合 わせ 資 料 請 求 など 電 子 メルとして 指 定 のアドレスに 送 信 すことが 可 能 です ここでは プロバイダが 提 供 すメルフォムやインタ ネット 上 で 無 料 または 有 料 で 提 供 されていメルフォム 利 用 して 資 料 請 求 フォム 追 加 します フォムに 記 入 し [ 送 信 す ]クリックすと 入 力 し た 内 容 がメル 送 信 され 175

176 セクション 51 表 挿 入 す 文 字 や 画 像 など 規 則 正 しく 表 示 すためには 表 はとても 有 効 です ここでは ペ ジに 表 挿 入 し セル 列 行 設 定 す 方 法 解 説 します 1 [ 表 の 挿 入 ]ダイアログボックス 表 示 します ここではクラス 紹 介 の4 列 5 行 の 表 作 成 します 行 数 と 列 数 行 数 とは 縦 のセルの 数 のこと です 列 数 とは 横 のセルの 数 のこと です ❶ 挿 入 位 置 クリック ❷ [ 表 ]クリック 第 6 章 2 挿 入 す 表 指 定 します 表 示 された[ 表 の 挿 入 ]ダイアロ グボックス ❶ 行 数 入 力 ❷ 列 数 入 力 表 の 行 と 列 の 追 加 行 や 列 は 後 からでも 追 加 できま す 最 初 に 正 確 な 数 値 入 力 す 必 要 はありません 3 表 の 設 定 行 ないます ❸ [OK]クリック 表 が 挿 入 できたら 表 行 列 セルの 設 定 行 ないます 挿 入 された 表 表 のレイアウトやサイズ 調 整 は 挿 入 時 に 設 定 すこともで きますが 挿 入 後 にも[ 表 の 設 定 ]ダイアログボックスから 変 更 すことができます ❶ 表 右 クリック ❷ [ 表 の 設 定 ] 選 択 176

177 4 表 の 横 幅 指 定 します 5 [ 表 の 設 定 ]ダイアログボックス 表 示 します 表 示 された[ 表 の 設 定 ]ダイアロ グボックス ❶ [ 表 ]タブクリック ❷ [ 幅 ]チェック ❸ 560 と 入 力 ❹ [OK]クリック メイン エリアの 表 示 幅 知 には [スタイルの 編 集 ]で 確 認 できま す メ イ ン エ リ ア の 表 示 幅 は メインの 幅 - 右 余 白 です メ インの 幅 が[ 可 変 ]の 場 合 は ペ ジ 幅 - サ イ ド 幅 + 左 余 白 - メ インの 左 余 白 + 右 余 白 (ピクセ ル)となります このサンプルで は =580(ピ クセル)がメインの 表 示 幅 です 表 の 幅 は560に 設 定 しています 践 編 51 表 挿 入 す ❶ 1 列 目 のセル 右 クリック 注 意! メインの 表 示 幅 より 広 い 幅 の 表 挿 入 すと 全 体 の 表 示 が 崩 れ ことがあので 注 意 してください ❷ [ 表 の 設 定 ] 選 択 表 の 幅 の 指 定 表 の 幅 は ピクセル 単 位 で 指 定 すことも メインの 幅 に 対 す パセンテジで 指 定 すこ とも 可 能 です 6 1 列 目 の 幅 指 定 します ❶ [ 列 ]タブクリック ❷ [ 幅 ]チェック ❸ 100 と 入 力 ❹ [OK]クリック ❺ 同 様 の 手 順 で 残 りの 列 幅 も 設 定 す 2 列 目 :260ピクセル 3 列 目 :100ピクセル 4 列 目 :100ピクセル 表 の 幅 パセンテジで 指 定 し ておくと レイアウトエリアの 指 定 の 範 囲 以 上 に 表 が 広 がらなくな ります これにより レイアウト の 崩 れ 防 ぐことができます 行 の 高 さ 列 の 幅 の 自 動 調 整 本 サンプルでは 表 のすべての 列 幅 指 定 していますが 自 動 調 整 機 能 に 任 せことも 可 能 で す 列 幅 あらかじめ 指 定 してい ない 場 合 表 の 各 列 の 幅 は セ ルに 入 力 されてい 文 字 の 量 に 応 じて 自 動 的 に 調 整 されます 行 の 高 さについては 指 定 せ ず 自 動 調 整 に 任 せています 177

178 7 [ 表 の 設 定 ]ダイアログボックス 表 示 します 第 1 行 と 第 1 列 のセル 背 景 変 更 します 列 幅 が 調 整 された 表 セル 内 の 調 整 行 や 列 と 同 様 にセルも 設 定 行 なうことができます 設 定 変 更 すには [ 表 の 設 定 ]ダイア ログボックスから[セル]タブ 選 択 してください ❶ 1 行 1 列 目 のセル 右 クリック ❷ [ 表 の 設 定 ] 選 択 第 6 章 8 [ 背 景 画 像 の 選 択 ]ダイアログボックス 表 示 します 9 背 景 画 像 選 択 します ❶ [ 行 ]タブクリック ❷ [ 画 像 ]チェック ❸ [ 参 照 ]クリック 操 作 の 対 象 とな 行 と 列 セル 選 択 した 状 態 で [ 表 の 設 定 ] 選 択 すと ダイアログ ボックスには[ 行 ]タブと[ 列 ]タ ブが 表 示 されます これらのタ ブの 操 作 対 象 は 現 在 選 択 中 のセル 含 む 行 列 です 本 サ ンプルでは 第 1 行 第 1 列 に 対 して 背 景 が 設 定 されます 背 景 画 像 は デジタルカメラで 撮 った 写 真 からでも 自 分 が 保 存 してい 画 像 からでも 選 ぶこ とができます ❶ [ 背 景 ] 選 択 ❷ 画 像 ファイル 選 択 ❸ [OK]クリック 178

179 10 列 の 背 景 変 更 します 選 択 された 背 景 画 像 ❶ [ 列 ]タブクリック 践 編 ❷ 列 に 対 しても 手 順 8~9 繰 り 返 す 51 表 挿 入 す 11 表 に 文 字 入 力 します 表 の 枠 が 準 備 できたら 文 字 入 力 します 文 字 入 力 セルへの 画 像 の 挿 入 セルには 文 字 だけでなく 画 像 挿 入 すことも 可 能 です 通 常 の 入 力 同 様 [オブジェク ト]タブの[ 画 像 ]または[フォル ダ]タブが 利 用 できます 注 意! 12 完 成 した 表 プレビュします 画 像 挿 入 す 場 合 画 像 サイ ズが 大 きいと 表 示 が 崩 れ 可 能 性 があります 挿 入 した 画 像 は ペジ 枠 内 に 収 まように 調 整 しましょう 画 像 の 調 整 の 仕 方 は P.56 セ ク シ ョ ン 13 画 像 挿 入 す 参 照 してく ださい 179

180 セクション 52 ロゴ 挿 入 す ホムペジV3 には 文 字 列 からロゴ 作 成 す 機 能 が 用 意 されています ここで はタイトルにロゴ 表 示 す 方 法 解 説 します 1 [サイトタイトルボックスの 設 定 ]ダイアログボックス 表 示 します ❶ サイトタイトルボックス 右 クリック サイトタイトルボックスなどの 共 有 部 品 については P.104 セクション30 サイトの 設 定 変 更 す 参 照 してくださ い ❷ [サイトタイトルボックスの 設 定 ] 選 択 2 [ロゴの 設 定 ]ダイアログボックス 表 示 します 第 6 章 ❶ [ロゴとして 表 示 す] チェック 3 ロゴの 設 定 開 始 します ❷ [ロゴの 設 定 ]クリック 表 示 された[ロゴ 文 字 ]ダイアロ グボックス サイトタイトルは 編 集 可 能 ❶ ドロップダウンリストか らロゴの 分 類 選 択 ロゴは 画 像 として 出 力 された め 変 わったフォントにしても ホムペジ 閲 覧 す 人 の 環 境 に 左 右 されません オリジ ナリティのあロゴ 作 成 しま しょう ❷ ロゴの 種 類 選 択 ❸ [ 次 へ]クリック 180

181 4 文 字 の 色 指 定 します 注 意! 践 [ロゴ 文 字 ]ダイアログボックス このボックスクリック に 表 示 されオプションは 選 択 したロゴの 種 類 によって 異 な ります 編 5 色 指 定 します 表 示 された[カラピッカ]ダ イアログボックス [ 色 設 定 ]で[テクスチャ] 選 択 すと 文 字 の 中 に 画 像 設 定 すことができます [プレビュ] 画 面 では 設 定 し た 内 容 確 認 すことができま す 52 ロ ゴ 挿 入 す ❶ 色 のベス 選 択 ❷ 色 クリック ❸ [OK]クリック 6 変 更 された 色 確 認 します 変 更 後 の 色 のプレビュ ロゴの 形 や 色 は サイト 全 体 の イメジに 合 うように 設 定 しま しょう [ 次 へ]クリック 181

182 テクスチャとグラデション ロゴ 文 字 に 対 しては テクスチャやグラデション 設 定 すこともできます [テクスチャ]ボタン 選 択 すと ホムペジV3 に 用 意 されたテクスチャファイルの 選 択 が 可 能 となります [グラデション]ボタン 選 択 すと グラデションの 選 択 が 可 能 とな ります 選 択 されたテクスチャ 別 のテクスチャ 選 択 す には[ 参 照...]クリック 選 択 可 能 なグラデション グラデション 編 集 す には[ 設 定...]クリック 第 6 章 7 効 果 指 定 します ❶ 影 の 種 類 指 定 ❷ 影 の 距 離 指 定 ❸ [OK]クリック 注 意! 効 果 の 設 定 は 選 択 したロゴに よっては 表 示 されません また 設 定 項 目 が 違 う 場 合 がありま す ロゴ 半 透 明 にす 効 果 タイトルの 背 景 などに 画 像 が 設 定 されてい 場 合 など ロゴの 透 明 度 に 変 化 つけことで 面 白 い 視 覚 効 果 が 得 られます 182

183 8 ロゴの 設 定 完 了 します [リンクの 設 定 ]にチェック 入 れと サイトタイトルのロゴ にリンク 設 定 すことも 可 能 です リンクの 設 定 方 法 は P.64 セ ク シ ョ ン 16 画 像 やボタンにリンク 設 定 す 参 照 してください 践 編 9 表 示 されたロゴ 確 認 します [OK]クリック 52 ロ ゴ 挿 入 す 挿 入 されたロゴ 通 常 のロゴの 挿 入 通 常 の 文 字 ロゴに 変 換 して ペジに 挿 入 すこ とが 可 能 です 挿 入 位 置 クリックし [オブジェク ト]タブの[ロゴ]クリックしてください [ロゴ 文 字 ]ダイアログボックスが 表 示 されので ロゴの 文 字 入 力 してください その 他 の 操 作 は タイトルのロゴ 設 定 と 同 様 です ❶ 挿 入 位 置 クリック ❷ [ロゴ]クリック 183

184 セクション 53 ロルオバ 効 果 設 定 す ロルオバとは マウスでポイントしたときに 色 や 画 像 変 化 させ 効 果 です ホムペジV3 では 簡 単 に 画 像 にロルオバ 設 定 できます 1 ロルオバのベスとな 画 像 選 択 します ここではクラス 紹 介 の 項 目 の 最 後 に 矢 印 ポイント 挿 入 し ロルオバ 効 果 とリンク 設 定 します ❶ ポイントの 挿 入 位 置 クリック ❷ [ 画 像 ]クリック 横 メニュや 縦 メニュにも ロルオバ 効 果 設 定 す ことができます メニュはス タイルシトで 管 理 されてい ため [サイト 編 集 ] 画 面 の[スタ イルの 編 集 ]タブ 内 で 設 定 しま す 詳 し く は P.140 セ ク ション41 横 メニュのデザイ ン 変 更 す 参 照 してくだ さい ❸ [ 画 像...]クリック 第 6 章 2 ポイント 画 像 選 択 します ❶ [Material] 選 択 ❷ [ポイント]の[デザ イン1] 選 択 ❸ 1ya_1.png 選 択 ここではポイント 選 択 してい ますが 通 常 の 画 像 に 対 しても ロルオバ 効 果 設 定 でき ます ❹ [OK]クリック 184

185 3 [ロルオバ 効 果 の 挿 入 ]ダイアログボックス 開 きます 4 ロルオバ 効 果 設 定 します ❶ 挿 入 した 画 像 右 クリック ❷ [ロルオバ]ク リック ❸ [ロルオバ 効 果 の 挿 入 ]クリック [ 効 果 の 選 択 ]クリック ロルオバの 解 除 ロルオバの 設 定 されてい オブジェクト 右 クリック し [ロルオバ]-[ロル オバ 効 果 の 解 除 ] 選 択 し てください ホムペジV3 内 に 用 意 さ れてい[メニュボタン]に は 最 初 からロルオバ 効 果 が 設 定 されています 2つの 画 像 切 り 替 え 画 像 ファイル2つ 用 意 して おき その2つ 切 り 替 え ことも 可 能 です 通 常 の 画 像 挿 入 した 後 [ロルオバ 効 果 の 挿 入 ]ダイアログボックス の[ファイル 名 指 定 す]オプ ション 選 び ロルオ-バ 時 に 表 示 され 画 像 指 定 して ください 践 編 53 ロ ル オ バ 効 果 設 定 す ❶ [ 暗 く] 選 択 ❷ [OK]クリック 185

186 5 ロルオバ 確 認 します [ロルオ-バの 確 認 ]の 画 像 にマウスポインタあてと 効 果 の 確 認 ができます ❶ ロルオバのプレビュ ❷ [OK]クリック 6 完 成 したポイントコピします でき 上 がったロルオバ 効 果 付 きポイント 画 像 コピ&ペストします ロルオ-バ 効 果 設 定 した 画 像 コピ&ペストす と 設 定 したロルオ-バ 効 果 も 一 緒 にコピされます 第 6 ポイントコピ&ペスト 章 7 [リンクの 挿 入 ]ダイアログボックス 開 きます ❶ 画 像 右 クリック ❷ [リンク]クリック ❸ [リンクの 挿 入 ]クリック 186

187 8 ポイント 画 像 にリンク 設 定 します ❶ [ペジ]のプルダウンメニュ クリック リンクの 挿 入 方 法 の 詳 細 は P.64 セ ク シ ョ ン 16 画 像 やボタンにリンク 設 定 す 参 照 してください 践 編 ❷ 中 学 1 年 生 コス 選 択 ❸ [OK]クリック ❹ コピ&ペストした 残 りの ポイントにもそれぞれリンク 設 定 9 でき 上 がったロルオバの 効 果 確 認 します ❶ [プレビュ]タブクリック 53 ロ ル オ バ 効 果 設 定 す ❷ ロルオバ 付 きのポイント にマウスあわせてクリック 10 ジャンプ 先 確 認 します ジャンプ 先 のペジ 187

188 セクション 54 イメジマップ 作 成 す イメジマップとは 画 像 複 数 の 領 域 に 分 け それぞれにリンク 設 定 す 機 能 です ここではイメジマップの 設 定 方 法 解 説 します 1 [イメジマップの 挿 入 ]ダイアログボックス 表 示 します ❶ 画 像 右 クリック ❷ [イメジマップ] 選 択 イメジマップに 使 用 可 能 な 画 像 ファイル 通 常 の 画 像 ファイルであれば ファイル 形 式 に 関 わらずイメ ジマップの 設 定 が 可 能 です 操 作 性 考 えならば あ 程 度 の 大 きさの 画 像 が 必 要 です ❸ [イメジマップの 挿 入 ] 選 択 第 6 章 2 1つ 目 のリンク 領 域 指 定 します イメジマップ 設 定 す 場 合 まずはリンク 設 定 したい 領 域 指 定 しま す 表 示 された[イメジマップの 挿 入 ]ダイアログボックス ❶ [ 四 角 形 ]クリック ❷ 四 角 形 の 領 域 の 左 上 隅 ク リック ❸ 対 角 線 ドラッグし 領 域 指 定 リンク 領 域 は 四 角 形 で 示 され ダイアログボックス 拡 大 す ことで 作 業 がしやすくなりま す ダイアログボックスは 右 隅 ドラッグすと 広 がります 描 画 ツル リンク 領 域 指 定 すツルに は [ 四 角 形 ]の 他 [ 円 ]や[ポリ ゴン]があります 複 雑 なリン ク 領 域 指 定 したい 場 合 は [ポ リゴン]ツル 使 って 領 域 のアウトライントレスして ください 188

189 3 リンク 先 指 定 します ここではリンク 先 としてペジ 指 定 します リンクの 設 定 は 通 常 のリンクと 同 様 に URLやメルも 設 定 で きます 践 編 4 残 りのリンク 設 定 します ❶ [ペジ]ドロップダウンリス トからリンク 先 ペジ 選 択 ❷ [OK]クリック 1つ 目 のリンクが 設 定 できたら 残 りの2つのリンクも 同 様 の 手 順 で 作 成 し ましょう イメジマップの 解 除 画 像 に 設 定 されたイメジマッ プ 解 除 すには 画 像 右 ク リックし [イメジマップの 解 除 ] 選 択 します 54 イ メ ジ マ ッ プ 作 成 す 設 定 された3つのリンク 領 域 すでに 設 定 したイメジマップ 編 集 すには 画 像 右 ク リックし [イメジマップの 編 集 ] 選 択 します [OK]クリック リンク 領 域 の 修 正 [イメジマップの 編 集 ]ダイア ログボックスで リンク 領 域 の ハンドルドラッグすこと で リンク 領 域 変 更 できます まったく 別 の 領 域 設 定 すに は リンク 領 域 削 除 して 再 指 定 してください リンク 先 情 報 変 更 すには リンク 領 域 が 選 択 された 状 態 で 右 クリック し [リンクの 編 集 ] 選 択 して ください 注 意! リンク 領 域 重 ねた 場 合 は 最 後 に 設 定 されたリンクが 優 先 さ れます 189

190 5 イメジマップの 動 作 確 認 します プレビュ 画 面 リンク 領 域 の 確 認 方 法 リンクが 設 定 されてい 領 域 に マウスポインタが 差 し 掛 か と 通 常 の 矢 印 ( )アイコンか ら 人 差 し 指 立 てた 手 ( )ア イコンに 変 化 します リンク 領 域 クリック 6 ジャンプ 先 確 認 します イメジマップクリックして 正 しいペジが 表 示 されれば 作 業 は 完 了 で す ジャンプ 先 のペジ 第 6 章 190

191 不 定 形 の 領 域 の 指 定 [ポリゴン]ツル 使 用 すことで 不 定 形 のリンク 領 域 設 定 できます 1 [ポリゴン]ツル 選 び 第 1 点 クリックし マウスドラッグし 第 2 点 クリックします 践 編 2 第 3 点 第 4 点 とクリックすと 最 後 の 点 と 第 1 点 と 結 ぶ 線 が 表 示 され 閉 じられた 図 形 ができ 上 がります 54 イ メ ジ マ ッ プ 作 成 す 3 こうして 領 域 のアウトラインに 沿 って 図 形 描 き 終 えたら そこでダブルクリックします 描 画 が 終 了 し [リンクの 挿 入 ]ダイア ログボックスが 開 きます 191

192 セクション 55 資 料 請 求 フォム 作 成 す フォムはサイト 訪 問 者 が 情 報 入 力 すための 画 面 です フォム 用 意 すことによっ て サイト 訪 問 者 の 情 報 や 意 見 収 集 すことができます 入 力 欄 にデタ 入 力 した 後 送 信 ボタン 押 すと その 入 力 された 情 報 は 指 定 されたメルアドレスに 送 信 されます 1 メルフォム 提 供 していウェブサイトでサビス 申 し 込 み メルフォムのHTMLタグ 取 得 します 2 [ペジの 追 加 ]ダイアログボックス 開 きます ❶ サイト 名 アイコン 選 択 ❷ [ペジの 追 加 ]クリック 注 意! ここでは 他 社 のサビス 利 用 す 方 法 紹 介 します サ ビス 内 容 はサビスの 提 供 元 に よって 異 なります ご 紹 介 した 以 外 にも 様 々なメ ルフォムサビスがあり お 好 みのサビスお 選 びいただ けます 検 索 サイトで メル フォムサビス と 入 力 して メルフォム 提 供 してい Webサビス 探 してくださ い 第 6 章 3 白 紙 のペジ 追 加 します ❶ [カルチャスクル セミ ナ]クリック ❷ [ 白 紙 ]クリック ❸ [OK]クリック 192

193 4 追 加 された 白 紙 ペジ[ペジ 編 集 ] 画 面 で 開 きます 5 ペジタイトル 変 更 します ❶ 追 加 されたペジアイコン 選 択 ❷ [ペジ 編 集 ]タブクリック メルフォムのサビス 元 よ り 提 供 されデタがHTML タグではなく URLの 場 合 は P.210 セ ク シ ョ ン 60 掲 示 板 サビス 利 用 す と 同 様 の 方 法 でリンク 設 定 すペ ジ 追 加 し URL 指 定 してく ださい 践 編 55 資 料 請 求 フ ォ ム 作 成 す ペジタイトルダブルクリッ ク 6 ペジタイトル 入 力 します ❶ 資 料 請 求 と 入 力 ❷ [OK]クリック 193

194 7 [HTMLタグの 編 集 ]ダイアログボックス 表 示 します ❶ 挿 入 位 置 クリック ❷ [その 他 ]クリック ❸ [HTMLタグ]クリック 8 メルフォムのHTMLタグ 入 力 します ❶ メルフォムのサ ビス 元 から 提 供 された HTMLタグ 貼 り 付 け 注 意! HTMLタグの 内 容 はメル フォムのサビス 提 供 元 に よって 異 なります 第 6 章 9 挿 入 されたHTMLタグ 確 認 します ❷ [OK]クリック HTMLタグが 挿 入 された [ 中 央 揃 え]クリック [HTMLタグの 編 集 ]ダイアログ ボックスで 追 加 した 内 容 は [ 通 常 モド]では 灰 色 の 枠 で 表 示 されます 内 容 修 正 す 場 合 は 灰 色 の 枠 右 クリックし [HTMLタグの 編 集 ] 選 択 しま す 194

195 10 フォムの 動 作 確 認 します フォムの 追 加 が 完 了 したら プレビュ 画 面 に 切 り 替 えて 際 にデタ 入 力 してみましょう ❶ [プレビュ]タブクリック フォムに 表 示 でき 内 容 は メルフォムのサビス 提 供 元 によって 様 々です 詳 しくは サビス 提 供 元 の 説 明 に 従 って ください 践 編 ❷ フォムに 記 入 す ❸ [ 送 信 ]クリック 送 信 が 完 了 した 注 意! ホムペジV3 の[プレ ビュ]タブでフォム 表 示 したり メル 送 信 すには インタネットに 接 続 されてい 必 要 があります [プレビュ]で メルフォ ムの 表 示 や 送 信 がうまくできな い 場 合 は 作 成 したペジ アップロドして 際 にブラウ ザからアクセスして 試 してくだ さい 55 資 料 請 求 フ ォ ム 作 成 す [ 戻 ]クリック 注 意! 送 信 完 了 の 画 面 やメルの 書 式 はメルフォムサビスに よって 異 なります 11 送 られてきたメル 確 認 します 送 られてきたメルの 本 文 195

196 この 章 のまとめ 学 習 塾 のwebサイト 作 り 例 に 表 や 資 料 請 求 フォム といった 務 的 なホムペジに 必 要 とさ れペジの 作 り 方 解 説 しました サンプルサイト ~ ネクストゼミナル( 架 空 の 学 習 塾 ) 公 式 サイト タイトルにロゴ 表 示 して 社 名 強 調 重 要 な 情 報 は 表 使 って 規 則 正 しく 見 やすく 表 示 ロルオバ 効 果 で 項 目 強 調 画 像 にイメジマップ 設 定 第 6 章 画 像 のクリックによって 別 ペジへジャンプ 自 動 的 に 資 料 請 求 メル 送 信 できメルフォム 追 加 196

197 第 7 章 践 3~ ポタルサイト 作 ホムペジV3 には ペジ 楽 しく 便 利 にす 仕 組 み 簡 単 に 設 置 す 機 能 があります ガジェット 利 用 して 天 気 予 報 やニュス 時 刻 辞 書 など 訪 問 者 に 便 利 で 楽 しい 機 能 提 供 す 方 法 解 説 しま す また 動 画 の 表 示 や Amazonや 楽 天 の 商 品 ペジに 表 示 して 紹 介 すアフィリエイトの 設 置 方 法 解 説 します セクション 56 これから 作 サイトの 紹 介 198 セクション 57 セクション 58 Googleのガジェット 挿 入 す 200 メディアファイル 挿 入 す 204 セクション 59 アフィリエイト 挿 入 す 206 セクション 60 掲 示 板 サビス 利 用 す 210 この 章 のまとめ 212

198 セクション 56 これから 作 サイトの 紹 介 ブラウザの 便 利 ツルであガジェット 動 画 の 表 示 商 品 の 紹 介 販 売 可 能 にす アフィリエイト 双 方 向 のコミュニケション 現 す 掲 示 板 など ホムペ ジ 便 利 にす 機 能 追 加 す 方 法 紹 介 します ガジェット 挿 入 す ガジェットとは 面 白 い 道 具 おもちゃ といった 意 味 です パソコンのデ スクトップやインタネットのペジの 隅 に 表 示 されちょっと 便 利 な 小 道 具 のように 利 用 できプログラムのこといいます ウィジェット と 呼 ぶ こともあります 例 えば 天 気 予 報 のガジェットペジに 設 置 しておけば ガジェットが 自 動 的 に 天 気 予 報 のサイトから 情 報 読 み 込 んで 最 新 の 天 気 予 報 表 示 してく れます ホムペジV3 では さまざまな 分 野 にわた 豊 富 なGoogleガ ジェット 簡 単 な 操 作 で 設 置 すことができます 第 7 章 注 意! Googleガジェット のサビスは ググル 株 式 会 社 によって 運 営 されてい ます 動 画 貼 り 付 け 動 画 簡 単 にペジに 貼 り 付 け 表 示 すことができます 動 画 ファイルのストリミングとダウンロド [ 挿 入 ]メニュには [ストリミングファイルの 挿 入 ]と[メディアファイルの 挿 入 ]というメニュオプションが 用 意 されています 通 常 は 動 画 ファイルダ ウンロドしてから 再 生 しますが ストリミングファイルはダウンロドし ながら 再 生 します 後 者 は 待 ち 時 間 のないスムズな 再 生 現 できます 198

199 アフィリエイト 利 用 す アフィリエイトとは 自 分 のペジに 楽 天 やAmazon.co.jp などのeコマスサイトの 広 告 表 示 し その 広 告 に 含 まれ リンクたどって 商 品 が 購 入 された 場 合 売 上 げの 数 % 受 け 取 ことができサビスです ホムペジV3 では 楽 天 アフィリエイト Amazonアソシエイト プログラム ValueCommerce などのアフィリエイト 簡 単 に 利 用 できま す 注 意! アフィリエイト 利 用 すには 楽 天 アフィリエイトのサビスは 楽 天 株 式 会 社 によって 運 楽 天 アフィリエイト 利 用 すには デベロッパIDとアフィ 営 されています リエイトIDの 取 得 が 必 要 です また Amazonアソシエイト プログラム 利 用 すには アソシエイトIDの 取 得 が 必 要 で 注 意! す いずれのIDも それぞれの 公 式 サイトから 取 得 できます Amazonアソシエイト プログラムのサビスは アマゾン ジャパン 株 式 会 社 によって 運 営 されています 践 編 56 こ れ か ら 作 サ イ ト の 紹 介 注 意! ValueCommerceのサビスは バリュコマス 株 式 会 社 によって 運 営 されています 掲 示 板 サビス 利 用 す 掲 示 板 とは ホムペジの 運 営 者 と 訪 問 者 または 訪 問 者 どう しが 情 報 やり 取 りすために 利 用 す 機 能 です 掲 示 板 に 設 定 されたテマや 最 初 に 書 かれた 文 章 に 対 して 後 から 次 々に 文 章 書 き 連 ねてコミュニケション 行 ないます 掲 示 板 には プロバイダが 提 供 す 掲 示 板 サビスと インタ ネット 上 で 無 料 で 提 供 されてい 掲 示 板 サビスの2 種 類 があ ります 自 分 が 契 約 していプロバイダが 掲 示 板 サビス 提 供 していない 場 合 は インタネット 上 の 無 料 掲 示 板 サビス ご 利 用 ください 自 分 が 契 約 していプロバイダが 掲 示 板 サビス 提 供 してい かについては 各 プロバイダのサポトにお 問 い 合 わせくだ さい 199

200 セクション 57 Googleのガジェット 挿 入 す ガジェットとは 小 道 具 のように 利 用 でき 小 さなプログラムです ここではGoogle が 提 供 す 数 多 くのガジェットの 中 から ウィキペディア 検 索 表 示 すガジェット 選 んで ペジに 挿 入 す 方 法 説 明 します 1 [ 外 部 ツルの 選 択 ]ダイアログボックス 開 きます ❶ 挿 入 位 置 クリック ❷ [ 外 部 ツル]クリック ❸ [ブログパツ]クリック 2 [Googleガジェット]ダイアログボックス 開 きます ガジェットとブログパツ ガジェットとは 本 来 はデスク トップ 上 で 利 用 す webサ ビスと 連 動 したミニプログラム (アプリケション)の 呼 称 で す 一 方 ブログパツとは ホムペジのサイドエリアな どに 貼 り 付 けて 使 うミニプログ ラムです そのため 正 確 には ここではGoogleガジェット ブログパツとして 利 用 してい ことになります 第 7 章 [OK]クリック 200

201 3 ガジェットのキワド 入 力 して 検 索 します 表 示 された[Googleガジェッ ト]ダイアログボックス ❶ ウィキペディア と 入 力 注 意! [Google ガジェット]のダイア ログボックス 表 示 すには インタネットに 接 続 してい 必 要 があります 践 編 注 意! 4 ガジェット 選 びます ❷ [Google ガジェット 検 索 ] クリック ❸ 挿 入 す[ウィキペディア] クリック 検 索 すキワドによって は ガジェットがない 場 合 があ ります 57 G G G G G G G G G G G G G G G G G [Googleガジェットの 利 用 方 ガジェットの 説 明 が 表 示 され 法 ]が 見 えにくい 場 合 には ダ イアログボックスの 右 下 隅 ド ラッグしてダイアログボックス の 大 きさ 変 更 してください [ 自 分 のウェブペジに 追 加 ] クリック 201

202 5 ガジェット 追 加 します 表 示 設 定 とガジェット 設 定 表 示 に 関 しては タイトル 幅 高 さ 枠 線 など 設 定 できます また ガジェットごとに 固 有 の 設 定 持 つものもあります 表 示 方 法 変 更 すにはこれら のオプション 選 択 ❶ 追 加 すサイドエリアの 幅 に 合 わせた 値 指 定 ❷ [このガジェットのコド 挿 入 ]クリック ガジェット 挿 入 した 後 にサ イズ 変 えには いったんガジェット 削 除 し て 再 度 [Google ガジェット] ダイアログボックス 内 の[ 表 示 設 定 ]から 変 更 す 必 要 があり ます 第 7 章 6 ペジに 追 加 されたガジェット 確 認 します ❸ [ 閉 じ]クリック 追 加 されたガジェット 間 違 えて 違 うガジェット 選 んでしまった 場 合 には 画 面 左 上 の[ 戻 ]から 前 の 画 面 へ 戻 ことができます 注 意! [ 通 常 モド]ではガジェットの 内 容 は 表 示 されずに 同 じサイ ズの HTMLタグ として 灰 色 の ボックスで 表 示 されます ガジェットの 正 体 ガ ジ ェ ッ ト は script タ グ に よって 記 述 されたコドです ガジェット 右 クリックし [HTMLタグの 編 集 ]クリック すと ガジェットのコド 表 示 させことができます 注 意! [HTMLタグの 編 集 ]でガジェッ トのscriptタグ 編 集 すと ガジェットが 正 常 に 動 作 しなく なことがあります 202

203 7 ガジェットプレビュします 表 示 された[ウィキペディア]ガ ジェット 注 意! Googleガジェットは インタ ネット 上 にあ ガジェット 表 示 させ 機 能 なので ホム ペジV3 の[プレビュ]タブ で 見 際 もインタネットに 接 続 してい 必 要 があります 践 編 日 本 語 以 外 のガジェット Googleが 提 供 すガジェット には さまざまな 言 語 バジョ ン が 存 在 し ま す [Google ガ ジェット]ダイアログボックス の[ 他 の 言 語 ]ドロップダウンリ ストから 外 国 語 選 択 し [ガ ジェット 検 索 ]クリックし てください 57 G G G G G G G G G G G G G G G G G 203

204 セクション 58 メディアファイル 挿 入 す ホムペジV3 では さまざまなメディアファイル 挿 入 できますが ここでは Windowsメディアファイルの 挿 入 方 法 紹 介 します 第 7 章 1 [メディアファイルの 挿 入 ]ダイアログボックス 開 きます ❶ 挿 入 位 置 選 択 2 挿 入 すメディアファイル 選 択 します ❷ [ 挿 入 ]クリック ❸ [メディアファイル]クリッ ク ❹ [メディアファイルの 挿 入 ] クリック ❶ ファイルが 保 存 されてい フォルダ 選 択 ❷ メディアファイル 選 択 ❸ [ 開 く]クリック メディアファイルと 対 応 アプ リケション 挿 入 すファイル 形 式 に 応 じ て 再 生 に 使 用 されアプリ ケションが 異 なります 本 サンプルで 使 用 していファイ ルはwmv 形 式 なので 通 常 の Windowsパソコン 上 での 再 生 が 可 能 です Microsoft Windows Media Player: mid rmi midi wma wav snd au aif aifc aiff mp3 asf wm wmv avi mpeg mpg m1v mp2 mpa mpe RealNetworks Real Player: ra rm Apple Computer QuickTime Player: qt mov Macromedia Flash Player: swf 204

205 3 挿 入 されたメディアファイル 確 認 します 挿 入 されたメディアファイル [プレビュ]タブクリック 持 ってい 動 画 の 形 式 が 対 応 していない 場 合 は 市 販 の 動 画 変 換 ツルなど 利 用 し あらかじめ 対 応 してい 形 式 に 変 換 行 なってくださ い 践 編 4 再 生 されメディアファイル 確 認 します プレビュに 切 り 替 わとビデ オは 再 生 され 58 メ デ ィ ア フ ァ イ ル 挿 入 す 貼 り 付 けたメディアファイルのサイズ 変 更 メディアファイルのサイズ 変 更 すには 画 像 右 クリックし [メディアファイ ルの 設 定 ]クリックします [メディアファイルの 設 定 ]ダイアログボックスが 表 示 されたら [ 幅 ]と[ 高 さ]ボックスにサイズ 指 定 します 205

206 セクション 59 アフィリエイト 挿 入 す ホムペジV3 は 楽 天 アフィリエイトやAmazonアソシエイト プログラムの アフィリエイト 挿 入 すことができます ここでは Amazonアソシエイト プロ グラム 例 に アフィリエイトの 挿 入 方 法 解 説 します AmazonアソシエイトID 取 得 す 第 7 章 1 Amazonのトップペジにアクセスします. [アソシエイト(アフィリエイ ト)]クリック 2 アソシエイト プログラム(アフィリエイト)に 参 加 します. [ 無 料 アカウント 作 成 ]クリッ ク アフィリエイト 利 用 すに は Amazonアソシエイト プログ ラム 利 用 すには アソシエ イトIDの 取 得 が 必 要 です ま た 楽 天 アフィリエイト 利 用 すには デベロッパIDとア フィリエイトIDの 取 得 が 必 要 で す これらのID 取 得 す 画 面 には [アフィリエイト 設 定 の 編 集 ]ダイアログボックスの[ 詳 細 情 報 ]ボタンのクリックによっ てジャンプできます URL 直 接 入 力 しても 開 くこと ができます すでにAmazonアソシエイト IDお 持 ちの 方 は 新 たにID 取 得 す 必 要 はありません 3 Webサイトの 指 示 に 従 ってアカウント 作 成 します 注 意! Amazonのトップおよびアフィ リエイトペジの 構 成 内 容 は 随 時 変 更 され 可 能 性 がありま す 際 のペジと 左 図 の 構 成 が 異 な 場 合 は アソシエイ ト プログラム 関 連 のリンク 探 してください 206

207 4 アソシエイトID 確 認 します 発 行 されたアソシエイトID アソシエイト プログラム 運 営 規 約 アソシエイト プログラムへの 登 録 完 了 すには 運 営 規 約 に 目 とおし [ 契 約 条 件 ] チェックしなくてはなりません 践 編 アフィリエイト 挿 入 す 注 意! Amazonアソシエイト プログ ラム 利 用 すには Amazon の 審 査 があります 承 認 のメ ルがAmazonから 来 までに 数 日 かか 場 合 があります 59 ア フ ィ リ エ イ ト 挿 入 す 5 [アフィリエイト 設 定 の 編 集 ]ダイアログボックス 開 きます ❶ 挿 入 位 置 選 択 ❷ [ 外 部 ツル]クリック ❸ [アフィリエイト]クリック 6 [Amazonアソシエイト プログラム]ダイアログボックス 開 きます 表 示 された[アフィリエイト 設 定 の 編 集 ]ダイアログボックス ❶ [ 外 部 ツル 名 ]ドロップダウ ン リ ス ト か ら Amazon ア ソ シエイト プログラム 選 択 ❷ アソシエイトID 入 力 ❸ [OK]クリック 207

208 7 目 的 の 商 品 検 索 します 表 示 された[Amazonアソシエ イト プログラム]ダイアログ ボックス ❶ ソスネクスト と 入 力 ❷ [ 検 索 ]クリック 注 意! 商 品 検 索 行 なうには お 使 い のパソコンがインタネットに 接 続 されてい 必 要 がありま す 検 索 キワドの すべての 商 品 で 検 索 対 象 が 多 くなってし まった 場 合 は 和 書 DVD など カテゴリ 絞 ことができます 第 7 章 8 商 品 選 択 します 検 索 結 果 ❶ 商 品 選 択 ❷ [ 挿 入 ]クリック ❸ [ 次 へ]クリック し 次 の 結 果 確 認 9 [Amazonアソシエイト プログラム]ダイアログボックス 閉 じます 挿 入 されたアフィリエイト ISBN コドや ASIN コドが わかってい 場 合 には [ 検 索 の 種 類 ]から[ASIN/ISBN 検 索 ] 選 択 して 入 力 すことで コ ドによ 検 索 が 可 能 です [Amazon アソシエイト プ ログラム]ダイアログボック ス このダイアログボックスは 商 品 挿 入 した 後 も [ 閉 じ]ボ タンがクリックされまでは 表 示 されたままです 気 に 入 った 商 品 があれば いくつでも 連 続 して 挿 入 できます 注 意! [ 通 常 モド]では アフィリ エイトの 内 容 は 表 示 されずに HTMLタグとして 灰 色 のボック スで 表 示 されます [ 閉 じ]クリック 208

209 10 アフィリエイトの 動 作 確 認 します ❶ [プレビュ]タブクリック 表 示 されたアフィリエイト ❷ [amazon.co.jp で 買 う] ク リック Amazon.co.jp の 購 入 画 面 が 表 示 され 注 意! Amazonのアフィリエイトは インタネットにあ 画 像 やテ キスト 表 示 させため ホ ムペジV3 の[プレビュ]タ ブで 表 示 す 際 もインタネッ トに 接 続 されてい 必 要 があり ます 践 編 59 ア フ ィ リ エ イ ト 挿 入 す アフィリエイトの 成 果 確 認 す アフィリエイトで 得 られ 紹 介 料 のパセントは 一 定 ではありませんが Amazonの 場 合 3%からスタトします アフィリエイト の 成 果 確 認 すには アソシエイト セントラルにログインし レポトペジ 表 示 してください 209

210 セクション 60 掲 示 板 サビス 利 用 す 掲 示 板 サビスには プロバイダが 提 供 すものと 無 料 サビスがあります ここ では 無 料 の 掲 示 板 サビス 利 用 す 方 法 解 説 します 1 無 料 掲 示 板 サイトで 掲 示 板 新 規 作 成 し 掲 示 板 のURL 取 得 します 2 [サイト 編 集 ] 画 面 開 きます ❶ [サイト 編 集 ]クリック ❷ 掲 示 板 のペジ 追 加 すた め サイト 名 アイコンクリッ ク 無 料 掲 示 板 サビスとは インタネット 上 には 掲 示 板 サビス 無 料 で 提 供 す サイトが 数 多 く 存 在 します Googleなどの 検 索 エンジンに 無 料 掲 示 板 と 入 力 して 検 索 し 使 いやすそうなサビス 選 んでください 第 7 章 3 掲 示 板 用 のペジ 追 加 します 4 掲 示 板 のURL 指 定 します ❶ [ペジの 作 成 ]クリック ❷[その 他 のサビスペジ] クリック BBSとは Bulletin Board System の 略 で 掲 示 板 の 意 味 です ここでは [サイト 編 集 ]タブか ら 掲 示 板 追 加 しましたが 横 メニュや 縦 メニュに 表 示 す 必 要 がないのであれば [ペ ジ 編 集 ] 画 面 で テキストや 画 像 リンクとして 設 定 すこと ができます リンクの 設 定 方 法 はP.62 セクション15 文 字 にリンク 設 定 す およびP.64 セクション16 画 像 やボタン にリンク 設 定 す 参 照 し てください ❶ ペジのタイトル 入 力 ❷ 掲 示 板 のURL 入 力 ❸ [OK]クリック 210

211 5 掲 示 板 へのリンクが 作 られたこと 確 認 します 追 加 された 掲 示 板 用 のペジ ペジダブルクリック 掲 示 板 は 外 部 へのリンクのた め [サイト 編 集 ]タブで 表 示 さ れアイコンが 変 わります ペジのタイトルが 表 示 さ れ 践 編 6 掲 示 板 の 表 示 確 認 します ❶ [プレビュ]タブクリック ❷ 横 メニュの[BBS]クリッ ク URLが 表 示 され 注 意! 掲 示 板 は 外 部 へのリンクのた め[ 通 常 モド]で 編 集 したり [HTMLモド] 表 示 したりす ことはできません 60 掲 示 板 サ ビ ス 利 用 す 注 意! ホムペジV3 の[プレ ビュ]タブで 掲 示 板 見 に は インタネットに 接 続 され てい 必 要 があります 掲 示 板 サビスの 短 所 表 示 された 掲 示 板 掲 示 板 サビスは ホムペ ジV3 が 管 理 すペジでは なく 外 部 リンクになため ホムペジV3 のメニュ などは 表 示 されなくなってしま います そのため 掲 示 板 から ホムペジに 戻 には ブラ ウザの[ 戻 ]ボタン 利 用 す 必 要 があります 211

212 この 章 のまとめ 本 章 では 情 報 ポタルサイト 風 のサイト 作 り 通 じて よりアクティブなサイト 作 ためのテクニッ ク 紹 介 しています ホムペジV3 使 ってGoogleガジェットやメディアファイル アフィリエイトなど サイト. 便 利 に 楽 しく 用 的 にす 仕 組 みや 機 能 解 説 しています サンプルサイト ~ My Favorite Movieサイト Googleガジェット 設 置 Amazonアフィリエイト 設 置 メディアファイル 表 示 第 7 章 掲 示 板 追 加 212

213 第 8 章 まだまだあ 便 利 な 機 能 スマトフォン 用 のサイトの 作 成 や 他 のホムペジ 作 成 ソフトで 作 ったペジの 取 り 込 み アニメションの 作 成 画 像 編 集 など ホムペジV3 にはサイト 構 築 のた めの 便 利 な 機 能 が 数 多 く 備 えられています 本 章 では 第 7 章 までで 説 明 できなかった 便 利 な 機 能 の 中 から とりわけ おすすめしたい 機 能 選 んで 紹 介 します セクション 61 スマトフォン 用 サイト 作 成 す 214 セクション 62 ホムペジ ビルダ で 作 成 した. ファイル 取 り 込 む 224 セクション 63 セクション 64 セクション 65 セクション 66 レイアウトユニット 挿 入 す 228 画 像 やテキスト 自 由 に 表 示 す 230 テキストボックスにアニメション 設 定 す 234 画 像 編 集 す 238 この 章 のまとめ 240

214 セクション 61 スマトフォン 用 サイト 作 成 す ホムペジ V3 では スマトフォンやタブレットなどの 縦 長 の 画 面 でも 見 やすい1 カラムのサイト(スマトフォン 用 サイト) 簡 単 に 作 ことができます また PC 用 サ イトとスマトフォン 用 サイト 相 互 に 切 り 替 えられボタンも 追 加 すことができます スマトフォン 用 サイト 新 規 作 成 す 1 [スタトアップウィザド] 開 きます [スタトアップウィザド]ダ イアログボックス [ 新 規 作 成 ]クリック [スタトアップウィザド]の 使 い 方 に つ い て 詳 し く は P.42 セクション 8 スタトアップ ウィザドでホムペジ 作 参 照 してください ま だ ま だ あ 便 利 な 機 能 第 8 章 2 イメジテンプレト 選 択 します ❶ テマ 選 択 ❷ イメジテンプレト 選 択 ❸ [ 次 へ]クリック 3 スマトフォン 用 サイトのレイアウト 選 択 します ❶ スマトフォン 用 サイト 選 択 214

215 スマトフォン 用 の 選 択 画 面 に 変 わった ❷ レイアウト 選 択 ❸ [ 次 へ]クリック 4 ペジ 追 加 / 削 除 し サイト 名 設 定 します [ペジの 選 択 ] 画 面 ❶ ペジ 追 加 削 除 スマトフォン 用 サイトでは サイド1 サイド2 エリアが メイン の 左 右 ではなく 上 下 に 配 置 されます これにより 幅 の 狭 い 画 面 でも 見 やすいサイト 作 成 すこと ができます 応 用 編 資 料 61 ス マ ト フ ォ ン 用 サ イ ト 作 成 す ❷ [ 次 へ]クリック [ペジの 確 認 ] 画 面 ❸ サイト 名 入 力 5 サイト 確 認 します ❹ [ 完 了 ]クリック スマトフォン 用 サイトであ こと 確 認 スマトフォン 用 の1カラムの スタイル [ペジ 編 集 ]タブクリック スマトフォン 用 サイトか PC 用 サイトか 確 認 すに は タイトルバの ホムペジ V3 の 後 に (PC 用 サイト) と 表 示 されればPC 用 (スマ トフォン 用 サイト) と 表 示 され ればスマトフォン 用 サイトで す また [ファイル]メニュの[サ イトの 設 定 ]の[ブラウザ]の [タゲットブラウザ]でも 確 認 できます 215

216 6 ホムペジ 完 成 させます 各 エリアが 縦 に 配 置 されてい ホムペジが 完 成 したら[サイ ト 公 開 ]タブクリック ホムペジの 作 成 編 集 につ い て 詳 し く は P.46 セ ク シ ョ ン9 でき 上 がったホムペ ジ 確 認 す ~P.68 セ ク ション18 サイト 名 変 更 す 参 照 してください 注 意! ま だ ま だ あ 便 利 な 機 能 第 8 章 7 サイト 転 送 します 8 際 のホムペジ 確 認 します スマトフォンで 表 示 した 場 合 PCで 表 示 した 場 合 [すべてのファイル 転 送 ]ク リック [ペジ 編 集 ] 画 面 の[プレ ビュ]はスマトフォン 用 の プレビュではないため 際 にスマトフォンで 表 示 した 場 合 と 異 な 可 能 性 があります サイトの 転 送 について 詳 しくは P.76 セ ク シ ョ ン 21 サ イ ト 転 送 す 参 照 してくだ さい 注 意! スマトフォン 用 サイト 作 成 し PC 用 サイトとの 連 携 設 定 していない 場 合 [すべての ファイル 転 送 ]によって 転 送 先 フォルダの 直 下 にファイル が 転 送 されます 先 にPC 用 サイト 転 送 してい た 場 合 ファイルが 上 書 きされ てしまいますので 注 意 してく ださい PC 用 サイトとの 連 携 設 定 す 方 法 に つ い て は P.220 PC 用 サイトとスマトフォン 用 サイト 連 携 させ 参 照 して ください 画 面 の 幅 に 合 わせてペジが 表 示 され 216

217 作 成 済 みのPC 用 サイトからスマトフォン 用 サイト 作 1 PC 用 サイト 開 きます ここでは 作 成 済 みのPC 用 サイト MYグルメ(PC 版 ) から MYグルメ(スマ ホ 版 ) 作 成 す 方 法 説 明 します 2 複 製 すサイト 名 指 定 します PC 用 サイトであこと 確 認 PC 用 に 作 られた2カラムのサイ ト ❶ [ファイル]クリック ❷ [サイトの 複 製 ]クリック スマトフォン 用 サイトか PC 用 サイトか 確 認 すに は タイトルバの ホムペジ V3 の 後 に (PC 用 サイト) と 表 示 されればPC 用 (スマ トフォン 用 サイト) と 表 示 され ればスマトフォン 用 サイトで す また [ファイル]メニュの[サ イトの 設 定 ]の[ブラウザ]の [タゲットブラウザ]でも 確 認 できます 応 用 編 資 料 61 ス マ ト フ ォ ン 用 サ イ ト 作 成 す ❶ スマトフォン 用 となサイ ト 名 入 力 ❷ [OK]クリック 3 保 存 先 確 認 します [OK]クリック 217

218 4 [スタト]タブ 選 択 し [スタトアップウィザド]から [ファイル 開 く]クリックして 複 製 したサイト 開 きます ❶ 複 製 したサイト 選 択 ❷ [OK]クリック 5 [サイト 編 集 ] 画 面 確 認 します この 段 階 ではまだPC 用 サイト になってい ま だ ま だ あ 便 利 な 機 能 第 8 章 6 スマトフォン 用 サイトに 変 換 します [スマトフォン 用 サイトに 変 換 ]クリック 表 示 された[スマトフォン 用 サ イトに 変 換 ]ダイアログボックス [OK]クリック [ファイル]メニュの[サイト の 設 定 ]ダイアログボックスの [ブラウザ]の[タゲットブラ ウザ]で[スマトフォン] 選 択 すことにより スマト フォン 用 サイトに 切 り 替 えこ ともできます その 場 合 [スタイルの 追 加 ]か らスマトフォン 用 のスタイル 追 加 します 218

219 7 スマトフォン 用 サイトのスタイル 設 定 します 8 スタイル 適 用 します ❶ [テマ] 選 択 ❷ イメジテンプレト 選 択 ❸ [OK]クリック スマトフォン 用 サイトに 変 更 された 追 加 されたスマトフォン 用 の スタイル [スタイルの 追 加 ]ダイアログ ボックスのイメジテンプレ トは PC 用 サイトのレイアウ ト 配 置 で 表 示 されます PC 用 サイトで 使 用 していも のと 同 じテンプレト 選 択 す と 同 じイメジのスマト フォン 用 のスタイルが 追 加 され ます 応 用 編 資 料 61 ス マ ト フ ォ ン 用 サ イ ト 作 成 す ❶ ドラッグ&ドロップで 適 用 ❷ [ペジ 編 集 ]クリック 9 スタイル 整 えて 完 成 させ サイト 保 存 します スマトフォン 用 の1カラムの スタイルに 変 わった ❶ [ファイル]クリック ❷ [サイトの 保 存 ]クリック 注 意! スマトフォン 用 サイトに 変 換 しただけで PC 用 サイトとの 連 携 設 定 しない 状 態 で[サイ ト 公 開 ]タブから[すべてのファ イル 転 送 ]でファイル 転 送 すと 転 送 先 フォルダの 直 下 にファイルが 転 送 されます 先 にPC 用 サイト 転 送 してい た 場 合 は ファイルが 上 書 きさ れてしまいますので 注 意 して ください 219

220 PC 用 サイトとスマトフォン 用 サイト 連 携 させ 1 スマトフォン 用 サイトで[サイトの 設 定 ]ダイアログボック ス 開 きます スマトフォン 用 サイトであ こと 確 認 ❶ [ファイル]クリック ❷ [ サ イ ト の 設 定 ] ク リ ッ ク ま だ ま だ あ 便 利 な 機 能 2 連 携 すPC 用 サイト 指 定 します 表 示 された[サイトの 設 定 ]ダイ アログボックス ❶ [ブラウザ]クリック ❷ [ 連 携 すPC 用 サイトのプロ ジェクト]チェック ❸ [ 参 照 ]クリック PC 用 サイトとスマトフォン 用 サイトの 連 携 は どちらのサ イトからでも 設 定 すことがで きます PC 用 サイト 開 いた 状 態 で[サ イトの 設 定 ]ダイアログボック スの[ブラウザ] 表 示 すと [ 連 携 すPC 用 サイトのプロ ジェクト]のかわりに[ 連 携 す スマトフォン 用 サイトのプロ ジェクト]が 表 示 されます 第 8 章 3 PC 用 サイト 選 択 します ❶ 連 携 すPC 用 サイト 選 択 ❷ [OK]クリック 220

221 4 ファイル 名 確 認 します 5 サイト 切 り 替 えボックス 追 加 します ❶ 選 択 したファイル 確 認 ❷ [OK]クリック 次 に 連 携 す2つのサイト 相 互 に 切 り 替 えためのボタン 配 置 します 連 携 すPC 用 サイトまたはス マトフォン 用 サイトのどちら か 一 方 で 連 携 の 設 定 すれば もう 一 方 のデタ 開 いた 時 に 連 携 の 設 定 が 自 動 的 に 設 定 され ため それぞれのサイトで 相 互 に 設 定 す 必 要 はありませ ん 応 用 編 資 料 61 ス マ ト フ ォ ン 用 サ イ ト 作 成 す ❶ 挿 入 位 置 クリック ❷ [ 共 同 部 品 ]クリック ❸ [ PC 用 /スマトフォン 用 サ イト 切 り 替 えボックス]ク リック 6 サイト 切 り 替 えボックスの 表 示 名 変 更 します ❶ 追 加 された[サイト 切 り 替 え ボックス]ダブルクリック サイト 切 り 替 えボックスの 表 示 名 は [ファイル]メニュの[サ イトの 設 定 ]ダイアログボック スの[ 共 有 部 品 ]で 指 定 すこと もできます ❷ [ 表 示 名 ] 入 力 ❸ [OK]クリック 221

222 7 ペジ 確 認 します 表 示 名 が 変 更 された[サイト 切 り 替 えボックス] ❶ [ファイル]クリック ❷ [サイトの 保 存 ]クリック ❸ [サイト 公 開 ]タブクリック 8 スマトフォン 用 サイト 転 送 します [すべてのファイル 転 送 ]ク リック サイトの 転 送 について 詳 しくは P.76 セ ク シ ョ ン 21 サ イ ト 転 送 す 参 照 してくだ さい 9 転 送 結 果 確 認 します ま だ ま だ あ 便 利 な 機 能 第 8 章 転 送 先 フォルダの 下 に[sp]フォ ルダが 作 成 され その 中 に 転 送 され 10 同 様 に 連 携 すPC 用 サイト 開 き サイト 切 り 替 えボッ クス 追 加 します 連 携 すPC 用 サイト 開 く ❶ 挿 入 位 置 クリック ❷ [ 共 同 部 品 ]クリック ❸ [PC 用 /スマトフォン 用 サ イト 切 り 替 えボックス]ク リック 222

223 11 サイト 切 り 替 えボックスの 表 示 名 変 更 します ❶ 追 加 された サイト 切 り 替 え ボックス ダブルクリック 応 用 編 資 料 ❷ [ 表 示 名 ] 入 力 ❸ [OK]クリック 12 PC 用 サイト 転 送 します ❹ ペジ 確 認 したら サイト 保 存 す ❶ [サイト 公 開 ]タブクリック ❷ [すべてのファイル 転 送 ] クリック 61 ス マ ト フ ォ ン 用 サ イ ト 作 成 す 13 転 送 結 果 確 認 します PC 用 サイトは 転 送 先 フォルダに 転 送 され スマトフォン 用 サイトのデ タが 入 ってい[sp]フォルダ 14 スマトフォンでホムペジ 確 認 します ペジの 右 側 がかくれて 見 にくい スマトフォン 用 サイトが 表 示 された 連 携 していスマトフォン 用 サイト 直 接 表 示 すには PC 用 サイトのURLの 末 尾 に /sp 追 加 したURL 指 定 し ます 例 えば PC 用 サイトのURLが [サイト 切 り 替 えボックス]ク リック レイアウトが 変 わって 見 や すくなった / の 場 合 は 連 携 すスマト フォン 用 サイトのURLは / /sp となります 223

224 セクション 62 ホムペジ ビルダ で 作 成 したファイル 取 り 込 む ホムペジV3 では ホムペジ ビルダ など 他 のホムペジ 作 成 ソフ トで 作 られたホムペジ 取 り 込 むことができます ホムペジ ビルダ で 作 成 されたファイル 例 にペジの 取 り 込 み 方 解 説 します 1 [ ホムペジ ビルダ で 作 成 したファイル 開 く]ダイ アログボックス 開 きます [スタトアップウィザド]ダ イアログボックス [ ホムペジ ビルダ で 作 成 したファイル 開 く]クリッ ク サイトの 取 り 込 み 方 法 解 説 す 動 画 動 画 の 表 示 選 択 すと イン タネット 上 に 用 意 されてい 取 り 込 み 方 法 に 関 す 動 画 が 表 示 されます 表 示 す 場 合 はイ ンタネットへ 接 続 されてい こと 確 認 した 上 で[OK]ク リックしてください. ま だ ま だ あ 便 利 な 機 能 第 8 章 2 取 り 込 むペジのファイル 選 択 します サイトの 取 り 込 み 方 法 解 説 す 動 画 表 示 の 確 認 ダイアログ ボックス [キャンセル]クリック [ホムペジ ビルダで 作 成 したファイル 開 く]ダイアログ ボックス ❶ ファイルの 保 存 されてい フォルダ 参 照 ❷ ファイル 選 択 ❸ [ 次 へ]クリック 注 意! サイト 全 体 読 み 込 みたい 場 合 は トップペジ 選 択 してく ださい トップペジにリンク されてい 他 のHTMLファイル や 画 像 デタも 一 緒 に 取 り 込 む ことができます ファイル 数 が 多 くトップペジ 探 すのが 大 変 な 場 合 は 画 面 左 下 の[index.html 選 択 ]ボ タンクリックしてください index.html や index.htm が フォルダ 内 から 自 動 的 に 選 択 さ れます 224

225 3 ホムペジ 取 り 込 みます ❶ 新 しいサイト 名 入 力 応 用 編 資 料 ❷ 取 り 込 まれサイトの 構 造 確 認 4 取 り 込 まれたペジ 調 整 します 5 レイアウトエリア 追 加 します ❸ [ 完 了 ]クリック 取 り 込 まれたホムペジ ❶ [default] 右 クリック ❷ [スタイルの 編 集 ]クリック 表 示 された[スタイルの 編 集 ]ダ イアログボックス ❶ [タイトル]と[メニュバ] チェック 注 意! 取 り 込 むホムペジにスタイ ルシトの 設 定 がされていた 場 合 ホムペジV3 では 既 存 のスタイルシトは 取 り 込 まず に 白 紙 のスタイル 適 用 して 取 り 込 みます 以 前 に 適 用 して いたスタイルシトと 同 じ 表 現 したい 場 合 は [スタイルの 編 集 ]から 設 定 行 なってくださ い スタイルの 編 集 方 法 は P.111 第 4 章 ペ ジ デ ザ インす 参 照 してください 取 り 込 まれた 直 後 のペジの エリア 配 置 defaultスタイルは メイン エ リアのみで 構 成 され 取 り 込 ま れたファイルの 内 容 はメインに 表 示 されます 62 ホ ム ペ ジ ビ ル ダ で 作 成 し た フ ァ イ ル 取 り 込 む ❷ [OK]クリック ❸ 確 認 ダイアログボックス の[はい]クリック 取 り 込 む 前 のホムペジのレ イアウトに 合 わせて レイアウ トエリア 追 加 してください 225

226 6 タイトル 修 正 します エリア 配 置 が 変 更 できたら 次 に[ペジ 編 集 ] 画 面 に 移 動 し まずはタイト ル 部 分 修 正 します ❶ [ペジ 編 集 ]タ ブクリック ❷ タイトルエリア クリック ❸ [スタイルの 編 集 ]クリック [スタイルの 編 集 ]ダイアログが 表 示 されので 左 下 の[ 詳 細 設 定 ]クリック ま だ ま だ あ 便 利 な 機 能 第 8 章 7 タイトルの 背 景 青 色 に 変 更 します 表 示 された[タイトルエリアのスタ イルの 編 集 ]ダイアログボックス ❶ [ 背 景 ]タブクリック ❷ [ 背 景 の 設 定 ]チェック ❸ [ 背 景 色 ]の 下 向 き 三 角 形 ク リック ❹ Blue 選 択 ❺ [OK]クリック ❻ [スタイルの 編 集 ]ダイアログ の[OK]クリック ❼ [ 確 認 ]ダイアログボックスの [はい]クリック 8 タイトルの 文 字 タイトルエリアに 移 動 します 既 存 のペジのタイトル 部 分 画 像 で 作 成 していた 場 合 は タ イトル エリアの 背 景 に 同 じ 画 像 指 定 して 高 さ 幅 など 調 整 してください スタイルで 背 景 設 定 すこと で 取 り 込 んだ 他 のペジにも 背 景 が 反 映 されます 選 択 した 文 字 はドラッグ&ド ロップで 移 動 すこともできま す ❶ 文 字 選 択 して 右 ク リック ❷ [ 切 り 取 り] 選 択 ❸ タイトルエリア 右 クリックして [ 貼 り 付 け] 選 択 サイトタイトルボックスの 利 用 ここではタイトルの 文 字 移 動 していますが サイトタイトル ボックス 使 ってタイトル 表 示 すと 後 でサイト 名 変 更 す 際 などに 一 括 で 変 更 すこ とができて 便 利 です 226

227 9 メニュ 表 示 します 次 にメニュバにメニュ 表 示 します 10 画 像 移 動 します 表 示 されたタイトル ❶ メニュバエリア 選 択 ❷ [ 共 有 部 品 ]クリッ ク ❸ [ 横 メニュボックス]ク リック ❹ 横 メニュボックスの 種 類 選 択 表 示 されたメニュ ❶ 画 像 表 の 外 側 まで ドラッグ ❷ 不 要 になったテキス トや 表 選 択 し 右 クリック 横 メニュボックス 利 用 しな くてもリンクの 設 定 はされてい ますが 後 でペジ 追 加 す 際 やメニュ 名 変 更 す 際 に 一 括 で 同 サイトの 複 数 ペジ が 変 更 されので 横 メニュ ボックス 利 用 した 方 が 今 後 の 更 新 が 便 利 になります 応 用 編 資 料 62 ホ ム ペ ジ ビ ル ダ で 作 成 し た フ ァ イ ル 取 り 込 む ❸ [ 削 除 ] 選 択 11 変 更 されたペジ 確 認 します ホムペジV3 用 に 調 整 され たペジ 画 像 中 央 に 配 置 レイアウトが 崩 れてしまう 場 合 は 元 々 挿 入 されていた 画 像 や 表 などのオブジェクトがペジ やレイアウトエリアの 幅 よりも 大 きい 場 合 があります 画 像 や 表 のサイズ 変 更 したり レイ アウトエリアの 幅 広 げなど して 調 整 してください 227

228 セクション 63 レイアウトユニット 挿 入 す 写 真 とタイトルと 解 説 文 といった 定 型 要 素 から 構 成 されペジ 作 成 す 場 合 レ イアウトユニット 利 用 すことで レイアウトの 手 間 省 くことができます 1 [レイアウトの 挿 入 ]ダイアログボックス 表 示 します 画 像 の 挿 入 位 置 選 択 し [オブジェクト]タブの[レイアウトユニット]ク リックします 2 レイアウト 挿 入 します ❶ レイアウトの 種 類 選 択 レイアウトユニットとは レイアウトユニットとは 画 像 や 文 字 があらかじめ 配 置 された レイアウトのテンプレトで す レイアウトユニット 挿 入 したら そこに 含 まれ 画 像 や 文 字 置 き 換 えだけで 定 型 的 なペジ 作 成 できます ま だ ま だ あ 便 利 な 機 能 第 8 章 3 画 像 置 き 換 えます 文 字 編 集 してから 画 像 置 き 換 えます ❷ レイアウト 選 択 ❸ [OK]クリック ❶ 見 出 しと 解 説 入 力 ❷ 画 像 のプレイスホルダ 右 ク リック [レイアウトの 挿 入 ]ダイアログ ボックスで 表 示 されサムネイ ルの 画 像 部 分 に 書 かれてい 数 字 は 画 像 の 横 幅 (ピクセル 数 ) です 目 的 にあったサイズのレ イアウトユニット 選 択 してく ださい カラテブルとは カラテブルは 表 単 体 のひな 型 です カラフルな 色 や 形 のテ ブルが 用 意 され ペジのト ンに 合 ったひな 型 自 由 に 選 択 し 利 用 すことができます ❸ [ 画 像 の 設 定 ]クリック. 228

229 4 画 像 選 択 します 表 示 された[ 画 像 の 設 定 ]ダイア ログボックス ❸ [ 参 照 ]クリック 表 示 された[ 画 像 の 選 択 ]ダイア ログボックス レイアウトユニットは 表 で 作 成 されたテンプレトで 幅 は 100パセントで 指 定 されてい ため レイアウトエリア 追 加 削 除 したり 幅 変 更 したり すと レイアウトエリアの 幅 まで 自 動 で 広 がようになって います 注 意! レイアウトユニットで 設 定 され てい 画 像 の 幅 よりも 小 さい 画 像 選 択 すと 設 定 されてい 幅 まで 画 像 が 大 きくなり 画 像 が 粗 く 表 示 されます 応 用 編 資 料 63 レ イ ア ウ ト ユ ニ ッ ト 挿 入 す ❶ 画 像 が 保 存 されたフォルダ 選 択 ❷ 画 像 選 択 ❸ [OK]クリック ❹ [ 画 像 の 設 定 ]ダイアログボッ クスの[OK]クリック 5 挿 入 結 果 確 認 します 挿 入 されたレイアウトユニッ トの 編 集 挿 入 されたレイアウトユニット は 個 別 の 要 素 の 集 合 ですので 編 集 や 設 定 も 個 別 に 行 なう 必 要 置 き 換 えられた 画 像 があります またレイアウトユ ニットは 表 で 作 られていた め 表 削 除 すと 表 に 含 ま れテキストや 画 像 も 削 除 され ます 229

230 セクション 64 画 像 やテキスト 自 由 に 表 示 す ホムペジV3 では 画 像 やテキストは 通 常 エリア 内 に 配 置 されます しかし テキストボックス 使 用 すことで エリアの 制 限 越 えてペジ 上 に 自 由 に 配 置 す ことができます 1 [テキストボックスの 挿 入 ]ダイアログボックス 開 きます [テキストボックス]クリック ❷ テキストボックスには 背 景 に 色 や 画 像 指 定 すことができ ます [ 挿 入 ]メニュの[テキスト ボックス]-[テキストボックス の 挿 入 ] 選 択 して 挿 入 す こともできます ま だ ま だ あ 便 利 な 機 能 2 テキストボックス 挿 入 します 表 示 された[テキストボックスの 挿 入 ]ダイアログボックス テキストボックスのサイズ 変 えには ペジ 編 集 画 面 に 挿 入 されたテ キストボックスは 枠 ドラッ グすことでサイズ 変 更 す ことができます 第 8 章 [OK]クリック 230

231 3 [ 文 字 の 設 定 ]ダイアログボックス 開 きます 挿 入 されたテキストボックス ❶ サバンナのライオン と 入 力 ❷ テキスト 選 択 して 右 クリック ❸ [ 文 字 の 設 定 ] 選 択 テキストボックスに 画 像 入 れには テキストボックスには 文 字 だけ でなく 画 像 入 れこともでき ます 挿 入 されたテキストボッ クス 内 にカソルがあ 状 態 に して [オブジェクト]タブの[ 画 像 ]から 挿 入 してください 応 用 編 資 料 64 画 像 や テ キ ス ト 自 由 に 表 示 す 4 文 字 に 色 設 定 します ❶ [ 色 ]の 下 向 き 三 角 クリック 注 意! テキストボックス 内 のテキスト にはスタイルは 適 用 されませ ん 書 式 変 更 したい 場 合 は [ 文 字 の 設 定 ]ダイアログボック スや オリジナルタグ から 適 用 してください ❷ [ForestGreen] 選 択 ❸ [OK]クリック 231

232 5 テキストボックスの 位 置 とサイズ 変 更 します ❶ テキストボックスここまで ドラッグ テキストボックスの 順 番 入 れ 替 えには 1つのペジに 複 数 のテキスト ボックス 挿 入 した 場 合 テキ ストボックスのレイヤの 上 下 の 順 番 入 れ 替 えことができ ます テキストボックスの 順 番 入 れ 替 えには テキスト ボックス 右 クリックし [テキ ストボックスの 移 動 ]から[ 前 面 へ 移 動 ]か[ 背 面 へ 移 動 ] 選 択 してください ❷ ハンドルドラッグしてサイ ズ 変 更 ま だ ま だ あ 便 利 な 機 能 第 8 章 6 テキストボックス 確 認 します 注 意! テキストボックス 自 由 に 配 置 できない 場 合 は [ 表 示 ]メ ニュの[スナップ]がオンに なっていないか 確 認 してくださ い 画 像 自 由 に 配 置 すには [フォルダ]タブで[ 自 由 配 置 で 挿 入 ] 選 択 してから 画 像 ファ イルペジへとドラッグして ください 画 面 上 では 画 像 の みが 追 加 されたように 見 えます が 際 にはテキストボックス が 追 加 され そのテキストボッ クスに 画 像 が 追 加 された 状 態 に なります 232

233 7 プレビュ 画 面 確 認 します [プレビュ]クリック 応 用 編 資 料 テキストボックスの 仕 組 み テキストボックスはレイヤという 概 念 で 作 成 されています レイヤとは 層 という 意 味 で ペジの 制 限 受 けない 自 由 な 配 置 が 可 能 になります 64 画 像 や テ キ ス ト 自 由 に 表 示 す レイ 1 ペジ 背 景 ブラウザで 表 示 されペジ 233

234 セクション 65 テキストボックスにアニメション 設 定 す テキストボックス 利 用 すことで 簡 単 なアニメション 効 果 作 成 すことがで きます ここでは 星 のイラスト 動 かしてみましょう 1 [ 画 像 の 挿 入 ]ダイアログボックス 開 きます ❶ テキストボックス 追 加 す ❷ テキストボックス 内 にカソル 移 動 アニメションの 設 定 対 象 アニメションは テキスト ボックスに 対 して 設 定 されま す テキストボックスが 挿 入 さ れまで [アニメションの 挿 入 ]オプションは 選 択 できませ ん ❸ [ 画 像 ]クリック ❹ [ 画 像 ]クリック ま だ ま だ あ 便 利 な 機 能 第 8 章 2 テキストボックスに 画 像 追 加 します 表 示 された[ 画 像 の 挿 入 ]ダイア ログボックス ❶ 画 像 の 保 存 されたフォルダ 選 択 ❷ 画 像 ファイル 選 択 アニメションはテキストボッ クスに 対 して 設 定 されので 画 像 に 限 らずテキストボックス 内 の 文 字 に 対 しても 設 定 できま す ❸ [OK]クリック 234

235 3 [アニメションの 挿 入 ]ダイアログボックス 開 きます ❶ テキストボックス 右 クリック 応 用 編 資 料 4 アニメションの 動 作 指 定 します ❷ [アニメション] クリック ❸ [アニメションの 挿 入 ]ク リック 表 示 された[アニメションの 挿 入 ]ダイアログボックス ドロップダウンリストから 左 へ スクロル 選 択 [アニメションの 挿 入 ]ダイ アログボックスでの 設 定 項 目 アニメションの 動 作 について は アニメションの 経 路 以 外 に 以 下 の 項 目 設 定 できます 開 始 時 間 :ペジが 表 示 され てからアニメが 始 ままでの 時 間 動 作 間 隔 : 移 動 距 離 移 動 す のにかか 時 間 移 動 距 離 : 移 動 す 距 離 繰 り 返 す: 動 作 繰 り 返 すに はこのチェックボックス チェック 65 テ キ ス ト ボ ッ ク ス に ア ニ メ シ ョ ン 設 定 す 235

236 5 アニメション 設 定 します 表 示 されたアニメションの 経 路 終 着 点 表 す 青 い 点 さらに 左 方 向 へドラッグ 移 動 経 路 自 由 に 設 定 すには [ 経 路 の 種 類 ]から[フリハン ド] 選 択 すと 移 動 経 路 自 由 に 設 定 できます ドラッ グした 箇 所 がアニメションで 動 く 経 路 となります 設 定 が 終 わったら ダブルクリックして 青 い 点 にしてください [ 繰 り 返 す]にチェック 入 れ と 指 定 した 経 路 何 度 もアニ メションします 6 プレビュで 動 き 確 認 します ま だ ま だ あ 便 利 な 機 能 星 が 移 動 す 経 路 第 8 章 [プレビュ]のクリックによっ て 動 きプレビュでき [プレビュ]クリック 236

237 7 アニメション 確 認 します アニメションは レイアウト エリアにとらわれずに ペジ 内 であればどこにでも 移 動 させ ことができます 応 用 編 資 料 [OK]クリック 8 プレビュ 画 面 でアニメション 確 認 します 65 テ キ ス ト ボ ッ ク ス に ア ニ メ シ ョ ン 設 定 す 画 面 が 表 示 されと 右 端 の 星 が 左 方 向 へ 移 動 し タイトルの 隣 で 止 ま 237

238 セクション 66 画 像 編 集 す ホムペジV3 には Paintgraphic SD という 本 格 的 な 画 像 編 集 ソフトウェアが 搭 載 されています ここでは このソフト 呼 び 出 して 編 集 加 え 手 順 解 説 し ます 1 Paintgraphic SD 開 きます 注 意! Paintgraphic SD では 1つ の 画 像 のみ 開 くことができます 注 意! ❶ 画 像 右 クリック Paintgraphic SD 起 動 して い 際 は ホムペジV3 で ホムペジの 編 集 行 なうこ とはできません ❷ [ 画 像 の 編 集 ] 選 択. ま だ ま だ あ 便 利 な 機 能 第 8 章 ❸ [はい]クリック 2 [ペン 画 風 ]ダイアログボックス 開 きます ここでは 画 像 ペン 画 風 の 画 像 に 変 更 します ❶ [フィルタ]クリック ❷ [ピクチャ]クリック ❸ [ペン 画 風 ]クリック Paintgraphic SD に は [ペ ン 画 風 ]フィルタの 他 にも さ まざまなエフェクトや 機 能 が 用 意 されています これらの 機 能 の 詳 しい 使 い 方 は [ヘルプ]メ ニュから[ヘルプ] 選 択 して ください 238

239 3 ペン 画 風 に 変 更 します 表 示 された[ペン 画 風 ]ダイアロ グボックス ❶ [カラ] 選 択 Paintgraphic SD で の 編 集 結 果 は ホムペジV3 上 で のみ 反 映 されます 元 の 画 像 に は 編 集 内 容 は 適 用 されません 応 用 編 資 料 ❷ [OK]クリック 4 Paintgraphic SD 終 了 して ホムペジV3 に 戻 り ます ペン 画 風 に 変 更 された 画 像 ❶ [ファイル]クリック 66 画 像 編 集 す ❷ [Paintgraphic SDの 終 了 ] クリック ❸ 確 認 ダイアログボックスの[は い]クリック 5 変 更 後 の 画 像 確 認 します ペン 画 風 に 変 更 された 画 像 Paintgraphic SD 利 用 す Paintgraphic SD は 独 立 した ソフトウェアです 単 体 でも 起 動 すことができます ホムペ ジ V3 インストルしたフォ ル ダ( 通 常 は C: Program Files SOURCENEXT ホムペジ V3)の PaintGrSD.exe ダブ ルクリックしてください 239

240 この 章 のまとめ ホムペジV3 には これまでの 章 で 紹 介 できなかった 機 能 がまだたくさんあります その 中 で 特 におすすめの 機 能 まとめて 紹 介 しました スマトフォン 用 サイトの 作 成 方 法 ホムペジ ビルダ で 作 成 したホムペジ 取 り 込 んで ホムペジV3 用 に 調 整 す 方 法 画 像 やテキストペジ 上 に 自 由 に 配 置 したり アニメション 化 す 方 法 専 用 の 画 像 編 集 ソフト Paintgraphic SD の 利 用 方 法 について 解 説 しています ホムペジ ビルダで 作 成 した スマトフォン 用 サイトの 作 成 ホムペジの 取 り 込 み ま だ ま だ あ 便 利 な 機 能 スマトフォンで 見 のに 適 したレイアウトで サイト 作 成 が 可 能 テキストや 画 像 の 自 由 配 置 と アニメション 効 果 ホムペジ ビルダで 作 成 したホムペ ジはサイト 全 体 取 り 込 むことが 可 能 画 像 編 集 ソフト Paintgraphic SD の 呼 び 出 し 第 8 章 ホムペジV3 から 本 格 画 像 編 集 ソフト Paintgraphic SD 呼 び 出 して 画 像 処 理 行 なうことができ テキストボックスにアニメション 効 果 設 定 240

241 第 9 章 付 録 本 章 にはサポト 情 報 と ホムペジ 作 成 時 によく 目 に す 用 語 集 掲 載 しています サポト 情 報 は よくあ 問 い 合 わせQ&Aの 形 式 でまと めています また 操 作 中 に 困 ったときに 利 用 すヘルプ 機 能 やwebサポトペジの 参 照 方 法 問 い 合 わせ 方 法 な ども 記 載 しています 用 語 集 と 合 わせて 活 用 してください Q&A 242 困 ったときは 246 サポトへのお 問 い 合 わせ 247 用 語 集 248 索 引 253 ホムペジ V3 製 品 サポトについて 256

242 Q&A Q 他 社 のホムペジ 作 成 ソフトで 作 成 した ファイル 読 み 込 むと レイアウトや 画 像 が 崩 れてしまう A スタイルシトで 指 定 していサイズが 読 み 込 まれたファイルのデザインで 指 定 し てい 幅 と 合 わない 場 合 レイアウトが 崩 れ 現 象 が 発 生 す 場 合 があります スタイルのレイアウト 幅 の 調 整 やスタイル 内 のコンテン ツ 幅 の 調 整 行 なう 必 要 があります 詳 しくはP.224 セクション62 ホムペジ ビル ダ で 作 成 したファイル 取 り 込 む 参 照 してくださ い Q [プレビュ] 画 面 や 転 送 後 のペジのレイ アウトが 崩 れてい (メインがサイド1の 下 にずれ 落 ちてしま うなど) A レイアウトエリアの 幅 ( 余 白 含 む)よりもエ リア 内 に 入 れ 表 や 画 像 などのコンテンツ が 大 きい 場 合 にレイアウトが 崩 れてしまう ことがあります レイアウトエリアよりもコンテンツ 縮 小 すか もし くはレイアウトエリアの 幅 広 げことで 解 決 できま す レイアウトエリアの 幅 は [サイト 編 集 ] 画 面 の[スタ イルの 編 集 ]で 変 更 すことができます Q メルフォムからメルが 送 信 できない A 外 部 メルフォムサビスご 利 用 くだ さい ホムペジにメルフォム 追 加 すには 外 部 メルフォムサビス 利 用 す 方 法 があります イ ンタネットの 検 索 サイトで メルフォム と 入 力 し Web 上 のサビス 探 してください メルフォムサビスの 設 定 情 報 がHTMLタグで 提 供 され 場 合 は P.192 セクション55 資 料 請 求 フォム 作 成 す 参 照 し HTMLタグ 追 加 してください メルフォムサビスの 設 定 情 報 がURLで 提 供 さ れ 場 合 は P.210 セクション60 掲 示 板 サビ ス 利 用 す の 手 順 に 従 って 外 部 メルフォムの URL 追 加 してください 外 部 メルフォムの 設 定 方 法 や 使 い 方 については サビス 提 供 元 へ 問 い 合 わせてください Q サバに 転 送 できない A 以 下 ご 確 認 ください 付 録 第 9 章 インタネットに 接 続 されていか ウィルス 対 策 ソフトがインタネット 接 続 止 めてい ないか 一 時 的 にウィルス 対 策 ソフト 無 効 にしてお 試 しくだ さい サバ 名 ログイン 名 パスワド 転 送 先 フォルダ は 正 しいか サバのファイル 容 量 制 限 超 えていないか 242 あてはまQ&Aがないときは ホムペジ V3 web サポトペジの Q&A ご 確 認 ください(http://www.sourcenext.info/hpz/)

243 Q 画 像 やテキストボックスの 配 置 がブラウザ で 確 認 すとずれてい A テキストボックスおよび 画 像 は ブラウザ の 表 示 幅 によって 表 示 位 置 が 異 な 場 合 が あります 固 定 した 位 置 で 文 字 や 画 像 表 示 させには [レイアウ トユニット]ご 利 用 ください 操 作 方 法 1 [ペジ 編 集 ] 画 面 で 文 字 や 画 像 挿 入 したい 位 置 にカソル 移 動 します 3 設 定 したいレイアウト 選 択 し [OK]ボタンク リックします 応 用 編 資 料 Q Q Q 4 各 レイアウト 内 に 文 字 や 画 像 挿 入 します 2 [オブジェクト]タブの[レイアウトユニット]ク リックします Q ボタンの 表 示 内 容 が 変 更 できない A ボタンおよびボタンセットは 画 像 ファイ ルのため ホムペジV3 上 では 変 更 が できません ボタンの 表 示 内 容 変 更 したい 場 合 は ホムペジ V3 にバンドルされてい Paintgraphic SD で 編 集 行 なってください Paintgraphic SD の 詳 しい 操 作 方 法 は Paintgraphic SD 起 動 して[ヘルプ]メニュ 内 の[ヘルプ] 参 照 して ください あてはまQ&Aがないときは ホムペジ V3 web サポトペジの Q&A ご 確 認 ください(http://www.sourcenext.info/hpz/) 243

244 Q [HTMLモド]で 入 力 したタグが 消 去 され てしまう A [HTMLモド]で 入 力 したタグが 消 えてし まう 場 合 は [ 通 常 モド]の[HTMLタグの 挿 入 ]からHTMLタグ 挿 入 してください 4 [HTMLタグの 編 集 ]ダイアログボックスが 表 示 され ます 挿 入 したいタグ 入 力 し [OK]ボタンクリックし ます ホムペジV3 では 出 力 したHTMLが 極 力 webに 準 拠 すように 最 適 化 行 なっています そのため 入 力 した タグ 消 去 す 場 合 があります 1 [ペジ 編 集 ] 画 面 より[ 通 常 モド]タブクリック します 2 HTMLタグ 挿 入 したい 箇 所 クリックします 3 [オブジェクト]タブの[その 他 ]-[HTMLタグ]ク リックします 掲 示 板 が 利 用 できない Q A ご 利 用 のプロバイダの 掲 示 板 サビスが ホムペジV3 で 設 定 できない 場 合 は 以 下 の 方 法 お 試 しください 操 作 方 法 1 [サイト 編 集 ]タブクリックします 付 録 第 9 章 244 あてはまQ&Aがないときは ホムペジ V3 web サポトペジの Q&A ご 確 認 ください(http://www.sourcenext.info/hpz/)

245 2 リンク 元 とすペジ 選 択 します 4 表 示 すタイトルと 掲 示 板 のURL 入 力 し [OK]ボ タンクリックします 応 用 編 資 料 Q Q Q 3 メニュバの[ペジの 作 成 ]から [その 他 のサ ビスペジ]クリックします あてはまQ&Aがないときは ホムペジ V3 web サポトペジの Q&A ご 確 認 ください(http://www.sourcenext.info/hpz/) 245

246 困 ったときは 操 作 方 法 や 機 能 の 呼 び 出 し 方 がわからなくなったら まずは ホムペジV3 のヘルプ 開 いてみてください それでも 解 決 方 法 が 見 つからないときは ホムペジV3 専 用 サポトペジご 利 用 ください ヘルプ 使 って 調 べ 1 ホムペジV3 のヘルプ 表 示 します ❶ [ヘルプ]クリック ❷ [ヘルプ]クリック 2 オンラインマニュアル 参 照 します [オンラインマニュアル 見 ] クリック 注 意! オンラインマニュアル 参 照 すには インタネットに 接 続 してい 必 要 があります 付 録 第 9 章 専 用 サポトペジから 問 題 解 決 す ホムペジV3では 困 ったときにすぐに 問 題 解 決 できよう 以 下 の 専 用 ペジでよくあお 問 い 合 わせ 内 容 公 開 して います また アップデトプログラムなど 製 品 に 関 す 最 新 情 報 も 随 時 公 開 していので ご 確 認 ください ホムペジ V3 web サポトペジ URL 246

247 サポトへのお 問 い 合 わせ サポトセンタへのお 問 い 合 わせ 方 法 製 品 のサポト 受 けには ユザ 登 録 が 必 要 です ユザ 登 録 が 済 んでいない 場 合 は P.30 ユザ 登 録 とエントリ 行 なう 参 考 に 登 録 行 なってください メルでのお 問 い 合 わせ 1 ユザ 登 録 完 了 します ユザ 登 録 方 法 は 本 書 のP.30~P.33 ご 確 認 ください 2 サポトペジから 該 当 のQ&A 探 します 3 Q&A 見 ても 解 決 しない 場 合 は Q&A 下 部 にあ 解 決 しない ボタンクリックします 該 当 すQ&Aがない 場 合 は 他 のQ&Aペ ジからお 進 みください 4 メルで 問 合 わせ( 無 料 ) 欄 にあ ユザ 登 録 がお 済 みの 方 クリックし 指 示 に 従 って 進 みます 5 ユザ 登 録 済 みの 製 品 一 覧 が 表 示 されので 該 当 の 製 品 名 クリックします メルアドレス パスワドの 入 力 求 められた 場 合 は 登 録 済 みの 情 報 入 力 して ログイン ボタンクリックします 6 お 問 い 合 わせフォムが 表 示 されので 質 問 事 項 入 力 して 送 信 します カスタマサビスのご 利 用 に 関 して 応 用 編 資 料 サ ポ ト へ の お 問 い 合 わ せ ソスネクスト 製 品 サポト 規 約 (2006 年 2 月 3 日 現 在 ) 抜 粋 第 5 条 サポト 提 供 期 間 本 規 約 第 8 条 (サポトの 期 間 途 中 の 終 了 )で 規 定 す 場 合 除 き 販 売 終 了 から1 年 後 まで サポト 提 供 します ただし マイク ロソフトOSおよびApple Japan, Inc.(アップルジャパン 株 式 会 社 含 む)OS 上 での 動 作 については マイクロソフト 社 およびApple Japan, Inc.のサポト 提 供 期 間 に 準 じます 第 6 条 サポトの 制 限 事 項 弊 社 は お 客 様 の 全 ての 不 都 合 や 不 明 点 完 全 に 解 決 すこと 保 証 すものではありません また 弊 社 が 以 下 の 項 目 に 該 当 すと 判 断 す 事 由 があった 場 合 サポトの 利 用 制 限 す 場 合 があります また 火 災 停 電 天 変 地 異 およびシステム 上 の 不 具 合 が 発 生 した 場 合 は サポトが 一 時 利 用 できない 場 合 があります (1) 弊 社 の 規 定 す 動 作 環 境 外 あいはお 客 様 固 有 の 特 殊 な 動 作 環 境 におけ 不 具 合 に 対 す 問 い 合 わせの 場 合 (2) 弊 社 が 規 定 提 供 すサポト 以 外 の 対 象 方 法 によサポト 強 要 す 行 為 (3) 第 三 者 または 弊 社 の 財 産 もしくはプライバシ 侵 害 す 行 為 または 侵 害 す 恐 れのあ 行 為 (4) 第 三 者 または 弊 社 に 不 利 益 もしくは 損 害 与 え 行 為 またはその 恐 れのあ 行 為 (5) 弊 社 および 業 務 に 従 事 す 者 に 対 し 著 しく 名 誉 もしくは 信 用 毀 損 す 行 為 またはその 恐 れのあ 行 為 (6) 他 人 のメルアドレス 登 録 すなど 虚 偽 の 申 告 届 出 行 なう 行 為 (7) 公 序 良 俗 に 反 す 行 為 またはその 恐 れのあ 行 為 (8) 犯 罪 行 為 または 犯 罪 に 結 びつく 行 為 またはその 恐 れのあ 行 為 (9)その 他 の 法 律 法 令 または 条 例 に 違 反 す 行 為 またはその 恐 れのあ 行 為 (10)その 他 弊 社 が 不 適 切 と 判 断 す 行 為 なお 日 本 語 版 以 外 のOSご 利 用 の 場 合 日 本 国 外 からの 問 い 合 わせまたは 日 本 語 以 外 の 言 語 によ 問 い 合 わせの 場 合 および 製 品 によ お 客 様 作 成 の 成 果 物 に 対 しての 問 い 合 わせの 場 合 は 一 切 サポト 行 なっておりません 第 9 条 責 任 の 免 除 1.サポトはあくまで 助 言 としてお 客 様 に 提 供 されものであり 問 い 合 わせのあった 問 題 の 解 決 お 客 様 の 特 定 の 目 的 にかなうこと および 不 具 合 の 修 補 保 証 すものではありません 2.サポトによ 保 証 の 範 囲 は 各 製 品 の 使 用 許 諾 条 件 書 に 準 ずものとします また 火 災 天 災 地 変 水 害 などにより 生 じた 損 傷 への 保 証 は 行 ないません 詳 細 につきましては 下 記 URLよりソスネクスト 製 品 サポト 規 約 ご 覧 ください 製 品 サポト 規 約 URL 247

248 用 語 集 CGI Common Gateway Interfaceとは webサバがweb ブラウザからの 要 求 に 応 じて プログラム 行 す 仕 組 みです 従 来 のwebサバは 静 的 なペジしか 送 信 できませんでしたが プログラムの 行 が 可 能 となこと で ユザからのデタに 基 づき その 場 で 動 的 にペ ジ 生 成 し 転 送 すことができようになりました プ ログラムの 記 述 には Perlという 言 語 が 使 用 されことが 多 く その 他 に Java C PHPなども 使 用 されます アクセスカウンタ 掲 示 板 メルフォムなどは CGI の 力 借 りて 現 され 機 能 です 付 録 第 9 章 CSS Cascading Style Sheets(スタイルシト)とは web ペジのレイアウト 定 義 す 仕 様 です 従 来 のwebペ ジでは HTMLファイルに 文 書 構 造 とレイアウト 情 報 が 混 在 していましたが 視 覚 的 構 造 CSSに 記 述 すことで HTMLは 文 書 の 論 理 構 造 記 述 すだけとなり よりわか りやすいペジの 設 計 が 可 能 となりました ホムペジV3 では スタイルシトの 存 在 意 識 す ことなく 視 覚 的 直 感 的 にペジデザインできますが デザインのベスとな スタイルの 編 集 とは このスタ イルシト 編 集 す 操 作 に 相 当 します スタイルシト の 働 きについて 詳 しくは P.111 第 4 章 ペジデザ インす 参 照 してください FTP File Transfer Protocolとは 離 れた 場 所 にあコンピュ タ 間 でファイル 転 送 すためのプロトコル( 取 り 決 め)の 1つであり 際 に 転 送 行 なうにはこのプロトコルに 準 拠 したプログラムが 必 要 となります ホムペジ 公 開 す 場 合 自 分 のパソコン(ロカル) 上 で 作 成 したホムペジの 関 連 ファイルサバに 転 送 す 必 要 があります ホムペジV3 は FTP 転 送 機 能 搭 載 しています GIF Graphics Interchange Format は CompuServe が 開 発 した 画 像 ファイル 形 式 の1つ 扱 え 色 が256 色 と 少 な い 反 面 圧 縮 効 率 が 良 いため 主 にイラストやボタンの 画 像 などに 使 用 されています また 複 数 の 画 像 1つのファ イルに 収 めてアニメション 表 示 す GIFアニメション としても 利 用 されます HTML HyperText Markup Language とは web ペジ 記 述 すための 言 語 です ホムペジは HTMLで 記 述 され たペジ(HTMLファイル)の 集 合 であり HTMLファイル は.html または.htm という 拡 張 子 持 ちます ホムペジV3 では HTML 意 識 すことなく ワ プロ 感 覚 でペジ 編 集 できますが いつでもHTMLで 記 述 されたソスコドに 切 り 替 えことができます 248

249 HTTP Hypertext Transfer Protocol と は web サ バ と webブラウザ 間 で HTMLで 記 述 されたコンテンツ(web ペジなど)やり 取 りすための 通 信 プロトコル( 取 り 決 め)です HTTPS Hypertext Transfer Protocol over Secure Socket Layerとは HTTPベスとして その 安 全 性 高 め 目 的 で 開 発 された 通 信 プログラムです HTTPとの 最 大 の 違 いは テキストそのまま 送 信 すHTTPとは 異 なり HTTPSではテキストが 暗 号 化 され 点 です そのため 個 人 情 報 の 送 信 や 電 子 決 済 行 なうペジではHTTPSが 使 用 されます IP (IPアドレス) Internet Protocol アドレスとは インタネットやイン トラネットなどのIPネットワク(IPプロトコルとして 使 用 すネットワク)に 接 続 されたコンピュタや 通 信 機 器 1 台 1 台 に 割 り 振 られ 識 別 番 号 です 一 般 的 に 使 わ れていIPv4のアドレスには 8ビットずつ4つに 区 切 ら れた32ビットの 数 値 が 使 われ 通 常 は0から255までの 10 進 数 の 数 字 4つ 並 べて 表 現 されます ただし 際 のIPネットワク 上 では IPアドレスの 割 り 振 られたコンピュタやネットワクにわかりやすい 名 前 (ドメイン 名 やホスト 名 )がつけられていため IPアドレ ス 直 接 目 にす 機 会 は 多 くありません JPEG 現 在 コンピュタやインタネット 上 で 最 も 広 く 利 用 さ れてい 画 像 ファイルフォマットの1つ JPEGの 名 前 は この 圧 縮 方 式 開 発 した 組 織 Joint Photographic Experts Group の 名 前 に 由 来 します ファイル 拡 張 子 に は jpg jpeg の 2 種 類 がありますが jpg は 3 文 字 までの 拡 張 子 しか 扱 えなかった 時 代 の 名 残 りであり どちらも 同 様 に 利 用 できます PNG Portable Network Graphics の 略 で 画 像 ファイル 形 式 の1つ GIFで 使 われてい 圧 縮 方 式 に 対 して UNISYS 社 が 特 許 権 主 張 したため GIFに 代 わ 画 像 ファイル 形 式 として 開 発 されました そのため GIFよりも 圧 縮 効 率 に 優 れ なおかつフルカラサポトしていというメ リットがあります RSS Rich Site Summary(またはReally Simple Syndication, RDF Site Summary)とは web ペジ 上 にどんな 情 報 が 含 まれていか 要 約 す 仕 組 みです こうした 情 報 は フィド とも 呼 ばれ フィド 配 信 す 仕 組 みの1つ がRSSです( 他 にもATOMなどがあります) ホムペ ジV3 では このRSSフィド 簡 単 に 配 信 できます 一 方 このフィド 利 用 す( 購 読 すと 呼 びます)には RSSリダというツルが 必 要 となります RSSリ ダ 使 うことで 際 にwebサイト 訪 れなくても そ のwebサイトの 更 新 情 報 確 認 できようになります TCP/IP Transmission Control Protocol/Internet Protocol と は もっとも 広 く 用 いられていネットワクプロトコル の1つで インタネットの 標 準 プロトコルです ネット ワクプロトコルとは 異 なOSが 搭 載 されたマシン 間 で も 情 報 のやり 取 りができように 定 められた 通 信 手 順 (ル ル)です URL webブラウザでホムペジ 見 とき [アドレス]ボッ クスに 半 角 のアルファベットや 数 字 記 号 からな 文 字 列 入 力 しますが これがUniform Resource Locatorです URLとは インタネット 上 に 存 在 すデタ( 文 書 や 画 像 など)の 場 所 指 定 す 記 述 方 式 です URLは 次 のよう なパツに 分 解 できます http : www. sourcenext.com / user / mypage.html ❶ 通 信 規 約 ❷ サバの 名 前 ❹ ペジのファイル 名 ❸ ホムペジが 置 かれていディレクトリ 名 応 用 編 資 料 用 語 集 249

250 W3C World Wide Web Consortiumの 略 で ダブリュ スリ シと 読 みます WWWに 関 係 す 技 術 の 標 準 化 進 め 団 体 で 1994 年 に 設 立 されました 現 在 では 世 界 中 の 大 学 研 究 機 関 企 業 個 人 が 参 加 しています WWW World Wide Webとは インタネット 上 の 標 準 ドキュメ ントシステムであり インタネットに 接 続 された さま ざまな 種 類 の 異 なコンピュタ 間 でのファイル 共 有 可 能 にす 仕 組 みです WWWで 共 有 され 文 書 は HTML によって 記 述 されます アップロド ロカルパソコンからサバにデタコピすこと ホムペジV3 で 作 成 したホムペジインタネッ トに 公 開 すには サバにホムペジ 関 連 ファイル アップロドす ことになります アフィリエイト アフィリエイトとは webペジ 上 に 商 品 などの 広 告 表 示 し その 広 告 経 由 で 商 品 が 購 入 された 場 合 販 売 主 はそ の 広 告 が 掲 載 されたwebペジの 運 用 者 に 手 数 料 ( 紹 介 料 ) 支 払 うという 広 告 手 法 です アクセスカウンタ ホムペジ 訪 れた 人 数 カウントすための 機 能 で プロバイダ 側 が 提 供 します 通 常 は アクセス 単 位 でカウ ントしますが 同 一 日 に 同 じ 閲 覧 者 が 複 数 回 アクセスした 場 合 は まとめて1 回 としてカウントすかどうか オ プションとして 設 定 できカウンタもあります 契 約 して いプロバイダがアクセスカウンタ 機 能 提 供 していない 場 合 は 無 料 のアクセスカウンタ 利 用 すことも 可 能 で す 付 録 第 9 章 アップデト アップデトとは ホムペジV3 の 最 新 機 能 や 不 具 合 修 正 などインタネット 経 由 で 自 分 のパソコンにインス トルされてい ホムペジV3 に 適 用 す 操 作 のこと です アップデトが 存 在 す 場 合 ホムペジV3 起 動 した 時 点 でアップデトの 存 在 知 らせダイアログ ボックスが 表 示 されので そのままアップデト 行 なっ てください ウィジェット ガジェットの 別 名 ガジェットの 欄 参 照 してください エントリ エントリとは ホムペジV3 の 利 用 開 始 すため の 手 続 きです ホムペジV3 起 動 すと エントリ 促 すダイアログボックスが 表 示 されので エントリ 行 なってください エントリには シリアル 番 号 が 必 要 です 詳 しくは P.30 セクション6 ホムペジV3 アッ プデトできようにす 参 照 してください 250

ホームページとは何?

ホームページとは何? ホームページ 作 成 にあたっての 基 本 事 項 ホームページとは? インターネットを 介 して 誰 もが 閲 覧 できるように 作 られたものを ホームページ と 言 います ホームページには 文 字 だけでなく 画 像 や 動 画 音 楽 なども 埋 め 込 むことができま す またホームページに 掲 載 されている 情 報 の 中 でひとまとめに 括 られたものを コンテ ンツ と 呼 んでいます

More information

ア ク セス 統 計 の 確 認 月 ごとのアクセス 数 を 確 認 する 1 ア クセス 統 計 画 面 を 表 示 し 確 認 する 月 を 選 択 しま アクセス 統 計 画 面 の 表 示 方 法 アクセス 統 計 画 面 を 表 示 する (P.70) 最 も 古 い 月 の 統 計 デー

ア ク セス 統 計 の 確 認 月 ごとのアクセス 数 を 確 認 する 1 ア クセス 統 計 画 面 を 表 示 し 確 認 する 月 を 選 択 しま アクセス 統 計 画 面 の 表 示 方 法 アクセス 統 計 画 面 を 表 示 する (P.70) 最 も 古 い 月 の 統 計 デー ア ク セス 統 計 の 確 認 ア ク セス 統 計 の 確 認 お 客 様 のホームページへアクセスされた 回 数 を 確 認 しま 統 計 データの 保 証 期 間 統 計 デー タの 保 証 期 間 は 1 年 (12ヶ 月 ) で ア ク セス 統 計 画 面 を 表 示 す る 1 管 理 者 メ ニ ューを 表 示 し ア クセス 統 計 をクリックしま 管 理 者 メニューの 表 示

More information

目 次 1.カレンダー 作 成... 2 1.テンプレートの 活 用... 3 2. 予 定 の 入 力 /セル 内 の 強 制 改 行 ( 便 利 な 機 能 -1-)... 4 3. 複 数 シートの 同 時 編 集 ( 作 業 グループ; 便 利 な 機 能 -2-)... 5 4. 用 紙

目 次 1.カレンダー 作 成... 2 1.テンプレートの 活 用... 3 2. 予 定 の 入 力 /セル 内 の 強 制 改 行 ( 便 利 な 機 能 -1-)... 4 3. 複 数 シートの 同 時 編 集 ( 作 業 グループ; 便 利 な 機 能 -2-)... 5 4. 用 紙 2013 年 11 月 1 日 ( 一 社 ) 岡 山 県 宅 地 建 物 取 引 業 協 会 岡 山 南 支 部 研 修 会 用 テキスト Excel 作 ってみよう! オリジナル カレンダー 業 務 お 役 立 ち! エクセル こわざ 複 数 シートの 同 時 編 集 (グループ 化 ) 用 紙 に 合 わせた 印 刷 ( ) スマートアートグラフィック 改 変 できない 形 式 へ 簡 単 変

More information

Microsoft Word - CMS操作説明会資料.docx

Microsoft Word - CMS操作説明会資料.docx 平 成 25 年 6 月 24 日 株 式 会 社 ネクストワン 1 今 回 の 操 作 説 明 会 では 次 のようなサンプル 記 事 を 作 成 してみたいと 思 います 2 管 理 画 面 にログインする 1. 九 重 町 役 場 ホームページにアクセスします 2.アドレスバーのホームページ URL の 後 ろに admin と 入 力 します http://www.town.kokonoe.oita.jp/admin/index.php

More information

学生用_目次

学生用_目次 メーリングリストを 削 除 する 1.メーリングリストの 管 理 画 面 にログインします 2. このメーリングリストを 削 除 する のリンクをクリックします 3.リストのパスワードを 入 力 して [このリストを 削 除 ]をクリックしま す * 一 度 削 除 したメーリングリストは 元 に 戻 せませんので 十 分 注 意 してください 自 分 のためのデータの 保 存 場 所 それが ホームディレクトリ

More information

A

A A. ツールボタン の 使 い 方 下 の 図 は NetCommons の 共 通 エディタで 表 示 されるツールボタンの 一 覧 です 書 式 設 定 左 からフォント サイズ スタイルを 設 定 するためのプルダウンメニューです 効 果 をつけたい 箇 所 の 先 頭 でク リックするか 効 果 をつけたい 箇 所 をカーソルで 選 択 してボタンをクリックします 文 字 効 果 左 から

More information

画像計測アプリケーション

画像計測アプリケーション 画 像 計 測 アプリケーション MicroMeasure バージョン.07 取 扱 説 明 書 第 7 版 スカラ 株 式 会 社 目 次. はじめに... 4 2. 同 梱 品 について... 4 3. 動 作 環 境... 4 4. セットアップ... 5 5. 操 作 方 法... 5 5-. 静 止 画 像 の 準 備... 6 5--. 画 像 ファイルの 読 込... 6 5--2.カメラ

More information

Microsoft Word - Gmailの基本操作.docx

Microsoft Word - Gmailの基本操作.docx Gmail の 基 本 操 作 目 次. Google Apps の Gmail の 基 本 操 作..... メールを 読 む/ 受 信 する...... 受 信 トレイとメールの 表 示...... メールのスレッド..... メールを 作 成 / 送 信 する... 3... メールを 送 信 する 前 に... 3... 新 規 にメールを 作 成 送 信... 4..3. 連 絡 先 からメールを

More information

地理院地図マニュアル

地理院地図マニュアル 地 理 院 地 図 操 作 マニュアル 平 成 25 年 10 月 30 日 国 土 地 理 院 目 次 1. 機 能 概 要... - 4-2. 機 能 詳 細... - 7-2.1. 地 図 表 示 基 本 機 能... - 7-2.1.1. 地 図 のスクロール... - 7-2.1.2. ズームイン ズームアウト... - 7-2.1.3. スケールバー 表 示... - 8-2.1.4.

More information

本 マニュアルでは 今 回 のリニューアルにより 従 来 のブログ 管 理 画 面 から 変 更 になった 動 作 および 操 作 についてご 案 内 いたします 全 体 的 な 操 作 説 明 については 別 冊 の 必 読 マニュアルその1~ブログの 基 礎 知 識 ~ 必 読 マニュアルその2~ 初 めての 更 新 ガイド~ 必 読 マニュアルその3~よく 使 う 操 作 ガイド~ をご 覧

More information

内 容 @fukuoka-u.ac.jp へアクセスする... 1 A.fu ポータルからアクセスする 方 法... 1 B. 総 合 情 報 処 理 センターの Web サイトからアクセスする 方 法... 1 C.URL を 直 接 入 力 してアクセスする 方 法... 1 @fukuoka-

内 容 @fukuoka-u.ac.jp へアクセスする... 1 A.fu ポータルからアクセスする 方 法... 1 B. 総 合 情 報 処 理 センターの Web サイトからアクセスする 方 法... 1 C.URL を 直 接 入 力 してアクセスする 方 法... 1 @fukuoka- 教 職 員 用 メール マニュアル 2013/07/01 総 合 情 報 処 理 センター 内 容 @fukuoka-u.ac.jp へアクセスする... 1 A.fu ポータルからアクセスする 方 法... 1 B. 総 合 情 報 処 理 センターの Web サイトからアクセスする 方 法... 1 C.URL を 直 接 入 力 してアクセスする 方 法... 1 @fukuoka-u.ac.jp

More information

~ 目 次 ~ 1. 概 要... 2 1. ChattyBooksとChattyBook... 2 2. ユーザーのニーズに 応 じたカスタマイズ 機 能... 2 2. 動 作 環 境 インストール... 3 1. プログラムの 入 手 とインストール... 3 2. ChattyBookの 動

~ 目 次 ~ 1. 概 要... 2 1. ChattyBooksとChattyBook... 2 2. ユーザーのニーズに 応 じたカスタマイズ 機 能... 2 2. 動 作 環 境 インストール... 3 1. プログラムの 入 手 とインストール... 3 2. ChattyBookの 動 新 しいマルチメディアDAISY EPUB3 プレイヤー ChattyBooks 説 明 書 認 定 NPO 法 人 サイエンス アクセシビリティ ネット 2016/1/28 ~ 目 次 ~ 1. 概 要... 2 1. ChattyBooksとChattyBook... 2 2. ユーザーのニーズに 応 じたカスタマイズ 機 能... 2 2. 動 作 環 境 インストール... 3 1. プログラムの

More information

立ち読みページ

立ち読みページ 第 5 章 表 計 算 (Excel 2010/2007) Excelの 機 能 や 操 作 方 法 について 解 説 します 出 題 カテゴリー 表 計 算 でExcel 2010または Excel 2007を 選 択 される 方 が 対 象 です 学 習 の 前 に 143 5-1 表 の 編 集 144 5-2 関 数 の 作 成 154 5-3 ワークシートの 操 作 161 5-4 文 章

More information

2014-3001

2014-3001 ワシトや ブッ 作 成 と 管 理 新 規 作 成 書 式 設 定 印 刷 保 存 など ワシトやブッ 操 作 につ いて 解 説 します 1-1 ワシトやブッを 作 成 する 27 1-2 ワシトやブッ 内 を 移 動 する 37 1-3 ワシトやブッ 書 式 を 設 定 する 44 1-4 ワシトやブッオプションと 表 示 をカスタマイズする 53 1-5 印 刷 または 保 存 するためにワシトやブッを

More information

Microsoft PowerPoint - webmail_manual-estore_482.ppt

Microsoft PowerPoint - webmail_manual-estore_482.ppt 店 舗 メール 利 用 マニュアル 2013.04 04.08 08 ver.2.3 1 1. 目 次 表 紙... 1 1. 目 次... 2 2.ログイン(PC)... 3 3. 受 信... 4 4.メール 閲 覧,,,,,... 5 5.メール 削 除... 6 6.メール 作 成... 7 7.メール 作 成 ( 添 付 ファイル)... 12 8.メール 返 信... 13 9.フォルダ

More information

注 文 後 すぐに 地 図 センターから 注 文 確 認 メール が 届 きます 画 像 データの 作 成 完 了 後 地 図 センターから ダウンロード URL メール が 届 きます 注 文 状 況 等 に 応 じ 数 十 分 ~ 数 時 間 程 度 かかる 場 合 があります ダウンロードペー

注 文 後 すぐに 地 図 センターから 注 文 確 認 メール が 届 きます 画 像 データの 作 成 完 了 後 地 図 センターから ダウンロード URL メール が 届 きます 注 文 状 況 等 に 応 じ 数 十 分 ~ 数 時 間 程 度 かかる 場 合 があります ダウンロードペー 電 子 地 形 図 25000(オンデマンド 版 ) 購 入 方 法 チュートリアル 画 面 画 像 や 操 作 方 法 等 は 平 成 26 年 7 月 8 日 現 在 のものです 予 告 なく 変 更 される 場 合 があるので ご 了 承 く ださい サーバーが 混 みあっている 場 合 は 時 間 をおいてアクセスしてください エラー 以 外 の 操 作 方 法 等 の 個 別 の 質 問

More information

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ

メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受 信 したメールが 一 覧 表 示 されます メール 受 信 タブをクリックすると 受 信 箱 フ .3 1...3 メール 受 信 タブのサブメニューから 直 接 受 信 箱 以 外 のフォルダを 表 示 することもできます 共 有 メー ルボックスのフォルダは 指 定 できません 3. 35 メール 受 信 画 面 のレイアウトを 変 更 することができます ここでは 初 期 設 定 のレイアウトで 表 示 されているボタ ンやマークについて 解 説 します メール 一 覧 画 面 には 受

More information

Microsoft Word - Webメール ユーザーマニュアル0414.doc

Microsoft Word - Webメール ユーザーマニュアル0414.doc 兵 庫 大 学 Web メール ユーザーマニュアル Contents 1. はじめに...4 1.1. Outlook Web Access (Web メール)とは... 4 2. ログオン ログオフ...5 2.1. ログオン... 5 2.2. ログオフ... 7 3. TOP 画 面...8 3.1. TOP 画 面 (Internet Explorer のみ)... 8 3.2. TOP 画

More information

目 次 目 次 はじめに 1 Internet Explorer11 とは? 1 1. 設 定 を 行 なう 前 にご 確 認 ください 2 OS の 確 認 方 法 2 2.ブラウザの 設 定 を 行 なう 3 設 定 を 行 なう Internet Explorer11 について 3 アドレスバ

目 次 目 次 はじめに 1 Internet Explorer11 とは? 1 1. 設 定 を 行 なう 前 にご 確 認 ください 2 OS の 確 認 方 法 2 2.ブラウザの 設 定 を 行 なう 3 設 定 を 行 なう Internet Explorer11 について 3 アドレスバ 建 築 業 務 管 理 シ ス テ ム 補 足 マ ニ ュ ア ル Internet Explorer11 設 定 ガイド (Windows7 Windows8.1 用 ) 目 次 目 次 はじめに 1 Internet Explorer11 とは? 1 1. 設 定 を 行 なう 前 にご 確 認 ください 2 OS の 確 認 方 法 2 2.ブラウザの 設 定 を 行 なう 3 設 定 を 行

More information

Gmail 利用者向け      操作マニュアル

Gmail 利用者向け      操作マニュアル Gmail 利 用 者 向 け 操 作 マニュアル 宮 崎 大 学 医 学 部 2013 目 次 1.はじめに... 1 1.1 Gmail のすべての 機 能 を 利 用 できるブラウザ... 1 1.2 Gmail の 対 応 最 新 情 報... 1 1.3 本 手 順 について... 1 2. Google Apps の Gmail へのアクセス... 2 2.1 Google Apps の

More information

目 次 1. 本 書 の 目 的... 1 2. 作 業 フロー... 1 3 事 前 準 備... 2 3.1 データの 保 存 先 の 設 定... 2 3.2 ネットワークの 共 有 方 法 の 設 定 について... 5 3.3 自 動 バックアップ 機 能 の 設 定... 6 4. 現

目 次 1. 本 書 の 目 的... 1 2. 作 業 フロー... 1 3 事 前 準 備... 2 3.1 データの 保 存 先 の 設 定... 2 3.2 ネットワークの 共 有 方 法 の 設 定 について... 5 3.3 自 動 バックアップ 機 能 の 設 定... 6 4. 現 株 式 会 社 現 場 サポート 現 場 Office_ 写 真 管 理 ツール 簡 単 操 作 マニュアル 写 真 管 理 ツール 用 本 書 は 現 場 Office の 基 本 的 な 操 作 と 便 利 な 機 能 をご 紹 介 しています 詳 しい 内 容 につきましては 本 製 品 のヘルプより ヘルプファイル をご 覧 ください 2014 年 11 月 28 日 株 式 会 社 現 場

More information

2 シ ス テ ム が 2 4 時 間 3 6 5 日 安 定 的 に 稼 働 す る 機 材 と 設 置 環 境 を 整 え る こ と ( 2 ) ソ フ ト ウ ェ ア 1 既 に 導 入 実 績 の あ る CMS で あ る こ と 2 Windows7(Windows IE1 1 ) で

2 シ ス テ ム が 2 4 時 間 3 6 5 日 安 定 的 に 稼 働 す る 機 材 と 設 置 環 境 を 整 え る こ と ( 2 ) ソ フ ト ウ ェ ア 1 既 に 導 入 実 績 の あ る CMS で あ る こ と 2 Windows7(Windows IE1 1 ) で 結 の 故 郷 匠 の 技 体 験 観 光 事 業 ウ ェ ブ サ イ ト 構 築 保 守 管 理 業 務 仕 様 書 1. 業 務 名 結 の 故 郷 匠 の 技 体 験 観 光 事 業 ウ ェ ブ サ イ ト 構 築 保 守 管 理 業 務 2. 目 的 こ の 業 務 は 越 前 お お の 雇 用 創 造 推 進 協 議 会 ( 以 下 協 議 会 と い う )が 実 施 す る 実 践

More information

たよれーる どこでもキャビネット ご利用の手引き(Windows版アプリ)

たよれーる どこでもキャビネット ご利用の手引き(Windows版アプリ) Windows 版 アプリ 操 作 マニュアル 2016 年 7 月 版 目 次 目 次 サービス 内 容... 2 どこでもキャビネットとは... 2 Windows 版 アプリの 概 要... 2 お 問 い 合 わせ 窓 口... 2 インストール/アンインストール... 3 インストールする... 3 アカウントを 設 定 する... 6 アンインストールする... 8 基 本 操 作...

More information

システム設計書

システム設計書 二 松 學 舍 大 学 二 松 メール(Gmail) 利 用 マニュアル バージョン 2.00 発 効 日 改 訂 日 2016 年 04 月 06 日 二 松 学 舎 大 学 情 報 センター i 目 次 1. はじめに...1 2. 二 松 メール(Gmail)ログイン ログアウト 方 法...1 2.1. 二 松 メール(Gmail)ログイン 方 法... 1 2.2. 二 松 メール(Gmail)ログアウト

More information

■コンテンツ

■コンテンツ Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) 2012.2.15 コンテンツ 記 事 コンテンツ 記 事 では 以 下 のような 機 能 特 徴 を 備 えた 記 事 ページの 作 成 を 行 うこと が 出 来 ます TinyMCE の 使 用 で HTML 等 の 複 雑 な 知 識 を 必 要 とせず WORD のような 感 覚 でページを 作 成 ページの 公

More information

品 名 が 表 示 されている サイズが 発 注 できるサイズ です これ 以 外 のサイズをご 利 用 される 場 合 は 弊 社 セール スまでご 連 絡 ください F-LinkNEO の 注 文 画 面 の 初 期 設 定 サイズを 変 更 する 場 合 は サイズの チャンネル(CH) 番

品 名 が 表 示 されている サイズが 発 注 できるサイズ です これ 以 外 のサイズをご 利 用 される 場 合 は 弊 社 セール スまでご 連 絡 ください F-LinkNEO の 注 文 画 面 の 初 期 設 定 サイズを 変 更 する 場 合 は サイズの チャンネル(CH) 番 F-LinkNEO 操 作 マニュアル Ver 9.500 管 理 画 面 の 設 定 問 題 なくインストールが 完 了 した 場 合 右 のような 画 面 が 表 示 されます メインメニューの 管 理 画 面 をクリックすると 各 種 設 定 メニューが 表 示 されます 設 定 が 完 了 したら 必 ず 一 度 プログラムを 終 了 してください 1 サーバー 接 続 設 定 最 初 にサーバー

More information

簡単なアイコンの説明

簡単なアイコンの説明 Joruri CMS 1.3.2 基 本 マニュアル (2013.6.28) 付 録 内 容 の 入 力 内 容 文 字 装 飾 表 の 挿 入 添 付 ファイルのアップロード リンク 設 定 株 式 会 社 アイ ディ エス Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存

More information

Microsoft PowerPoint - 04_H26material_practice_No3-3.pptx

Microsoft PowerPoint - 04_H26material_practice_No3-3.pptx 参 考 : 届 書 作 成 プログラムによる 届 出 データの 作 成 方 法 (1) 事 前 準 備 1 被 保 険 者 データの 入 手 (ターンアラウンドCDを 利 用 する 場 合 ) 当 プログラムでは 提 出 先 の 年 金 事 務 所 が 保 有 している 被 保 険 者 のデータを 利 用 して 電 子 申 請 用 データを 作 成 することができます(これを ターンアラウンドCD

More information

Microsoft Word - No9_word3_lit_r.doc

Microsoft Word - No9_word3_lit_r.doc コンピュータ リテラシー (R クラス) 2011 年 度 第 9 回 : Word の 基 本 (3) 担 当 : 千 葉 庄 寿 (schiba@reitaku-u.ac.jp) http://www.fl.reitaku-u.ac.jp/~schiba/lit_r/ 1. 表 (テーブル table) 表 は 次 の 手 順 で 作 成 する 挿 入 タブの 表 ボタンを 押 してマウスで 表

More information

Word2013による文書の作成(1級).indd

Word2013による文書の作成(1級).indd Word 1 Word2013 1 オプション 段 落 の 設 定 (1) 文 字 ずれをしないための 設 定 を 行 う( 別 冊 初 期 設 定 参 照 ) (2)(1)の 設 定 以 外 に 以 下 の 設 定 を 行 う 1 [ホーム]タブ [ 段 落 ]グループの を 2 [ 段 落 ]ダイアログボックスの 中 の[ 体 裁 ] クリックする タブをクリックし [オプション]をクリック する

More information

教員用

教員用 高 知 大 学 教 員 用 moodle2 1.1.moodle を 利 用 するためには 1.2.コースの 保 全 1.3.moodle へのログイン 1.4.ログアウト 2.1.コースの 説 明 2.2.ブロック 一 覧 2.3.HTML テキストエディタを 利 用 する 2.4.アイコン 編 集 アイコンの 説 明 3.1.ユーザを 登 録 する 3.2.ユーザを 削 除 する 4.1.ファイルのアップロード

More information

ProcessDiagramQRG.book

ProcessDiagramQRG.book igrafx プロセス 図 表 クイック リファレンス ガイド 標 準 ツールバー A. 新 規 作 成 B. 開 く C. 保 存 D. 印 刷 A B C D E F G H I J K E. 印 刷 プ レ ビ ュー F. スペルチェ ッ ク G. 元 に 戻 す / やり 直 し H. 図 形 パレ ッ ト を 開 く I. 描 画 J. 戻 る / 進 む K. ズーム コントロール エクスプローラ

More information

地域ポータルサイト「こむねっと ひろしま」

地域ポータルサイト「こむねっと ひろしま」 5. エディタの 使 い 方 5.1. エディタとは? NetCommons の 全 モジュールで 共 通 する 編 集 画 面 です 5.2. 通 常 のエディタの 使 い 方 (1) (2) (3) (4) (5) (6) (7) (8) (9) (10) (11) (12) (13) (14) (15) (16) (17)(18) (19)(20)(21) (22) (23) (24) (25)

More information

サイオスマニュアル

サイオスマニュアル Gmail 利 用 者 向 け 操 作 マニュアル 2013/11/7 版 目 次 1. Google Apps の Gmail へのアクセス... 1 1.1. Google Apps の Gmail へのログイン 方 法... 1 2. Google Apps の Gmail の 基 本 操 作... 2 2.1. メールを 読 む/ 受 信 する... 2 2.1.1. 受 信 トレイとメールの

More information

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション 41 ヨロン 観 光 まちづくり 支 援 サービス マイホームページ 操 作 説 明 書 1 会 員 登 録 からホームページ 公 開 まで 会 員 仮 登 録 本 登 録 申 請 ログイン センター 承 認 ホームページ 公 開 センター 承 認 公 開 申 請 ホームページ 作 成 ホームページ 作 成 の3つのステップ 1 ホームページの 設 定 (p3) 2 レイアウト デザインの 設 定

More information

1.Excel の 基 本 1.1 表 計 算 ソフトとは 計 算 式 を 埋 め 込 むことができる 集 計 表 (ワークシート)が 基 本 となっていて ワークシートとよばれる 集 計 表 上 で 計 算 を 行 ったり その 中 のデータを 簡 単 にグラフにしたりすることができるソフトウェア

1.Excel の 基 本 1.1 表 計 算 ソフトとは 計 算 式 を 埋 め 込 むことができる 集 計 表 (ワークシート)が 基 本 となっていて ワークシートとよばれる 集 計 表 上 で 計 算 を 行 ったり その 中 のデータを 簡 単 にグラフにしたりすることができるソフトウェア 平 成 20 年 7 月 1.Excel の 基 本 1.1 表 計 算 ソフトとは 計 算 式 を 埋 め 込 むことができる 集 計 表 (ワークシート)が 基 本 となっていて ワークシートとよばれる 集 計 表 上 で 計 算 を 行 ったり その 中 のデータを 簡 単 にグラフにしたりすることができるソフトウェア( 以 下 ソフ ト と 略 記 )を 一 般 に 表 計 算 ソフトと 呼

More information

Microsoft Word - 貼り付け2010pdf用.docx

Microsoft Word - 貼り付け2010pdf用.docx Word への 貼 り 付 け (2010) 図 写 真 の 貼 り 付 け ディジタルカメラなどで 撮 った 写 真 自 分 で 作 成 した 図 などを Word の 文 書 中 に 貼 り 付 けること ができる それがファイルの 形 で 存 在 する 場 合 には 挿 入 図 にある 図 ( 右 図 ) をクリックし 開 いたダイアログボックスで 文 書 ファイルと 同 じように 読 み 込

More information

目 次 1. Excel の 概 要... 1 1.1. Excel の 起 動 と 終 了... 1 1.2. ブックとシート... 2 1.3. 画 面 の 各 部 分 の 名 前... 2 2. 表 の 作 成... 3 2.1. 文 字 数 値 日 付 の 入 力... 3 2.1.1. セ

目 次 1. Excel の 概 要... 1 1.1. Excel の 起 動 と 終 了... 1 1.2. ブックとシート... 2 1.3. 画 面 の 各 部 分 の 名 前... 2 2. 表 の 作 成... 3 2.1. 文 字 数 値 日 付 の 入 力... 3 2.1.1. セ 平 成 26 年 11 月 29 日 跡 見 学 園 女 子 大 学 公 開 講 座 パソコンセミナー Excel 入 門 第 1 回 基 礎 知 識 編 文 学 部 現 代 文 化 表 現 学 科 准 教 授 伊 藤 穣 j-ito@atomi.ac.jp http://www2.mmc.atomi.ac.jp/~j-ito/ 目 次 1. Excel の 概 要... 1 1.1. Excel

More information

ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht

ログイン ブラウザから TDPOST へアクセス ログイン GC-(お 客 様 名 )フォルダを 選 択 各 作 業 へ ブラウザを 起 動 します (Internet Explorer Safari Firefox など) 下 記 アドレスをブラウザのアドレス 入 力 欄 に 入 力 します ht サーバが 新 しくなりました 現 在 ご 利 用 をいただいている 弊 社 FTP サーバがセキュリティ 強 化 のため 新 しくなります 恐 れ 入 りますが 切 り 替 えをお 願 い 致 します 東 海 電 子 印 刷 オンラインストレージサーバ 事 前 登 録 お 客 様 用 こちらの 説 明 書 は TDPOST に 事 前 登 録 をされたお 客 様 専 用 の 説 明 書 です ログイン

More information

ホームページ・ビルダー15

ホームページ・ビルダー15 3. 動 きのあるページを 作 成 する アニメーション 文 字 や 画 像 (アニメーション GIF ) 画 像 のロールオーバー 効 果 などの 動 きがあるものを 挿 入 して 見 る 人 を 楽 しませるようなページを 作 成 してみましょう アニメーション GIF とは GIF 形 式 の 画 像 ファイルの 一 種 で いくつかの 画 像 を 組 み 合 わせてパラパラ 漫 画 のように

More information

スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していき

スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していき モジュール MP-06 MP-06 スライドの 編 集 とリンク 岡 山 県 情 報 教 育 センター スライドの 編 集 とリンク スライドのレイアウトやデザインが 決 まったら 文 字 の 編 集 をしたり スライドの 順 序 変 更 やリンク 設 定 をして 見 栄 えの 良 いプレゼンテーションを 作 成 しましょう ファイル MP05 完 成.ppt を 開 き 内 容 を 編 集 していきます

More information

Microsoft Word - WBT(PP基本編).docx

Microsoft Word - WBT(PP基本編).docx PowerPoint2007の 利 用 基 本 編 広 島 県 立 教 育 センター PowerPoint2007 の 基 本 操 作 を 学 習 しながら, 次 の4 枚 のスライドを 作 成 する 演 習 です スライド1 スライド2 IPA 教 育 用 画 像 素 材 集 より スライド3 スライド4 IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 1 演 習

More information

ファイル格納通知ツール 取扱説明書

ファイル格納通知ツール 取扱説明書 ファイル 格 納 通 知 ツール 取 扱 説 明 書 本 ツールは ネットワーク 上 の MFP から SEND 機 能 を 使 って 送 信 したファイルをクライアン ト PC が 受 信 格 納 したときに PC のディスプレイ 上 に 通 知 するツールです ファイルが 送 信 されたことを 音 やバルーン 表 示 などでお 知 らせするので 他 の 業 務 に 専 念 するこ とができます

More information

Microsoft Word - word_05.docx

Microsoft Word - word_05.docx 第 1 章 葉 書 き 作 成 と 外 国 語 の 入 力 縦 書 きのはがき 作 成 1. ページレイアウト タブの ページ 設 定 グループから 起 動 ツールボタン をク リックする 2. ページ 設 定 ダイアログボックスの 用 紙 余 白 文 字 数 と 行 数 タブをクリッ クして 指 定 されたとおり 設 定 を 行 う( 用 紙 :はがき 余 白 : 上 下 15 ミリ 左 右 :10

More information

書 体 (フォント)の 変 更 基 本 的 に Word は MS 明 朝 に 設 定 されていますが ゴシック 体 や 毛 筆 で 書 いたような 行 書 体 などに 変 更 する 場 合 に 利 用 します ( 文 章 全 体 の 書 体 を 変 更 する 場 合 は 文 章 を 入 力 する

書 体 (フォント)の 変 更 基 本 的 に Word は MS 明 朝 に 設 定 されていますが ゴシック 体 や 毛 筆 で 書 いたような 行 書 体 などに 変 更 する 場 合 に 利 用 します ( 文 章 全 体 の 書 体 を 変 更 する 場 合 は 文 章 を 入 力 する レポートや 論 文 の 作 成 に 役 立 つ Word 機 能 レポートや 論 文 を 作 成 するにあたって 普 段 使 用 しない 注 釈 機 能 やレイアウト 等 の 変 更 を 行 う 場 合 があります 今 回 は 文 字 の 見 出 しからスタイルの 変 更 補 足 文 の 挿 入 機 能 などを 説 明 します これらの 機 能 を 覚 えておけば 文 字 の 書 体 や 図 を 用

More information

エ ク セ ル の 起 動 ス タ ー ト ボ タ ン を ク リ ッ ク し すべてのプログラムから Microsoft Office を ク リ ッ ク し Microsoft Excel を ク リ ッ ク し 起 動 し ま す マ イ ク ロ ソ フ ト オフィス マ イ ク ロ ソ フ

エ ク セ ル の 起 動 ス タ ー ト ボ タ ン を ク リ ッ ク し すべてのプログラムから Microsoft Office を ク リ ッ ク し Microsoft Excel を ク リ ッ ク し 起 動 し ま す マ イ ク ロ ソ フ ト オフィス マ イ ク ロ ソ フ Excel2007 基 本 操 作 福 岡 市 私 立 幼 稚 園 連 盟 Ver,1.0 エ ク セ ル の 起 動 ス タ ー ト ボ タ ン を ク リ ッ ク し すべてのプログラムから Microsoft Office を ク リ ッ ク し Microsoft Excel を ク リ ッ ク し 起 動 し ま す マ イ ク ロ ソ フ ト オフィス マ イ ク ロ ソ フ ト エクセル

More information

目 次 1 ご 使 用 の 前 に 1.1 動 作 環 境 1.2 セットアップ 方 法 2 使 用 方 法 2.1 起 動 方 法 2.2 操 作 方 法 2.2.1 効 果 音 設 定 2.2.2 アニメーション 設 定 2.2.3 スライドジャンプ 設 定 2.2.4 フラッシュカード 設 定

目 次 1 ご 使 用 の 前 に 1.1 動 作 環 境 1.2 セットアップ 方 法 2 使 用 方 法 2.1 起 動 方 法 2.2 操 作 方 法 2.2.1 効 果 音 設 定 2.2.2 アニメーション 設 定 2.2.3 スライドジャンプ 設 定 2.2.4 フラッシュカード 設 定 マニュアル(2013.11.22ver) 目 次 1 ご 使 用 の 前 に 1.1 動 作 環 境 1.2 セットアップ 方 法 2 使 用 方 法 2.1 起 動 方 法 2.2 操 作 方 法 2.2.1 効 果 音 設 定 2.2.2 アニメーション 設 定 2.2.3 スライドジャンプ 設 定 2.2.4 フラッシュカード 設 定 2.2.5 時 間 指 定 スライド 移 動 設 定 2.2.6

More information

( 受 信 したメッセージの 確 認 検 索 ) ( 申 請 届 出 書 類 や 説 明 会 資 料 等 の 確 認 ダウンロード) (スケジュール/ToDo の 登 録 確 認 更 新 削 除 ) (ブックマークの 登 録 確 認 更 新 削 除 ) ( 受 信 したメッセージの 転 送 設 定

( 受 信 したメッセージの 確 認 検 索 ) ( 申 請 届 出 書 類 や 説 明 会 資 料 等 の 確 認 ダウンロード) (スケジュール/ToDo の 登 録 確 認 更 新 削 除 ) (ブックマークの 登 録 確 認 更 新 削 除 ) ( 受 信 したメッセージの 転 送 設 定 F-Station パソコン 版 マニュアル ( 受 信 したメッセージの 確 認 検 索 ) ( 申 請 届 出 書 類 や 説 明 会 資 料 等 の 確 認 ダウンロード) (スケジュール/ToDo の 登 録 確 認 更 新 削 除 ) (ブックマークの 登 録 確 認 更 新 削 除 ) ( 受 信 したメッセージの 転 送 設 定 ) ( 講 義 に 関 するお 知 らせの 確 認 )

More information

- 目 次 - 第 章 システムの 概 要.... ポータルサイトとは.... 2 利 用 環 境 とブラウザ 操 作 時 の 留 意 事 項.... 3 添 付 ファイル 登 録 時 の 留 意 事 項... 2 第 2 章 基 本 操 作... 3 2. ログインとログアウト... 3 2. 2

- 目 次 - 第 章 システムの 概 要.... ポータルサイトとは.... 2 利 用 環 境 とブラウザ 操 作 時 の 留 意 事 項.... 3 添 付 ファイル 登 録 時 の 留 意 事 項... 2 第 2 章 基 本 操 作... 3 2. ログインとログアウト... 3 2. 2 操 作 マニュアル 学 生 編 - (204 年 3 月 ) - 目 次 - 第 章 システムの 概 要.... ポータルサイトとは.... 2 利 用 環 境 とブラウザ 操 作 時 の 留 意 事 項.... 3 添 付 ファイル 登 録 時 の 留 意 事 項... 2 第 2 章 基 本 操 作... 3 2. ログインとログアウト... 3 2. 2 ポータル 画 面 の 構 成... 4

More information

エクセルde土木(基礎編) 4校CS3.indd

エクセルde土木(基礎編) 4校CS3.indd まえがき 土 木 事 の 施 管 理 にあたり 事 着 手 時 の 申 請 書 類 や 施 計 画 書 類 施 中 の 日 常 管 理 書 類 提 出 書 類 事 完 成 後 の 出 来 形 管 理 書 類 や 品 質 管 理 書 類 などの 竣 書 類 と 現 場 施 管 理 者 にとって 書 類 作 成 は 業 務 時 間 の 多 費 やす 作 業 となっています 最 近 では 電 子 納 品

More information

<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63>

<4D6963726F736F667420576F7264202D20574254816995B68F918DEC90AC89898F4B899E977095D2816A2E646F63> 文 書 作 成 演 習 ( 応 用 編 ) (Word007,Excel007) 文 書 作 成 演 習 ( 応 用 編 ) のテキストを 参 考 にしながら, 次 の 学 級 だよりを 作 成 してみましょう IPA 教 育 用 画 像 素 材 集 より < 演 習 のための 準 備 > 演 習 用 素 材 のフォルダをデスクトップ 上 に 作 成 します IPA 教 育 用 画 像 素 材 集

More information

ことばを覚える

ことばを覚える 業 務 部 門 の 担 当 者 による 担 当 者 のための 業 務 アプリケーションの 作 り 方 (その2) 過 去 データの 活 用 が 可 能 な 見 積 り 作 成 ツールの 構 築 コンテキサー 操 作 演 習 コンテキサー チュートリアル(バージョン2.2 用 ) 20121113 コンテキサーのバージョンは 2.2.09 以 降 で 行 ってください 目 次 ステップ1 Excel

More information

2 題 字 を 選 択 してください の 画 面 になります どれを 選 んでもかまいません 差 出 人 情 報 を 入 力 してください 画 面 になります 宛 名 面 にご 自 分 の 住 所 氏 名 を 入 れない 方 は ここに 入 力 する 必 要 はありま イラストを 選 択 してくださ

2 題 字 を 選 択 してください の 画 面 になります どれを 選 んでもかまいません 差 出 人 情 報 を 入 力 してください 画 面 になります 宛 名 面 にご 自 分 の 住 所 氏 名 を 入 れない 方 は ここに 入 力 する 必 要 はありま イラストを 選 択 してくださ 1 Word で 年 賀 状 2012 解 説 作 成 蒲 原 直 樹 どの 文 面 を 作 成 しますか? 画 面 になりますので 年 賀 状 にチェック し 次 へ をクリックします Part1:はがきウィザードをつかう 年 賀 状 以 外 にもたくさんのテンプレートがありますので 別 の 機 会 にそれ ぞれ 開 いてご 覧 下 さい まず 紹 介 するのは はがきウィザード です これは 半

More information

変 更 履 歴 版 日 付 区 分 変 更 内 容 変 更 個 所 1 1.00 2012/3/31 新 規 初 版 作 成 2 1.10 2012/4/16 修 正 タグが 使 用 できる 個 所 に 記 述 を 追 加 4.2. 号 の 追 加 4.4. 号 の 編 集 11.3.1. セクショ

変 更 履 歴 版 日 付 区 分 変 更 内 容 変 更 個 所 1 1.00 2012/3/31 新 規 初 版 作 成 2 1.10 2012/4/16 修 正 タグが 使 用 できる 個 所 に 記 述 を 追 加 4.2. 号 の 追 加 4.4. 号 の 編 集 11.3.1. セクショ 資 料 番 号 : J-STAGE 操 作 マニュアル 編 集 登 載 編 < 第 2.20 版 > 平 成 28 年 8 月 国 立 研 究 開 発 法 人 科 学 技 術 振 興 機 構 i 変 更 履 歴 版 日 付 区 分 変 更 内 容 変 更 個 所 1 1.00 2012/3/31 新 規 初 版 作 成 2 1.10 2012/4/16 修 正 タグが 使 用 できる 個 所 に 記

More information

3. 画 面 説 明 1 アドレスバー/Google 検 索 バー 4 ステータスバー 1 アドレスバー/Google 検 索 バー 現 在 表 示 されているホームページの URL 1 (ホームページアドレス)を 表 示 します URL を 入 力 すると 目 的 のページに 移 動 することがで

3. 画 面 説 明 1 アドレスバー/Google 検 索 バー 4 ステータスバー 1 アドレスバー/Google 検 索 バー 現 在 表 示 されているホームページの URL 1 (ホームページアドレス)を 表 示 します URL を 入 力 すると 目 的 のページに 移 動 することがで V. ブラウザーの 使 い 方 Windows ブラウザーとは インターネット 上 のホームページを 閲 覧 するためのソフトウェアのことです ブラウザーはインターネットから HTML ファイルや 画 像 ファイル 音 楽 ファイルなどをダウンロ ードし レイアウトを 解 析 して 表 示 再 生 します パソコン 教 室 には Internet Explorer Firefox Chrome の

More information

Microsoft Word - 朝刊太郎作成マニュアル_V1.1_20101204.doc

Microsoft Word - 朝刊太郎作成マニュアル_V1.1_20101204.doc パソコンで 新 聞 を 作 ってみよう! パソコンで 新 聞 を 作 るソフトとして 朝 刊 太 郎 という 新 聞 制 作 用 ソフトを 紹 介 します 朝 刊 太 郎 は 無 料 で 使 え るフリーソフトですが 非 常 によくできたソフトです 学 級 新 聞 や 会 報 などで 幅 広 く 使 われています 1 朝 刊 太 郎 の 導 入 1-1 朝 刊 太 郎 のインストール 1-2

More information

ユーザーのページ

ユーザーのページ WebClass インターネット 教 育 システム ウェブクラス コース 管 理 者 ( 先 生 ) アカウント ユーザ ID author01 パスワード author01 ユーザ( 学 生 ) アカウント ユーザ ID user01 パスワード user01 WebClass とは... 3 WebClass を 活 用 いただける 場 面... 3 検 定 試 験 の 模 擬 問 題 の 作

More information

<5461726F2D89C692EB834E8389837582CC837A815B83808379815B83578DEC>

<5461726F2D89C692EB834E8389837582CC837A815B83808379815B83578DEC> 初 めて 作 る 家 庭 クラブのホームページ ホームページビルダーの 起 動 WindowsXP, IBM ホームページ ビルダー 10 対 応 1 [スタート]ボタンをクリックして,[すべてのプログラム]-[ IBM ホームページ ビルダー 10 ]-[ホームペ ージ ビルダー]を 選 択 します 2 [スタンダード]を 選 択 して,[ OK ]ボタンをクリックします 1ページ 目 ( index

More information

平成21年度

平成21年度 平 成 22 年 度 電 子 黒 板 機 能 付 きデジタルテレビ 操 作 研 修 東 京 特 殊 電 線 株 式 会 社 もくじ 1 概 要 ページ 1-1 特 長.1 1-2 構 成.1 1-3 接 続.1 2 使 用 上 の 注 意 2-1 設 置.2 2-2 末 永 くご 使 用 いただくために.2 3 取 扱 い 説 明 3-1 起 動 と 終 了.3 3-2 テレビと 電 子 黒 板 の

More information

Tohtech Career Navi

Tohtech Career Navi 目 次 Tohtech Career Navi とは? ご 利 用 になる 前 に はじめて 使 う~ログイン 学 生 基 本 情 報 の 登 録 マイページ トップページ 機 能 紹 介 求 人 検 索 を 使 いこなす エントリーする その 他 の 機 能 1 2 6 7 9 10 12 13 東 北 工 業 大 学 TohtechCareer Navi とは とは? 本 学 に 寄 せられた

More information

(Microsoft PowerPoint - \203|\203P\203J\203\223\221\200\215\354\201y201005\211\374\222\371\224\305\201z.ppt)

(Microsoft PowerPoint - \203|\203P\203J\203\223\221\200\215\354\201y201005\211\374\222\371\224\305\201z.ppt) ホームページセミナー 構 築 編 ポケカン 基 本 操 作 ホームページ 作 成 北 大 阪 商 工 会 議 所 目 次 ポケカン 基 本 操 作 Pokecan(ポケカン)とは.. 3 ログイン/ログアウト ログアウト Pokecanにログイン.. 5 管 理 ページトップ.. 6 マイホームページを 開 く.. 7 Pokecanからログアウト.. 8 初 期 設 定 管 理 ページトップ A.

More information

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承

目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保 存 する 20 step4 登 録 する 21 step5 管 理 者 による 承 京 都 市 社 会 福 祉 研 修 情 報 システム 京 福 祉 の 研 修 情 報 ネット 操 作 マニュアル - 主 催 者 編 - 第 1.3 版 2016 年 5 月 16 日 目 次 1 ログインする 1 2 研 修 情 報 を 登 録 する 2 step1 登 録 フォームに 入 力 する 2 step2 プレビューで 入 力 内 容 を 確 認 する 18 step3 下 書 き 保

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.54 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

あんしん住宅情報提供システム 住宅情報等登録 システム利用マニュアル

あんしん住宅情報提供システム 住宅情報等登録 システム利用マニュアル あんしん 住 宅 情 報 提 供 システム 住 宅 情 報 等 登 録 システム システム 利 用 マニュアル 2015 年 9 月 16 日 版 住 宅 確 保 要 配 慮 者 あんしん 居 住 推 進 事 業 実 施 支 援 室 目 次 1. はじめに... 2 1.1. はじめに... 2 1.2. 使 用 環 境 について... 2 1.3. 入 力 制 限 について... 3 1.4. 登

More information

ozzio drive とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケ ーション(オンラインストレージ)です 本 資 料 について ozzio drive サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアン ト

ozzio drive とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケ ーション(オンラインストレージ)です 本 資 料 について ozzio drive サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアン ト ozzio drive (Web ブラウザ 版 ) ユーザガイド Lastupdate 2013.8.12 1 ozzio drive とは インターネット 上 (クラウド)に 大 切 なデータを 保 存 することが 出 来 る 便 利 なアプリケ ーション(オンラインストレージ)です 本 資 料 について ozzio drive サービスは マイナーバージョンアップ 等 もあるため 実 際 のクライアン

More information

1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むこと

1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むこと ウェブ 作 成 システム Web Factory 1 1. 新 しくページを 作 成 する( 無 制 限 タイプ) デザイン 変 更 検 索 1 左 のメニューから デザイン 変 更 をクリックします 2ページタイプが 3 種 類 あります ここでは 無 制 限 タイプ を 選 びます テーマとカラーがありますので ここでデザインを 絞 り 込 むことが 出 来 ます 1ページタイプ では 情 報

More information

PowerPoint Presentation

PowerPoint Presentation フレッツ あずけ~ご 利 用 ガイド (WEBブラウザ 編 有 料 プラ 無 料 プラ) こたびはフレッツ あずけ~ご 利 用 いただきまして 誠 にありがとうございま 本 ガイドではWebブラウザにてご 利 用 にな 場 合 概 要 について 説 明 いたしま 第 1. 版 画 面 は 開 発 中 もで 実 際 画 面 とは 一 部 異 な 場 合 がありまで ご 注 意 ください 本 書 に 記

More information

目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4 2.4 地 図 を 拡 大 / 縮 小 す

目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4 2.4 地 図 を 拡 大 / 縮 小 す 地 図 情 報 とよなか 操 作 手 順 書 Copyright (C) Toyonaka City, All rights reserved. 目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する...2 2 章 基 本 操 作...3 2. 画 面 構 成...3 2.2 ヘルプを 表 示 する...4 2.3 地 図 を 移 動 する...4

More information

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作

Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 Active! mail 6.52 ユーザーズマニュアル(スマートフォン 版 ) Active! mail のプログラムとマニュアルは 著 作 権 法 で 保 護 された 著 作 物 で その 全 部 または 一 部 を 許 可 なく 複 製 したり 複 製 物 を 配 布 したり あるいは 他 のコンピュータ 用 に 変 換 したり 他 の 言 語 に 翻 訳 すると 著 作 権 の 侵 害 とな

More information

表紙

表紙 EasyServlet V2 EsScreenEditorを 利 用 した Webアプリケーション 作 成 株 式 会 社 システムズリサーチ 1.1 EsScreenEditor 概 要 第 1 章 概 要 本 章 では EasyServletの 画 面 作 成 ツールであるEsScreenEditorの 概 要 について 説 明 します EasyServletは 本 来 Excelで 記 述 されたインタフェース

More information

Acrobat早分かりガイド

Acrobat早分かりガイド Adobe PDF を 加 工 編 集 する PDF を 再 利 用 する PDF ファイルの Word 文 書 書 き 出 し [ 名 前 を 付 けて 保 存 ] ダイアログが 開 くので ファイルの 書 き 出 し 先 を 指 定 し [ 保 存 ] ボタンをクリックします Acrobat を 使 用 すると Adobe PDF から Word の フォーマットに 書 き 出 してファイルを

More information

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7.

目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. Web メール 操 作 説 明 書 京 都 与 謝 野 町 有 線 テレビ 0 目 次 1. Web メールのご 利 用 について... 2 2. Web メール 画 面 のフロー 図... 3 3. Web メールへのアクセス... 4 4. ログイン 画 面... 5 5. ログイン 後 (メール 一 覧 画 面 )... 6 6. 画 面 共 通 項 目... 7 7. メール 一 覧 画 面...

More information

更 新 履 歴 更 新 日 更 新 内 容 2016 年 3 月 14 日 地 理 院 地 図 の 改 良 に 伴 い 本 マニュアルを 刷 新 2016 年 3 月 16 日 説 明 の 図 を 一 部 更 新 2016 年 5 月 12 日 Google Chrome の 仕 様 変 更 に 伴

更 新 履 歴 更 新 日 更 新 内 容 2016 年 3 月 14 日 地 理 院 地 図 の 改 良 に 伴 い 本 マニュアルを 刷 新 2016 年 3 月 16 日 説 明 の 図 を 一 部 更 新 2016 年 5 月 12 日 Google Chrome の 仕 様 変 更 に 伴 地 理 院 地 図 操 作 マニュアル 2016 年 7 月 19 日 更 新 国 土 地 理 院 1 更 新 履 歴 更 新 日 更 新 内 容 2016 年 3 月 14 日 地 理 院 地 図 の 改 良 に 伴 い 本 マニュアルを 刷 新 2016 年 3 月 16 日 説 明 の 図 を 一 部 更 新 2016 年 5 月 12 日 Google Chrome の 仕 様 変 更 に

More information

Microsoft Word - 操作手順書.doc

Microsoft Word - 操作手順書.doc さーちずまえばし 操 作 手 順 書 目 次 章 ポータル 画 面.... ポータル 画 面 のレイアウト....2 地 図 を 選 択 する... 2 2 章 基 本 操 作... 3 2. 画 面 構 成... 3 2.2 ヘルプを 表 示 する... 5 2.3 地 図 を 移 動 する... 5 2.4 地 図 を 拡 大 / 縮 小 する... 5 2.5 索 引 図 を 利 用 する...

More information

目 次 1 はじめに...4 1.1 本 マニュアルで 記 載 する 内 容...4 1.2 システム 要 件...4 1.2.1 対 応 OS(オペレーティングシステム) 要 件...4 1.2.2 対 応 Web ブラウザ 要 件...7 1.2.3 ディスプレイ 解 像 度 要 件...9 1

目 次 1 はじめに...4 1.1 本 マニュアルで 記 載 する 内 容...4 1.2 システム 要 件...4 1.2.1 対 応 OS(オペレーティングシステム) 要 件...4 1.2.2 対 応 Web ブラウザ 要 件...7 1.2.3 ディスプレイ 解 像 度 要 件...9 1 商 工 中 金 外 為 Web 為 替 予 約 サービス ご 利 用 マニュアル 1ログイン 編 Ver.1.2 2015 年 3 月 - 1 - 目 次 1 はじめに...4 1.1 本 マニュアルで 記 載 する 内 容...4 1.2 システム 要 件...4 1.2.1 対 応 OS(オペレーティングシステム) 要 件...4 1.2.2 対 応 Web ブラウザ 要 件...7 1.2.3

More information

Microsoft Word - 内容の入力.doc

Microsoft Word - 内容の入力.doc Joruri 操 作 マニュアル/ 内 容 の 入 力 機 種 依 存 文 字 はご 利 用 しないでください 下 記 のようなウィンドウズに 依 存 する 機 種 依 存 文 字 については 他 のパソコン 環 境 やブラウザにより 表 示 されません 記 事 の 保 存 時 にシステムでエラーが 出 るように 設 定 されています 利 用 しないようにお 願 いします 機 種 依 存 文 字 (

More information

スライド 1

スライド 1 ログイン 登 録 確 認 編 集 Copyright(C)2013 Agilecore Co.,Ltd.All right reserved. 1 ログイン Copyright(C)2013 Agilecore Co.,Ltd.All right reserved. 2 1 パソコンのWEBブラウザから 下 記 URLに 接 続 してください https://www.kintai-ebisu.com/koara-series/

More information

目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オ

目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オ InSite Creative Workflow Version 4.1 操 作 ガイド 目 次 1.はじめに 1 1.クライアント 環 境 1 2. 初 期 設 定 1 1.システムログイン 1 3.プロジェクト データの 管 理 4 1.プロジェクトの 新 規 作 成 4 2.ファイルのアップロード 5 3.ファイルのダウンロード 6 4.タスク 8 1.タスクの 設 定 8 2.オートタスクの

More information

路 線 価 等 業 務 管 理 システム 操 作 マニュアル この 操 作 マニュアルは システムのインストール 起 動 画 面 構 成 設 定 属 性 表 示 等 ごく 基 本 的 な 操 作 方 法 を 取 りまとめたものです なお 状 況 類 似 地 域 ( 区 ) 路 線 価 線 標 準 宅

路 線 価 等 業 務 管 理 システム 操 作 マニュアル この 操 作 マニュアルは システムのインストール 起 動 画 面 構 成 設 定 属 性 表 示 等 ごく 基 本 的 な 操 作 方 法 を 取 りまとめたものです なお 状 況 類 似 地 域 ( 区 ) 路 線 価 線 標 準 宅 路 線 価 線 等 業 務 管 理 システム 操 作 マニュアル 目 次 1 システムの 特 徴 1 2 インストール 2 3 システムの 起 動 と 画 面 構 成 2 4 表 示 内 容 の 設 定 5 5 表 示 切 り 替 え 9 6 凡 例 表 示 10 7 市 区 町 村 情 報 11 8 地 図 の 拡 大 縮 小 12 9 属 性 表 示 13 10 検 索 機 能 19 11 印

More information

ホットアルバム 操作マニュアル

ホットアルバム 操作マニュアル ホットアルバムの 操 作 方 法 / 目 次 写 真 をメールで 送 りましょう... 2 写 真 のリサイズ(サイズを 変 更 )... 1 メール 送 信 用 の 画 像 を 保 存 する... 4 メール 添 付 する ボタンを 押 しても 反 応 しない 場 合... 6 XP での 既 定 のプログラム 設 定 手 順... 7 Vista Win7 での 既 定 のプログラム 設 定 手

More information

1.エクセルの 基 本 1-1.エクセルの 特 徴 を 知 ろう Excel は 文 字 や 数 字 計 算 式 などを 表 の 中 で 操 作 するソフトウエアです ソフトウエア ソフトウェア( 英 : Software)は コンピューターシステム 上 で 何 らかの 処 理 を 行 うプログラム

1.エクセルの 基 本 1-1.エクセルの 特 徴 を 知 ろう Excel は 文 字 や 数 字 計 算 式 などを 表 の 中 で 操 作 するソフトウエアです ソフトウエア ソフトウェア( 英 : Software)は コンピューターシステム 上 で 何 らかの 処 理 を 行 うプログラム 20120125ver1.2-エクセルの 基 本 操 作 &カレンダー 作 成 内 容 1.エクセルの 基 本... 1 1-1.エクセルの 特 徴 を 知 ろう... 1 1-2.Excel で 出 来 ること... 1 1-3Excel をつかうには... 2 1-4Excel の 基 本 画 面 (Excel2007 参 考 )... 4 1-5, 行 列 セルの 操 作 を 知 る... 4

More information

Untitled

Untitled 地 域 ポータルサイト ータルサイト こむねっと ひろしま 地 域 のホームページ 管 理 者 向 け 操 作 手 順 書 ( 基 本 編 ) 初 版 :00 年 0 月 日 広 島 市 役 所 市 民 局 市 民 活 動 推 進 課 目 次 目 次. 地 域 のホームページ 作 成 手 順 概 要... 4.. 全 体 構 成...4.. 地 域 のホームページのサイズ 制 限...4. 利 用

More information

ご 利 用 の 前 に 手 順 初 回 ご 利 用 時 に 必 ずご 確 認 ください ご 利 用 の 前 に (ご 利 用 環 境 の 確 認 ) P アクセス 方 法 (IMAGE WORKSサイトへアクセス) P 初 期 設 定 (JREのインストール) P

ご 利 用 の 前 に 手 順 初 回 ご 利 用 時 に 必 ずご 確 認 ください ご 利 用 の 前 に (ご 利 用 環 境 の 確 認 ) P アクセス 方 法 (IMAGE WORKSサイトへアクセス) P 初 期 設 定 (JREのインストール) P 大 容 量 ファイル 共 有 送 受 信 サービス 簡 易 操 作 マニュアル - スタンダードモード 用 - ご 利 用 の 前 に ご 利 用 前 に 必 ずご 確 認 ください 手 順 ご 利 用 の 前 に (ご 利 用 環 境 の 確 認 ) P アクセス 方 法 (IMAGE WORKSサイトへアクセス) P 初 期 設 定 (JREのインストール) P 基 本 操 作 ( 各 種 操

More information

(i) 更 新 履 歴 版 数 日 付 更 新 内 容 1.0 2015 年 3 月 新 規 作 成 1.1 2015 年 3 月 ログイン 画 面 変 更 住 まい 問 合 せ 先 追 加 1.2 2015 年 4 月 問 い 合 わせ 先 入 力 画 面 追 加 i

(i) 更 新 履 歴 版 数 日 付 更 新 内 容 1.0 2015 年 3 月 新 規 作 成 1.1 2015 年 3 月 ログイン 画 面 変 更 住 まい 問 合 せ 先 追 加 1.2 2015 年 4 月 問 い 合 わせ 先 入 力 画 面 追 加 i 全 国 移 住 ナビ 操 作 説 明 書 民 間 不 動 産 業 者 用 第 1.2 版 2015 年 4 月 総 務 省 (i) 更 新 履 歴 版 数 日 付 更 新 内 容 1.0 2015 年 3 月 新 規 作 成 1.1 2015 年 3 月 ログイン 画 面 変 更 住 まい 問 合 せ 先 追 加 1.2 2015 年 4 月 問 い 合 わせ 先 入 力 画 面 追 加 i ご 注

More information

迷惑メールフィルタリングコントロールパネル利用者マニュアル

迷惑メールフィルタリングコントロールパネル利用者マニュアル 迷 惑 メールフィルタリングサービス コントロールパネル 利 用 者 マニュアル( 一 般 ユーザ 向 け) 第 1.6 版 目 次 1. 本 マニュアルについて... 1 2. はじめに... 1 3. 使 用 方 法... 2 3.1. ご 使 用 の 前 に... 2 3.2. ログイン / ログアウト 操 作... 2 3.2.1. ログイン 操 作... 2 3.2.2. ログアウト 操

More information

甲南大学 Office365卒業生メールの使い方

甲南大学 Office365卒業生メールの使い方 甲 南 大 学 Office365 卒 業 生 メールの 使 い 方 2016/3/25 情 報 システム 室 (Version 1.0) このマニュアルは Windows 7/Internet Explorer の 環 境 を 基 に 作 成 しています OS やブラウザが 異 なる 場 合 は 環 境 にあわせて 操 作 してください マニュアル 内 では Office365 卒 業 生 メールを

More information

ナビゲーションバー セクションタブ ページタブバー 落 書 きノート セ ク シ ョ ン 2

ナビゲーションバー セクションタブ ページタブバー 落 書 きノート セ ク シ ョ ン 2 1 情 報 をまと める 2ミニノートを 使 う 3 図 形 を 描 く 4 写 真 イラス ト 挿 入 5 手 書 き 機 能 6ファイルを そのまま 挿 入 7 他 のソフト ウェアとリンク 1 テキストデータ 画 像 動 画 音 声 色 々な 場 所 にあるファイルやデータの 整 理 2 通 知 領 域 から 起 動 させて 使 う 思 いついたらすばやく 書 き 込 める 3 線 や 図 形

More information

Microsoft Word - 150410_e-Gov提出マニュアル(化審法3条).doc

Microsoft Word - 150410_e-Gov提出マニュアル(化審法3条).doc e-gov 電 子 申 請 システムを 使 用 した 少 量 新 規 化 学 物 質 製 造 輸 入 申 出 提 出 マニュアル 平 成 27 年 4 月 経 済 産 業 省 製 造 産 業 局 化 学 物 質 管 理 課 化 学 物 質 安 全 室 e-gov 電 子 申 請 システムを 使 用 した 少 量 新 規 化 学 物 質 製 造 輸 入 申 出 の 提 出 マニュアル 目 次 提 出

More information

(Microsoft Word - \203e\203L\203X\203g.doc)

(Microsoft Word - \203e\203L\203X\203g.doc) ? Windows フォトストーリー3とは? 静 止 画 像 から 擬 似 ムービーを 作 成 できる Microsoft の 無 料 のソフトです 音 楽 をつけたり ナレーションを 入 れたり 切 り 替 え 効 果 をつけたりでき 手 軽 にスライドショーが 作 れます それをネット 上 で 見 せることや ビデオ CD に 焼 いて 他 の 人 に 見 せる 事 もできます http://www.geocities.jp/sweet_cherry_1102/rose.html

More information

ポップアップブロックの設定

ポップアップブロックの設定 電 子 申 請 サービス 事 前 準 備 Web ブラウザの 設 定 第 1.3 版 平 成 26 年 12 月 福 岡 県 ふくおか 電 子 自 治 体 共 同 運 営 協 議 会 - 目 次 - 第 1 章 はじめに... 1 第 2 章 ポップアップブロックの 設 定... 1 2-1. Internet Explorer をご 使 用 の 場 合... 1 2-2. Mozilla Firefox

More information

やさしくPDFへ文字入力 PRO v.9.0 かんたん操作マニュアル

やさしくPDFへ文字入力 PRO v.9.0 かんたん操作マニュアル 1 はじめに... 3 1.やさしくPDFへ 文 字 入 力 で 出 来 ること... 4 2.やさしくPDFへ 文 字 入 力 を 起 動 しよう... 6 3. 画 像 を 読 み 込 んでみよう... 8 4. 読 み 込 んだ 元 画 像 をなおしてみよう... 15 5. 文 字 入 力 する 場 所 を 指 定 しよう... 19 6. 文 字 を 入 力 しよう... 24 7. 入

More information

<4D6963726F736F667420576F7264202D20817989E6919C8EE68D9E817A979897708ED2837D836A83858341838B2E646F63>

<4D6963726F736F667420576F7264202D20817989E6919C8EE68D9E817A979897708ED2837D836A83858341838B2E646F63> 住 My Note お 客 様 マ ニ ュ ア ル ID パスワード 情 報 お 名 前 お 客 様 I D パスワード1 パスワード2 更 新 日 ID パスワード 情 報 を 忘 れないよう システム 利 用 時 に 記 入 してください ID パスワード 情 報 は 紛 失 しないよう 管 理 してください 平 成 27 年 6 月 住 宅 金 融 支 援 機 構 目 次 1.ご 利 用 案

More information

Wordの活用術

Wordの活用術 システム 管 理 室 レポート 卒 論 に 役 立 つ! Word の 活 用 術 ( 横 書 き 縦 書 き 両 対 応 ) 書 き 始 める 前 に 必 ずチェック! まず 初 めにページ 設 定 を 行 いましょう... バックアップを 必 ずとりましょう... 誤 ってファイルを 消 してしまった/ファイルが 壊 れているとき....ページ 番 号 を 挿 入 する - 枚 目 からページ

More information

Microsoft Word - Gmail操作ガイドver1.1.docx

Microsoft Word - Gmail操作ガイドver1.1.docx Gmail 利 用 者 向 け 操 作 マニュアル ver1.1 山 梨 学 院 大 学 山 梨 学 院 短 期 大 学 更 新 履 歴 版 番 号 更 新 日 内 容 1.0 2012/3/15 初 版 作 成 1.1 2012/3/26 Gmail ログイン 後 のウェルカム 画 面 変 更 Copyright 表 示 設 定 目 次 1. はじめに... 1 1.1. Gmail のすべての

More information

Gマップマニュアル

Gマップマニュアル 2013.08.13 地 図 クラブ 例 会 資 料 Googleマップ マニュアル Gマップの 使 い 方 1 Gマップの 検 索 とトップ 画 面 01 2 Gマップの 部 位 名 称 と 概 要 02 3 目 的 地 の 表 示 03 4 建 物 から 地 図 を 検 索 03 5 電 話 番 号 から 店 舗 を 検 索 04 6 航 空 写 真 を 表 示 させる 04 7 Gアースの 表

More information

KnowledgeDeliver

KnowledgeDeliver 受 講 者 マニュアル 受 講 者 マニュアル 目 次 1. 本 書 について... 4 2. 映 像 学 習 システムで 学 習 する... 5 2-1 ログインする... 5 2-2 パスワードを 変 更 する... 6 2-3 一 般 的 なクラスの 仕 組 み... 7 2-3-1 教 材 検 索 の 使 い 方... 10 中 学 講 座 向 け 動 画 コードの 使 い 方... 10

More information

コンピュータ基礎実習(上級) 第二回

コンピュータ基礎実習(上級) 第二回 コンピュータ 基 礎 実 習 ( 上 級 ) 第 四 回 ウェブページの 作 成 について3 清 水 淳 紀 前 回 までの 内 容 ページの 作 成 方 法 ( 編 集 アップロード 確 認 ) ページはKompozer やメモ 帳 等 で 編 集 する ページを 公 開 するには アップロードをする 必 要 がある Internet Explorerなどでページを 開 き F5キーで 表 示 を

More information

Word Mobileを 利 用 する Word Mobileは 新 規 でWord 文 書 を 作 成 したり パソコで 作 成 した Wordファイルを 閲 覧 / 編 集 したりできままたWord Mobileで 作 成 編 集 した 文 書 やテレトをdoc dot docx dotx rt

Word Mobileを 利 用 する Word Mobileは 新 規 でWord 文 書 を 作 成 したり パソコで 作 成 した Wordファイルを 閲 覧 / 編 集 したりできままたWord Mobileで 作 成 編 集 した 文 書 やテレトをdoc dot docx dotx rt Word Mobileを 利 用 する...138 ファイルを 新 規 作 成 する... 138 ファイルを 開 く/ 閉 じる... 138 Word Mobileのメニュ... 139 Excel Mobileを 利 用 する...140 ファイルを 新 規 作 成 する... 140 ファイルを 開 く/ 閉 じる... 141 Excel Mobileのメニュ... 141 PowerPoint

More information

スライド 1

スライド 1 更 新 ツールマニュアル 更 新 ツール マニュアル 目 次 目 次 はじめに ご 利 用 にあたって 管 理 画 面 を 開 こう 各 エリアの 名 称 ページ 内 の 更 新 目 的 別 マニュアル ページ. -.ロゴ 画 像 を 変 更 したい 6. -.メイン 画 像 を 変 更 したい 8. -. 他 ページのメイン 画 像 もトップページのものと 統 一 させる. -4. 本 文 ブロックの

More information

CD ケースを 使 って 卓 上 カレンダーにしましょう 1.CD ケースサイズの 設 定 最 初 に ワードを 起 動 して ページを 設 定 します 設 定 したテキストボックス 中 へエクセルで 作 成 したカレンダーを 挿 入 します 1.ワードを 起 動 します 2.メニューバーの[ファイ

CD ケースを 使 って 卓 上 カレンダーにしましょう 1.CD ケースサイズの 設 定 最 初 に ワードを 起 動 して ページを 設 定 します 設 定 したテキストボックス 中 へエクセルで 作 成 したカレンダーを 挿 入 します 1.ワードを 起 動 します 2.メニューバーの[ファイ 0 CD ケースを 使 って 卓 上 カレンダーにしましょう 1.CD ケースサイズの 設 定 最 初 に ワードを 起 動 して ページを 設 定 します 設 定 したテキストボックス 中 へエクセルで 作 成 したカレンダーを 挿 入 します 1.ワードを 起 動 します 2.メニューバーの[ファイル]の[ページ 設 定 ] をクリックして[ 用 紙 ]A4 [ 余 白 ]の[ 上 下 左 右

More information