2006年6月16日スマイル会ＨＰ研修会第2回

Size: px

Start display at page:

Download "2006年6月16日スマイル会ＨＰ研修会第2回"

まともゆのもと
5 years ago
Views:

1 第 2 回スマイル会ホームページ更新方法研修会 2016 年 6 月 16 日堀尾哲一郎 1. 第 1 回研修会 ( ) のおさらい 1.1. インターネットの仕組みインターネット (internet) とはインターネットプロトコル技術を利用してコンピュータネットワーク間の相互接続を行うことにより実現されるネットワークのことである我々がインターネットを利用する場合インターネットに常時接続しているプロバイダーと接続契約を結び Web ブラウザ (Internet Explorer など ) ソフトと URL(Uniform Resource Locator) 統一資源位置指定子というインターネット上のリソース ( 資源 ) を特定するための形式的な記号の並び ( 住所と考えると判り易い ) を利用して情報を交換することができますスマイル会の場合であるフレッツ光 -WAKWAK J:COM-ZAQ 1

2 1.2. Web ブラウザとは 2

3 ホームページを見るためのソフトで代表的なものはマイクロソフト社の Internet Explorer とネットスケープ社の Netscape Navigator があります 1.3. ホームページの仕組みホームページはたいていの場合複数のページから構成されていますその中で指定された URL を入力したときに通常最初に表示されるページのことをトップページそれ以外のページのことをサブページと呼びますトップページは本でいえば表紙に当たる部分でタイトルや目次などが含まれサブページには内容が含まれという構成が一般的ですスマイル会のホームページのリンクの状況を以下に示しますトップページは index.htm で左右 2つのフレームで構成され左が mokuji.htm で右が hyoushi.htm でありますそしてそれぞれのページがさらに再分化され下図では hyoushi.htm の再分化の一部を示してあります 1.4. HTML(Hyper Text Markup Language) ファイルとは? アルファベットと記号を組み合わせたホームページ専用の言語 <P><H1><IMG> といったタグを使って記述しますホームページを作成するためには HTML 言語を記述しなくて 3

4 はなりませんがホームページビルダーを使えば HTML 言語を知らなくてもホームページを作成ことができます必要なタグは自動的に埋め込まれるのでどのタグを使っているのかを気にする必要がありませんタグの例 : <P> 一つの段落 ( パラグラフ ) であることを示す <H1> 見出しを付ける <IMG> 画像を表示次の例は今後の例会予定ページの表示とそれに対応した HTML 表示です 4

5 1.5. サイトとは? ホームページ関連のファイルがすべて入っているサーバー上の場所のことホームページビルダーでホームページ関連のファイルをパソコン上で管理する単位パソコン上にサイトを作成しておけばホームページで使われるファイルの構成ページ間のつながり ( リンク ) などホームページ全体の構造を把握できるようになるのでホームページの管理が容易になりますまたサイト転送を使ってサイトに必要なファイルを一括してプロバイダーのサーバーに転送できるようになります 1.5. サーバーとは? プロバイダーが所有するコンピューターホームページを転送するときはいつでもこのサーバーにアクセスすることになりますホームページビルダーは転送に必要な情報 (FTP サーバー名 FTP アカウント FTP パスワードおよび転送先フォルダ ) を転送設定として管理しますので一度これらの情報をホームページビルダーに登録すれば次からは登録したものを利用できるので便利です 1.6. ホームページ作成ソフトホームページ作成ソフトは多数公開されており無料のものもありますスマイル会のホームページ作成には当初日本 IBM ( 株 ) の販売していたホームページビルダー 6.5 を使用していましたが現在までに V6.5 V9 V11 V15 とバージョンアップしてきました販売会社は V15 からは日本 IBMからジャストシステムに替わっています現在 V20 が販売されていますがスマイル会では V15 を引き続き使用しています 1.7. ホームページ作成時の確認事項トップページのファイル名はプロバイダーで定められた名前を付けるファイル名には半角の英数小文字を使うファイルの名前や保存場所を勝手に変更しない 1.8. スマイル会のホームページの構成フロントページは左右に分かれており左側に構成される項目の一覧が示されていますすなわち上から 5

6 一般項目活動内容 ( 著作など ) 活動内容 ( ジャンル別 ) 活動内容 ( 年度別 ) 活動内容 ( 発表者別 ) です右側はスマイル会の説明更新日アクセスカウンター最新情報が表示されています最新情報は詳細情報にリンクしています 1.9. ホームページ公開までの流れホームページ ( サイト ) 作成管理転送作成 : ホームページビルダーを使ってサイトを作成します管理 : 例会報告を例に説明します初めに例会報告で使う画像を imageホルダーに入れ報告文 (PDF ファイルに変換 ) を report ホルダーに入れます次にこれらを使用して例会報告のページを作成します必要に応じてサイトの関連部分を更新します転送設定 : 作成したホームページをインターネットに公開するには作成したホームページのファイルをプロバイダーのサーバーに転送しなければなりません転送設定とはプロバイダーのサーバーに HPB で作ったホームページと素材のファイルを転送するための設定のことですプロバイダーのサーバーへ転送するにはプロバイダーの選択 ( スマイル会の場合はその他を選択 ) FTP サーバー名 FTP アカウント FTP パスワード転送先フォルダーを入力しますサーバーにファイルを転送すればインターネットを使っているすべての人にスマイル会のホームページを見てもらえますプロバイダー (Internet Service Provider) スマイル会が現在契約しているプロバイダーとその契約内容は次の通りです GMOビジネスサポート ( 株 ) 山口県下関市細江町下関第一生命ビル 3 階 6

