Webホスティングの運用

Transcription

1 Web ホストの運用入門 申請からページの更新まで Miyagi University of Education IPC 2013/7/8

2 Web ホスティング利用にあたり 利用対象者 本学の教職員からの申請 講座や大学組織として別途サーバ領域が必要な方 利用者の責務 脆弱性のないホームページを運用すること 発行された ID を不正利用されないよう管理すること 個々の領域における上限は設けていないが共用サーバであることから モラルある利用をすること 情報処理センター管理者より変更等の要請があった場合には速やかに応じること 別に定める 宮城教育大学情報処理センターにおける情報セキュリティ対策実施手順書 事項より 必要に応じ行う点検 対策への協力 Miyagi University of Education IPC 2

3 Webhost サーバの環境 Webhost は利用者による共用サーバである 個々の領域における上限は設けていない OS: Red Hat Enterprise Linux 6.3 Apache Perl v /usr/sbin/perl # perl -v PHP:PHP Version Tomcat 4.1 自作 CGI 可 SQL MySQL SQL Postgres ブログ :MovableType ブログ :WordPress CMS:Netcommons 2 メーリングリスト : 無し ショッピングカート : 既設のもの無し カウンター : 既設のもの無し スパム対策 : 既設のもの無し.htaccess 可 sendmail 可 /usr/sbin/sendmail -t -i SSI 可 各プログラムは常に検証し新しいものにバージョンアップしています 最新バージョンについては Web ホスティングサービスの概要 でご確認ください Miyagi University of Education IPC 3

4 申請 Web ホスティングサービス利用申請書 Miyagi University of Education IPC 4

5 交付の通知は以下の内容でお知らせ 1. URL: global_html( 学外公開 ) は public_html( 学内のみ ) は 2. データのコンテンツの更新は学内からは FTP 学外からは SFTP をご利用ください 接続ホスト名 : hostname.miyakyo-u.ac.jp ユーザ名 :hostname パスワード : 別途ご連絡いたします ローカルの初期フォルダ :/var/www/hostname/ 3. アクセスログ 4. メール転送先 /var/www/hostname/.forward に username@staff.miyakyo-u.ac.jp を登録しております 5. MySQL 情報データベース名 : hostname ユーザ名 : hostname 権限 : フルコントロールパスワード : 別途ご連絡いたします 6. デフォルト Web コンテンツ Movabletype : ログイン画面で ユーザ hostname を使用し 別途ご連絡のパスワードで利用ください Wordpress : ログイン画面で ユーザ admin を使用し 別途ご連絡のパスワードで利用ください Miyagi University of Education IPC 5

6 交付通知の説明 Miyagi University of Education IPC 6

7 Webhost の構成 Webhost の名前 webhost.miyakyo-u.ac.jp ホーム領域 webhost の /var/www/ ホスト名として作成されます ディレクトリ構成 /var/www/hostname/global_html /var/www/hostname/ public_html /var/www/hostname/cgi-bin Miyagi University of Education IPC 7

8 1 領域と URL global_html 配下に index.html を置くと 学外向けコンテンツとして : で見える public_html 配下に index.html を置くと 学内向けコンテンツとして : で見える Miyagi University of Education IPC 8

9 2 ファイル転送の方法 ファイル転送 -FTP(File Transfer Protocol) Win: フリーソフト ffftp Mac: フリーソフト Cyberduck, Fugu リモートコピー Win: フリーソフト winscp など パソコン上に作成 サーバ上にコピー global_html ( フォルダ ) index.html global_html ( フォルダ ) index.html info.html info.html Etc( フォルダ ) index.html etc.html Etc( フォルダ ) index.html etc.html この構成のまとまりを サイト と言います Miyagi University of Education IPC 9

10 3 アクセスログ いつ だれが どのくらいこのページを見たかなど 可視化されます Miyagi University of Education IPC 10

