ホームページの 作 り 方 2008 年 5 月 更 新 明 治 大 学 講 習 の 前 に この 講 習 は ホームページ ビルダー10 を 利 用 してホームページを 作 成 し 駿 河 台 地 区 設 置 の WWW サー バーで 公 開 する 手 順 を 実 習 する 講 習 です( 注 1 最 新 のバージョンと 異 なる 場 合 もあります) 講 習 では2つ ページを 作 成 します 作 成 したページは FD または USB メモリに 保 存 します なお このテキストはパソコンの 基 本 的 な 操 作 は 一 通 りできるものとして 作 成 されています ブラウザ (NetscapeNavigator や Internet Explorer)の 使 い 方 はこの 講 習 ではふれません また ホームページを 公 開 す るためには 基 盤 サービスの 電 子 メイル 利 用 申 請 が 必 要 です 1
目 次 1.ページ 公 開 の 仕 組 み...3 2.HTMLと タグ...4 3. 準 備...4 4.ホームページ ビルダーの 立 ち 上 げ...5 5. 新 たにページを 作 成 する...5 (1) 通 常 の 新 規 作 成...5 (2)フレームを 使 いたい 場 合 などの 新 規 作 成...6 6. 見 出 しの 作 成...7 7. 文 の 入 力 ( 段 落 の 作 成 )...8 8. 水 平 線 の 入 力...9 9. 箇 条 書 きの 作 成...9 10.ページにタイトルを 付 ける...11 11.ページを 保 存 する... 12 12.リンクの 設 定... 13 (1)リンク 先 の 用 意... 13 (2) 設 定... 13 13. 画 像 の 貼 り 込 み... 16 14.ページの 保 存 ( 画 像 ファイルも 合 わせて 保 存 する)... 17 15.ページのアップロード( 転 送 と 公 開 )... 18 付 録... 20 A. 文 字 の 書 式 の 変 更... 20 B.リンクの 設 定 (URLで 指 定 )... 21 C. 表 の 作 成... 22 D.FFFTPでのサーバー 側 のファイル 操 作... 23 (1)ファイルの 削 除... 23 (2)フォルダの 作 成... 23 E.FTPツールによるファイル 転 送... 24 F.ロゴの 作 成... 26 2
1.ページ 公 開 の 仕 組 み ホームページは WWW(World Wide Web ワールドワイドウェブ)というシステムを 利 用 して 情 報 を 発 信 する 際 に 作 成 します 作 成 したデータを WWW サーバー( 情 報 を 実 際 に 発 信 するコンピュータ) 上 に 用 意 することで イン ターネット 上 のコンピュータから そのデータが 閲 覧 されるようになります 駿 河 台 和 泉 の 利 用 者 がホームページを 公 開 する 場 合 は 作 成 したデータを suruga2 あるいは kjk2-kws, kjk3-kws というコンピュータに 転 送 (アップロード)します その 際 には 必 要 に 応 じて 事 前 に 各 自 の 転 送 先 に local_html あるいは public_html というディレクトリー(フォルダー)を 用 意 し 学 内 へのみ 公 開 にしたいならば suruga2 の local_html へ( 練 習 用 ) 学 外 へも 公 開 にしたいならば suruga2 の public_html へ 転 送 します なお 転 送 したデータは 以 下 の URL で 参 照 できます 学 内 のみの 公 開 http://local.kisc.meiji.ac.jp/~ユーザーid/ファイル 名 / 学 外 への 公 開 http://www.kisc.meiji.ac.jp/~ユーザーid/ファイル 名 / なお ホームページを 公 開 するに 当 たっては MIND 利 用 基 準 を 遵 守 しなければなりません 以 下 を 参 照 し てください 学 校 法 人 明 治 大 学 総 合 情 報 ネットワーク(MIND) 利 用 基 準 MIND 利 用 上 の 遵 守 事 項 ガイドライン~ 明 治 大 学 で インターネットを 使 う 上 で~ 3
2.HTMLと タグ ホームページは HTML(Hyper Text Markup Language) という 形 式 で 記 述 します <HTML> <HEAD> <TITLE>ホームページだよ~ん</TITLE> </HEAD> <BODY> <H1>ホームページだよ~ん</H1> <IMG SRC= my_face.gif > <HR> ほにゃほにゃ ふげふげ </BODY> </HTML> この 中 の <H1> や </H1> をタグといい データの どういう 要 素 であるか を 指 定 しています この HTML の データはテキストデータですので メモ 帳 などでも 作 成 可 能 ですが その 場 合 は タグ の 種 類 意 味 を 覚 えて いないと 作 成 できません この 講 習 で 使 う ホームページ ビルダー は タグ を 知 らなくても マウスの 操 作 でデータにタグを 自 動 的 に 埋 め 込 みながらホームページの 作 成 を 行 なえるソフトです 3. 準 備 講 習 会 では 学 内 用 に 公 開 するページの 作 成 を 行 います 用 意 した FD または USB(フラッシュメモリ)に local_html という 名 前 のフォルダを 作 成 してください 以 後 作 成 したページなどはこのフォルダに 保 存 します また この 講 習 では サーバーへの 転 送 は このフォルダーごと 行 います 4
4.ホームページ ビルダーの 立 ち 上 げ ホームページ ビルダーは 以 下 の 順 にメニューをたどって 立 ち 上 げてください スタート すべてのプログラム(P) その 他 ホームページ ビルダー これでホームページ ビルダーが 立 ち 上 がります すべてのプログラム から IBM ホームページ ビルダー10 ホームページ ビルダー の 順 で 立 ち 上 げても 同 様 です 5. 新 たにページを 作 成 する (1) 通 常 の 新 規 作 成 ホームページ ビルダーが 立 ち 上 がると 最 初 に スタート ウィンドウが 表 示 されます この 中 から ページを 作 成 する(N) をクリックしてください 次 いで ページ 作 成 方 法 の 選 択 ウィンドウから 白 紙 ページ(B) を 選 択 してください 白 紙 ページの 作 成 ウィンドウが 現 れるので 編 集 モード(E) メニューから 標 準 モード を 選 択 します これで ページの 作 成 が 始 められます 5
(2)フレームを 使 いたい 場 合 などの 新 規 作 成 白 紙 ページの 作 成 ウィンドウで ページの 種 類 (P) メニューから フレームページ を 選 択 するとフレームを 使 用 したホームページを 作 成 できます ページを 閲 覧 するであろう 対 象 のシステム(PC, 携 帯 電 話 など)の 指 定 は 白 紙 ページの 作 成 ウィンド ウの 表 示 環 境 (D) メニューから 選 択 できます 白 紙 から 作 成 するか 予 め 用 意 された 雛 形 (テンプレート)を 元 に 作 成 を 始 めるかの 指 示 は ページ 作 成 方 法 の 選 択 ウィンドウから 選 択 できます 詳 細 なレイアウトの 指 示 を 含 むページを 作 成 するか 否 かの 指 示 も 同 様 に ページ 作 成 方 法 の 選 択 ウ ィンドウから 選 択 できます はじめて 利 用 する 場 合 や 意 味 がよくわからない 場 合 には (1) 通 常 の 新 規 作 成 の 手 順 で 進 めるのがよいでしょう 注 )このテキストでは 初 心 者 用 の 編 集 スタイルである かんたん モードで 作 成 していきます あら かじめ 表 示 (V) の 編 集 のスタイルの 切 り 替 え(O) を 選 択 し かんたん モードに 切 り 替 えてお きましょう 6
6. 見 出 しの 作 成 はじめにページに 見 出 しをつけましょう ページ 編 集 の 画 面 内 で 適 当 にクリックしてください この 状 態 で 文 字 を 入 力 すると 通 常 の 文 として 文 字 が 入 力 されます 文 字 が 入 力 されている 間 色 つきの 枠 が 表 示 されます この 枠 が 現 在 編 集 している 対 象 (あるいはページの 部 分 を 示 していて この 枠 内 の 箇 所 に 対 して 様 々な 設 定 を 指 示 することが 可 能 です 色 つきの 枠 内 の 文 字 ( 列 )に 対 して 属 性 等 が 指 示 できる 文 字 を 入 力 したら ツールバーにある かんたん 編 集 の 属 性 の 変 更 (A) をクリックし 属 性 ウィンドウの 段 落 (P) メニューの 中 から 見 出 し 1 を 選 択 してみてください すると 入 力 した 文 字 に 対 して それが 見 出 し の レベル1 であることが 指 示 されて 画 面 上 の 表 示 も 変 化 します この 操 作 は 画 面 左 上 のメニューから 選 択 することでも 可 能 です 見 出 し は 新 聞 でいう 見 出 し と 同 じ 意 味 で 表 示 される 文 字 の 大 きさについての 指 示 とは 異 なります 見 出 し がブラウザー 上 (ネットスケープナビゲーターやインターネットエクスプローラー)で どのような 文 字 大 きさで 表 示 されるかという 点 については 基 本 的 にはブラウザー 次 第 です 通 常 の 文 を 入 力 している 際 に 単 純 に 文 字 の 大 きさを 変 更 したい 場 合 は 書 式 メニューの サイズ を 選 択 し 文 字 の 大 きさを 変 更 してください 実 際 の 手 順 は 付 録 A. 文 字 の 書 式 の 変 更 を 参 照 してください 7
7. 文 の 入 力 ( 段 落 の 作 成 ) 見 出 しの 設 定 ができたら 通 常 の 文 章 を 入 力 してみましょう まず 見 出 しの 下 をクリックしてください このとき 見 出 しにあった 枠 の 表 示 が 消 えた 場 合 は そこから 新 しい 段 落 が 開 始 できます まだ 見 出 しに 枠 があり 見 出 し 文 の 末 尾 にカーソルが 残 っている 場 合 は 下 向 き 矢 印 ( )をクリックしてください ドキュメント アウトライナを 使 っていると 矢 印 キーで 見 出 しレベルが 変 更 されることがあります このような 場 合 は 一 旦 編 集 ウィンドウをクリックしてください ホームページビルダーでは 通 常 下 向 きのカーソルキー( 矢 印 キー )を 押 して 新 しい 文 段 落 を 開 始 し ます カーソルが 次 の 行 に 移 動 していたら そこから 適 当 に 文 字 ( 文 )を 入 力 してみてください ホームページ ビルダーで エンター(Enter) キーを 押 すと 行 は 変 わりますが 段 落 が 変 更 になったとはみなされ ません 段 落 と 改 行 改 行 の 指 示 は 行 を 変 えるという<BR>タグをページに 埋 め 込 みます 一 方 段 落 の 変 更 は<P>タグが 埋 め 込 まれます ホームページを 作 成 する 際 に 使 わない 方 が 良 い 文 字 世 の 中 には 様 々なコンピュータがあり 機 種 によっては 表 示 できない 文 字 があります 例 えば 半 角 カナ 文 字 丸 付 きの 数 字 などがそれにあたります ページを 作 成 する 際 には このような 文 字 の 使 用 は 避 けた 方 がよいでしょう 8
8. 水 平 線 の 入 力 次 は 水 平 線 ( 区 切 り 線 )を 引 いてみましょう 左 側 の ナビメニュー から 水 平 線 の 挿 入 を 選 択 する これで 水 平 線 が 入 ります 9. 箇 条 書 きの 作 成 今 度 は 箇 条 書 きを 作 成 してみましょう ホームページで 使 われる 箇 条 書 きには 番 号 なしの 箇 条 書 き( 通 常 の 箇 条 書 き) 番 号 つきの 箇 条 書 き などがあります では カーソルを 移 動 し 枠 が 表 示 されていない 状 態 にしてください 箇 条 書 きは 左 側 の ナビメニュー から リストの 挿 入 を 選 択 し リストの 挿 入 ウィンドウで 箇 条 書 きの 種 類 を 指 定 することではじめます 9
通 常 を 選 択 すると カーソル 位 置 に が 表 示 されるので 何 か 文 を 入 力 し Enter キーを 押 してみてく ださい すると 2 番 目 の 文 が 入 力 できるようになります 箇 条 書 きは この 操 作 の 繰 り 返 しで 必 要 な 分 だけ 入 力 し ます 10
10.ページにタイトルを 付 ける 作 成 したページには 必 ずタイトルを 付 けるようこころがけましょう タイトル と 見 出 し は 異 なりますので 注 意 してください ページ 余 白 部 分 をクリックしてから 編 集 (E) メニュー 属 性 の 変 更 (A) の 順 に 選 択 してください ページ 情 報 タブにある ページタイトル(P) に 適 当 にタイトルを 入 力 し OK をクリックしてください ここで 入 力 した 文 字 列 が 編 集 中 のページのタイトルになります ページの 背 景 色 や 表 示 文 字 の 色 の 変 更 な ども ページの 属 性 として 指 示 することができます 11
11.ページを 保 存 する 保 存 は ファイル(F) メニューから 名 前 を 付 けて 保 存 (A) を 選 択 し FD(または USB メモリ)へ index.html と いう 名 前 で 保 存 してください 保 存 する 場 所 を 指 定 しないと マイドキュメント にページが 保 存 されてしまうの で 注 意 してください index.html という 名 前 について 明 治 大 学 で 運 用 している WWW サーバーは あるクライアント(ブラウザ)からページのリクエストを 受 け 取 ったと きに ページの 名 前 が 省 略 されていると index.html (または index.htm)という 名 称 のファイルを 応 答 します たと えば http://www.kisc.meiji.ac.jp /manuals/ という 要 求 を 受 け 付 けた 場 合 応 答 として http://www.kisc.meiji.ac.jp/manuals/index.html を 応 答 します WWW サーバーでは ファイル 名 が 省 略 された 場 合 に この 名 前 index.html(あるいは index.htm) というファイ ルを 応 答 するという 設 定 がされている 場 合 が 多 くあります ページに 付 けるファイル 名 パソコンではファイルやフォルダの 名 前 には アルファベットや 数 字 だけでなく ひらがな カタカナ 漢 字 等 さま ざまな 文 字 を 使 うことが 可 能 です しかし ページの 名 前 (ファイル 名 )に 漢 字 等 を 使 用 すると ページを 公 開 す る 際 に ページ 名 が 文 字 化 けを 起 こしたり 別 の 形 式 の 文 字 列 に 変 換 されてしまうことがよくあります よって ペ ージに 付 ける 名 前 は 英 数 字 ( 半 角 )をのみを 使 うよう 注 意 してください 12
12.リンクの 設 定 (1)リンク 先 の 用 意 次 はリンクの 設 定 ですが その 前 にリンク 先 のページを 用 意 しておきましょう もう 一 度 ファイル(F) メニュー から 標 準 モードで 新 規 作 成 (B) を 選 択 してください こちらのページは 単 純 に index.html からのリンク 先 として 用 意 するだけですので 適 当 に 文 字 を 入 力 し sub.html という 名 前 を 付 けて 保 存 してください ( 余 裕 があれば こちらのページにもタイトルを ) 保 存 できたら 右 側 にある ページ 一 覧 タブを 見 てください 現 在 開 いているページの 一 覧 が 表 示 されていま す 複 数 のページを 開 いている 場 合 は この 中 から 編 集 したいページを 選 択 できます では index.html を 選 択 してください (2) 設 定 最 初 に 作 成 保 存 した index.html に そこから sub.html へ 移 動 するためのリンクを 設 定 しましょう 先 ほど 練 習 した 箇 条 書 きの 後 にカーソルを 移 動 してください その 場 所 に 今 回 は 次 のページへ と 入 力 してください さ らに 次 のページへ の 部 分 をドラッグして 色 が 反 転 した 状 態 にしてください このドラッグした 文 字 列 のどこかをクリックしたときに 別 のページへ 移 動 する 設 定 をします 13
このままの 状 態 で 左 側 ナビメニュー タブから リンクの 挿 入 を 選 ぶと リンク 作 成 ウィンドウが 表 示 されます ここで ページや URL へのリンクを 作 成 する(P) を 選 択 し 次 へ をクリックし リンク 作 成 ウィザード( 文 字 列 画 像 ファイルの 設 定 ) ウィンドウではそのまま 次 へ をクリック リンク 作 成 ウィザード(ページや URL へのリンク 作 成 ) ウィンドウで 選 択 ボタンをクリックし ファイルから を 選 択 開 く ウィンドウが 表 示 されるので sub.html を 選 択 して 開 く 完 了 の 順 にクリックしてください すると 先 ほどドラッグした 箇 所 に 下 線 が 引 かれます これでリンクの 設 定 は 終 了 です 正 しく 設 定 できたか 確 認 するには プレビュー を 選 択 し 実 際 に 設 定 したリンクの 箇 所 をマウスでクリックして みます クリックしたときに 意 図 したページが 表 示 されれば 正 しく 設 定 がなされていることになります プレビュー の 状 態 では 編 集 はできません 設 定 が 間 違 っていた 場 合 などは ページ 編 集 をクリックし リン クの 設 定 した 箇 所 を 一 旦 クリックしてから リンク 先 の 再 指 定 をしてください リンクは ドラッグ した 状 態 で 右 クリックし メニューの リンクの 挿 入 (L) を 選 択 しても 同 じ 様 に 設 定 できます 14
属 性 ウィンドウで 先 ほどのようにリンク 設 定 を 行 うことができます 画 像 (アイコン)などをクリックした 場 合 に 別 のページへ 移 動 するようなリンクの 設 定 も 同 じ 方 法 で 行 います 15
13. 画 像 の 貼 り 込 み 今 度 は 画 像 を 貼 り 込 んでみましょう 今 回 は ホームページ ビルダーに 添 付 されている 素 材 集 の 画 像 を 貼 り 込 んで 見 ます カーソルを 移 動 し 枠 が 表 示 されていない 状 態 にしてください 次 に ナビメニュー タブの 画 像 ファイルの 挿 入 から 素 材 集 から を 選 択 してください 左 側 の 素 材 タブからも 画 像 ファイルを 選 択 することができます 素 材 集 の 中 から 好 きな 画 像 を 選 択 して 開 く(O) をクリックすれば カーソル 位 置 に その 画 像 が 貼 り 込 まれま す カーソル 位 置 に 画 像 が 入 る 画 像 を 貼 るときに ページに 貼 り 込 む 画 像 データの 著 作 権 や デジカメなどで 撮 影 した 写 真 の 場 合 そこに 自 分 以 外 の 人 物 が 写 っている 場 合 の 肖 像 権 などには 十 分 注 意 してください ページに 貼 る 画 像 の 形 式 通 常 ページに 画 像 ファイルを 貼 る 場 合 GIF( 拡 張 子.gif)や JPEG( 拡 張 子.jpg) PNG( 拡 張 子.png)といった 形 式 であらかじめ 画 像 を 用 意 しますが Windows の ペイント で 作 成 した BMP( 拡 張 子.bmp)の 画 像 でも ホーム ページ ビルダーでは 貼 り 込 むことが 可 能 です (ホームページ ビルダーが 形 式 を 変 換 してくれます) 16
14.ページの 保 存 ( 画 像 ファイルも 合 わせて 保 存 する) では ページの 用 意 ができたので すべてを 保 存 しましょう すべてを 保 存 するにはまず 編 集 スタイルを スタ ンダード モードに 変 更 します (この 操 作 は 現 在 の 編 集 スタイルである かんたん モードには すべて 保 存 (V) の 項 目 が 無 い 為 必 要 になります 慣 れてくれば 始 めから スタンダード モードでページを 作 成 しても 構 いま せん ) 表 示 (V) メニューの 編 集 スタイルの 切 り 替 え(O) を 選 択 し 編 集 スタイルをスタンダードに 変 え OK をクリック ファイル(F) から すべて 保 存 (V) を 選 択 する 現 在 開 いているページは index.html と sub.html の2つですが 変 更 があったページについて 保 存 の 方 法 を 尋 ねてきます ここで index.html には 先 ほど 貼 り 込 んだ 画 像 があるので その 画 像 ファイルをどこに 保 存 する か ホームページビルダーはたずねてきます 画 像 を 含 むページを 作 成 した 場 合 は 画 像 ファイルの 保 存 場 所 に 注 意 してください ホームページ ビルダー は ページとそのページに 使 われている 画 像 ファイルを 同 じフォルダに 保 存 しようとします 特 に 理 由 がない 限 り ページと 画 像 は 同 じフォルダに 保 存 しておくとよいでしょう ( 特 に 素 材 集 から 画 像 ファイルを 貼 り 込 んだ 場 合 など) Index.html と 同 じ 場 所 画 像 ファイルの 名 前 を 変 更 する 必 要 がある 場 合 には ここで 変 更 しておきましょう 画 像 ファイルを 一 つのフォルダにまとめて 保 存 しておきたい 場 合 は ページと 画 像 ファイルを 無 理 に 同 じフォ ルダにする 必 要 はありませんが 画 像 を 保 存 してあるフォルダも ページを 転 送 公 開 する 際 には 合 わせて 転 送 する 必 要 がありますので 注 意 してください 以 上 で 作 成 は 終 了 です では これらのページをサーバーへ 転 送 し 実 際 にブラウザで 表 示 してみましょう 17
15.ページのアップロード( 転 送 と 公 開 ) 作 成 したページはサーバーへ 転 送 して 初 めて 公 開 されます 公 開 には FFFTP というファイル 転 送 のための ソフトを 利 用 しましょう ホームページ ビルダーにも 作 成 したファイル(ページ)をサーバーへ 転 送 するためのツール FTPツール が ありますが そちらについては 別 に 紹 介 します 駿 河 台 地 区 でページを 公 開 する 際 には 作 成 したページを suruga2, kjk2-kws, kjk3-kws のいずれか に 転 送 する 必 要 があります では スタート メニューから すべてのプログラム(P) を 選 択 し FFFTP を 立 ち 上 げてください suruga2, kjk2-kws, kjk3-kws のいずれかを 選 択 し 接 続 をクリックしてください 接 続 先 のサーバーとしては 3 種 類 が 選 択 可 能 になっていますが どこに 接 続 しても サーバーにあるファイル ディレクトリ(フォルダ)は 同 一 になるように 管 理 されています 本 来 はこの 後 接 続 のための ID とパスワード(パソコンへログインするための ID,パスワードと 同 じ)を 入 力 する 必 要 があるのですが 教 室 実 習 室 ではその 必 要 がないよう 設 定 してありますので 即 座 に 接 続 され 転 送 先 に あるファイル 名 ディレクトリ 名 (フォルダ 名 )が 表 示 されます 一 旦 接 続 を 切 ってしまった 場 合 などは ID,パスワードの 入 力 が 必 要 になります 18
いったん 接 続 を 切 った 後 再 度 接 続 しようとすると ID,パスワー ドを 入 力 する 必 要 がある PC 側 を FD(または USB メモリ)に 指 定 し local_html フォルダごと 転 送 すれば アップロードは 終 了 です サーバー 側 に local_html ディレクトリがない 場 合 は 作 成 されます すでにサーバー 側 に local_html ディレクト リがある 場 合 は 上 書 きされてしまいますので 必 要 に 応 じて 名 前 を 変 更 しておく 等 をしてからアップロードしてく ださい 以 上 で 転 送 は 終 了 しました 切 断 ボタンをクリックして FFFTP を 終 了 してください では ブラウザ(インターネットエクスププローラーかネットスケープナビゲーター)を 立 ち 上 げて http://local.kisc.meiji.ac.jp/~ユーザーid/ にアクセスしてみてください 講 習 は 以 上 です 最 後 に ホームページ ビルダーなど 立 ち 上 がっているソフトウェアを 終 了 してください また 席 を 立 つ 際 には 以 下 の 事 項 にも 注 意 してください FD USB メモリなどが PC に 入 ったままになっていな いか? ログオフしたか? 19
付 録 A. 文 字 の 書 式 の 変 更 文 中 の 文 字 の 色 や 大 きさ 形 を 変 更 したい 場 合 は 以 下 の 手 順 で 行 います 変 更 したい 文 字 列 をドラッグして 反 転 せる このとき 枠 は 段 落 全 体 にかかっているので 右 クリックをして 表 示 されるメニューの 属 性 の 変 更 (A) を 選 択 すると 段 落 に 対 しての 属 性 の 指 定 になってしまい 文 字 の 色 や 形 状 の 変 更 はできない よって この 時 点 では そのままの 状 態 で 書 式 (O) メニューを 開 き 指 定 したい 内 容 を 選 択 する 指 定 できる 内 容 は 以 下 の 通 り 主 な 項 目 フォント(F) 指 定 できる 内 容 文 字 の 色 大 きさ 形 状 ( 太 字 斜 体 など) 文 字 飾 り(M) 太 字 斜 体 下 線 付 などの 指 示 位 置 揃 え(A) 右 寄 せ 左 寄 せ センタリングの 指 示 ここで フォント(F) を 選 択 し フォント ウィンドウ 上 で 色 を 赤 サイズを +2 と 指 定 すると 20
このようになる これを 再 度 変 更 したい 場 合 は 変 更 部 分 をドラッグすると その 部 分 だけに 枠 が 表 示 されるので 右 クリック でひょうじされるメニューから 属 性 の 変 更 (A) を 選 択 すればよい 以 上 です なお 書 式 (O) メニューを 開 かずに 書 式 を 変 更 することも 可 能 です 左 から 太 字 斜 体 打 ち 消 し 線 を 指 示 するボタン( 打 ち 消 し 線 は かんたん モード では 表 示 されない 場 合 があります) 左 から 文 字 拡 大 文 字 の 縮 小 フォント( 大 きさ 色 形 状 など)の 変 更 を 指 示 するボ タン 左 から 左 寄 せ センタリング 右 寄 せ を 指 示 するボタン 文 字 の 大 きさの 指 定 について 文 字 の 大 きさは 1~7 までの 数 字 あるいは -2~+4 の 割 合 で 指 示 します 特 に 指 示 がない 場 合 文 字 の 大 きさは3(0)になります ただし 大 きさの 違 いは 実 際 にブラウザで 表 示 しないとわかりませんので 注 意 してください B.リンクの 設 定 (URL で 指 定 ) リンク 先 にインターネット 上 の 別 のサーバーを 指 定 する 場 合 は 文 字 列 をドラッグして 右 クリックし リンクの 挿 入 (L) を 選 択 したあと 属 性 指 定 のウィンドウで URL へ を 選 択 し リンク 先 の 指 定 をしてください 21
C. 表 の 作 成 表 の 作 成 は 表 (A) メニューの 表 の 挿 入 (B) を 選 択 する あるいは 表 の 挿 入 ボタンのクリックでできます ( 表 の 挿 入 ボタンは かんたん モードでは 表 示 されません) すると 表 の 挿 入 ウィンドウが 表 示 されますので ここで 行 数 列 数 を 指 定 して OK をクリックしてください カーソル 位 置 に 四 角 い 枠 が 指 示 した 数 だけ 表 紙 されます あとは この 枠 をクリックし 文 字 などを 埋 めていけば 表 ができあがります 22
D.FFFTP でのサーバー 側 のファイル 操 作 (1)ファイルの 削 除 たとえば 転 送 の 際 にフォルダーごと 転 送 した 場 合 フォルダー 内 のすべてのファイルが 転 送 されてしまうので ホームページ ビルダーが 作 成 したバックアップ 用 ファイル***.bak.といった 不 要 なものまで 転 送 されてしま います これらを 削 除 したい 場 合 は 不 要 なファイルを 右 クリックし 削 除 を 選 択 し ファイル 名 を 確 認 のうえ はい(Y) をクリックしてください (2)フォルダの 作 成 フォルダの 作 成 は サーバー 側 に 作 成 する 場 合 は いったんサーバー 側 で 右 クリックし 表 示 されるメニュー から フォルダ 作 成 (K) を 選 択 し 名 前 を 指 定 して OK をクリックしてください ( フォルダ 作 成 ボタンをクリックしても 作 成 できます ) 23
E.FTP ツールによるファイル 転 送 ホームページ ビルダーに 添 付 されている FTP ツール(ファイル 転 送 )を 使 用 したファイル 転 送 の 手 順 は 以 下 のとおりです ホームページ ビルダーの ツール メニューから FTP ツールの 起 動 (F) を 選 択 する ファイル 転 送 設 定 ウィンドウが 表 示 されたら 以 下 を 入 力 する サーバープロファイル 名 これはなんでもよい プロバイダの 選 択 いじらなくてよい 指 示 をするなら その 他 を 選 択 する FTP サーバー 名 (S) suruga2, kjk2-kws, kjk3-kws のいずれかひとつ FTP アカウント 名 (U) 自 分 のユーザーID FTP パスワード(P) なにも 入 力 しない あるいは 自 分 のパスワードを 入 力 する ここで 入 力 しない 場 合 接 続 を 始 めたときにパスワードをきかれるので そのときに 入 力 する OK をクリックし 接 続 ボタンをクリックし 次 いでパスワードを 入 力 する 24
左 側 には PC のファイルが 表 示 されるので 必 要 なものを 選 択 し 上 向 き 矢 印 をクリックすれば それがサーバ ーに 転 送 される 終 わったら 切 断 ボタンをクリックして 終 了 25
F.ロゴの 作 成 ロゴ は 以 下 の 手 順 で 作 成 できます ロゴを 入 れたい 箇 所 にカーソルを 移 動 する 左 側 ナビメニュー タブの ロゴ( 飾 り 文 字 )の 挿 入 をクリックする ロゴの 作 成 ウィンドウが 表 示 されるので 文 字 列 サイズ 形 状 等 を 入 力 する 完 了 ボタンをクリックすると カーソル 位 置 にロゴが 入 る 26