7 電話 : Fax: ホームページ : 契約プラン : ビギナープラン契約期間 : 2015 年 3 月 1 日 ~2016 年 2 月 29 日利用料金 : 24,840 ドメイン維持管理料 : 1,080( 次年度から 1,598 に改定予定 ) レンタルサーバーサービス開始通知書 ( ) 10 月 8 日現在の利用状況 : ディスク容量 1.50GB 使用量 MB(21%) 例会報告作成例 10 月例会報告作成を例に例会報告の作成手順を以下に示しますドキュメントファイル smile-ymc ( スマイル会のサイト ) index.htm( サイトの頭 ) mokuji.htm( フロントページの左側 ) hyoshi.htm( フロントページの右側 ) Sub (10 月例会報告のページ ) の作成 schedule.htm( 今後の予定 ) talk_room.htm( その他 ( 著作など )) seiji.htm( 政治 ) kokusai.htm( 国際 ) bunka.htm( 文明文化 ) sub2015.htm(2015 年の活動一覧 ) umezu2013.htm( 梅津氏のページ ) nakamura2006.html( 中村氏のページ ) imageホルダー ( 画像 ) naka1(10 月例会時の写真 ) naka2(10 月例会時の写真 ) naka3(10 月例会時の写真 ) naka4(10 月例会時の写真 ) naka5(10 月例会時の写真 ) report ホルダー ( 文書 ) nakamura_resume(10 月例会報告のレジュメ ) umezu1( 梅津氏提供の記事 ) umezu2( 梅津氏提供の記事 ) 7

8 1.12. 質疑応答討論今後のスケジュール 2. 事前準備第 2 回研修会には HPB(versionには拘りません ) をインストールした PCを持参ください山本利久様と辻宏様は HPB20 中村嘉孝様は HPB13 堀尾が HPB15 をインストールしていると理解しております左のできるホームページビルダー 20 によると HPB20 にはホームページビルダー 20 クラシックとホームページビルダー 20SP という2つのソフトが入っており使い分けることができます現在のスマイル会の HP はホームページビルダー 15 で作成しているので HPB20 を使用している方は HPB20 クラシックを使用すれば HPB19 より前のバージョンの方と同じように既存の HP を編集できます今回はこの方法で研修会を行いますできるホームページビルダー 20 をお持ちの方は当日ご持参願います 3. 第 2 回研修会の作業 3.1.HPB20 をクラシックで起動 HPB20 でない場合は手持ちの HPB を起動する 3.2. スマイル会 HP のサイト情報をコピー堀尾が USB(Universal Serial Bus) にサイト情報 (smile-ymc MB) を保存して持参し各自のドキュメントホルダーにコピーする 3.3. サイト新規作成サイトをクリックサイトの新規作成をクリックサイト名を入力し次へをクリック既存ページをトップページとして使用をクリック参照をクリックファイルの場所にサイトが保存されているフォルダーを選択 index をクリック開くをクリック( トップページとして使用するファイルが選択された ) 次へをクリック( 転送設定の画面が表示された ) 転送時に転送設定をするが選択されていることを確認完了をクリック( 取り込んだサイトのビジュアルサイトビューで表示された ) index.html をダブルクリック( トップページが表示されることを確認 ) 3.4. 転送設定をする転送するサイトを表示するサイトをクリック転送設定にマウスポインタを合わせる転送設定の新規作成をクリック 8

9 その他のプロバイダを使用するをクリック名前へ転送設定の名前を入力次へをクリックレンタルサーバーサービス開始通知書の情報を参照して転送設定の各項目を次の通り転記するで完了をクリック転送実験はインターネットに接続していないので本日はここまインターネットに接続できる環境 ( 自宅 ) での転送実験以上 9

ホームページ・ビルダーサービス「ライトプラン」

ホームページ・ビルダーサービス「ライトプラン」マニュアルホームページビルダー 14 以前のバージョンをお使いの方へお手続きの流れ 2 1. お知らせメールの確認 3 2. コンテンツの移動 5 3. 自動転送設定の申し込み 8 ホームページビルダーサービスは株式会社ジャストシステムが提供するサービスです Just MyStage は株式会社ジャストシステムが提供するサービスです Microsoft Windows Internet