11 4 メールの利用 ホスト名で利用できるメールが作成されます このメールは直接送受信できませんので.forward というファイルに管理者のメールアドレスを登録して提供しています メールリスト的な使い方をする場合.forward に複数のメールアドレスを列記して利用します.forward ファイルも ファイル転送を使ってサーバにアップします 宛 Miyagi University of Education IPC 11

12 5 MySQL とブログ MySQL はデータベース言語です 利用者は直接操作する 書くなどはしません ブログはデータベースに MySQL を使って実現しています 本学ではブログ作成に Movable Type(MT) と Wordpress(WP) を提供しています Miyagi University of Education IPC 12

13 では 実際にやってみましょう - 現行のページを更新する - Miyagi University of Education IPC 13

14 事前準備 ファイル転送ソフト ffftp winscp Web ページ作成ソフト KompoZer ( 予算があれば ホームページ ビルダーや Dreamweaver など購入すると サイトの管理まで可能です ) 画像処理ソフト Jtrim や GIMP ( 上記すべてフリーソフト ) などをダウンロードして PC にインストールしておきましょう Miyagi University of Education IPC 14

15 準備での注意点 素材を準備しておきます掲載内容 画像など Word や Excel はそのままでは表示できでません html や pdf に変換して用意します 画像は jpg や png にしておきます また PC の設定を拡張子を表示するようにしておくと html ファイルの中で素材を読み込む際に拡張子まで指定する必要があるので 確認しやすいです フォルダーのメニューバーで [ 整理 ] をクリック [ フォルダーと検索のオプション ] [ フォルダーオプション ] ダイアログボックスが表示されるので [ 表示 ] タブをクリック [ 詳細設定 ] の [ 登録されている拡張子は表示しない ] チェックボックスをオフにして [OK] をクリック Miyagi University of Education IPC 15

16 サーバからファイルを手元に転送 Ffftp でサーバにアクセス 任意 ホストの設定名は任意ですがホスト名が良いでしょう ホスト名には webhost.miyakyo-u.ac.jp を入力します 次に交付通知にあるユーザ名とパスワードが必要になります 任意でつけたホストの設定名を選択して 接続 しましょう Miyagi University of Education IPC 16

17 ローカルとサーバ間の転送 ローカル側はどこをみていますか? デスクトップなど分かりやす所を指定します ターゲットファイルを選択後 ダウンロードサーバからローカルへ アップロードローカルからサーバへ ローカル側 サーバ側 ターゲットファイルを選択したまま マウスをデスクトップ上に持ってきて離す ( ドラッグ & ドロップ ) でもコピーします Miyagi University of Education IPC 17

18 Web ページを編集する KompoZer を起動し ローカルに持ってきたファイルを開きます ファイルメニュー > ファイルを開く Miyagi University of Education IPC 18

19 編集ソフトの機能 各メニューを開いてどんな機能があるか確認してみましょう 挿入 > 画像で 用意した画像を表示できます リンク選択した文字や画像をクリックすると 指定したページにジャンプします フォント選択した文字を大きく見出しとしたり フォントの種類を変えたりして表示します HTML ブラウザで見た時にページとして実際どう表示される確認できます Miyagi University of Education IPC 19

20 Web ページ作成 +α のこと HTML Web ページを記述するためのマークアップ言語です タグという命令語を使い Web ブラウザに表示します CSS ウェブページのスタイルを ( 見栄え良く ) 指定するための言語です ホームページは html で記述して作成します ソフトを使うと ワープロのように使えますが 実はこのように書いているということを知っておきましょう デザイン Web ブラウザで見たままを編集分割デザインとソースを表示ソース Html で記述されたものを表示 ( 以下のとおり ) Miyagi University of Education IPC 20

21 Web ページを保存してアップする 編集が終了したらファイルメニューから 保存 します ファイルをダウンロードした時の ffftp ソフトでアップロードします 実際に Web ブラウザで確認します この作業を繰り返して ホームページを更新していきましょう Miyagi University of Education IPC 21