中村ゼミ HP㊙更新マニュアル！！
中村ゼミの HP にはとても沢山の人が訪れます。
見に来てくれる人たちのために、頻繁に更新して、自分達の研究成果を、そして中村ゼミの楽しさを伝えてやりましょう！
HP の作りかたなんてわからない･･･と構えてしまうかもしれませんが、実はとっても簡単。
一度覚えてしまえば、ハマること間違いなし♡(*￫‿◕ฺ*)q〃
研究室ワールドや、院生・学生ワールドの更新は、基本的に学生に任されています。
常識の範囲内であれば、どんな風にしても構いませんので、個人個人のページとか、飲み会アルバムとか、中村先生の名言集とか、なんでもあり！
もし難しくてそこまでできなくても、何とか頑張って、最低限メンバー紹介と、研究成果の発表（ｼﾞｮｲﾝﾄとか ISFJ のパワポとか）くらいは載せてほしいな、と思います。
どんどん改造して、楽しい HP にしていくべし(*ﾉωﾉ)(´･з･)ﾌﾟｰ

目次
Ⅰ.Word による新規ページの作り方
Ⅱ.既存のページを変更する場合
Ⅲ.作ったページをアップロードする方法
特別付録：実践で覚えるんじゃーの巻Ⅳ.写真や PDF の加工について
まず、Word で簡単に新しいページを作る方法をご紹介します。
次に、すでに HP に存在するページの一部を編集する方法を教えます。
そして最後に、作ったページをサーバにアップロードする方法を伝授します。
おまけとして、写真や PDF ファイルの加工の仕方を付け加えておきます。

Ⅰ.Word で新しくページを作る方法
新しくページを作りたいと思ったとき、Word を使うと非常に簡単にできてしまいます。もちろん HTML がわかる人は、他の方法で作ってもらって構いません。
手順は次の通りです。
①普通にワードを開いて、「表示」→「Web レイアウト」にする。
↓②あとは、普段使っているように文章を打つだけ。字体や文字の大きさ、文字色などは、作ったものがそのまま表示されます（実際かなりずれはありますが、そこはあとから微調整）。
↓③背景の色を変えたいときは、「書式」→「背景」で色を決めます。また「書式」→「テーマ」には、統一感のある色や背景のテンプレートが沢山用意されていますので利用してもよろしいかと。
↓④リンクをはりたい時は、リンクをはりたい文字を選択して、右クリック→「ハイパーリンク」で、リンク先のアドレスを入力してください。外部にリンクしたい場合は、その URL をそのまま書けばいいんですが、中村ゼミ HP 内でリンクをはる場合は、あとでⅢの中で説明する、階層の話を参考に、予想される URLを打ち込んでください。
↓⑤最後に保存して終わり。その時に、ファイルの種類を「Web ページ」にすることを忘れずに！
似ているけど、「単一ファイル Web ページ」や、「Web ページ（フィルタ後）」だと、うまくいかないよー｡･ﾟ･(ﾉД`)･ﾟ･｡ｳﾜｧｧﾝ
これで一つのページをつくることができました。簡単でしょ？
この作業をどんどん繰り返して、互いにリンクをはっていって、HP は出来上がっていくんですね〜。PDF とか写真の貼り付け方は、最後の方で教えます。

Ⅱ.既存のページを変更したい場合
たとえば、ジョイント 2006 年度版のページを加えたいときなどは、そのページを作ると同時に、すでにあるジョイントのトップページに 2006 年版へのリンクを付け加える必要があります。
既存のページを編集する手順は、①いつも見ているようにインターネット上で、編集したいページを開き、「ファイル」→「Microsoft Office Word で編集」を選ぶ。
↓②ワードが開くので、あとはさっきの要領で編集して、Web ページとして保存して終わり。
注：既存のページを変更した場合は、必ずサーバの中の元あった場所に上書きすること。つまり、もとのフォルダの中の同じファイル名のところに上書きするということ。そうじゃないと変更が反映されません。そのページのファイルがどこに格納されているかは、URL からわかります。後に出てくる階層の説明を参考に。
これもとっても簡単ですね。

Ⅲ.作ったページをアップロードする方法
さて、最大の難関がやってまいりました。これさえ理解できれば、95％はわかったようなもんです。頑張って覚えよう(*´・ω・)ﾉ今までせっかく作ったページも、そのままではみんなに見てもらうことはできません。サーバにアップロードして、Web 上にのっける必要があります。中村ゼミでは宇大の情報処理センターにサーバを借りているので、そこにアップロードします。
（中村ゼミの HP を見てる人は、直接ここの PC に見に来てるんじゃな
くて、情センのサーバにアクセスしてるんですね〜）
ちなみにこのアップロードという作業は、FFFTP というソフトを使って行います。
このソフトは一番東側（プリンタの右下）の PC にしかないので、ぼろいですけ
どそれを使います。FD も USB もないので、アップ用共有フォルダを使って、作ったファイルをこの PC に集めておきます。
まず、FFFTP を開いて「接続」をクリックすると次の画面が出ます。

これは、左が PC、右が情報処理センターのサーバ中の状態を表しています。基
本的には、左の画面から右の画面にドラッグする、これだけの作業なんです。
でも、どこからどこに移動するのかっていうのが凄く難しいんですね。
左側は、PC の中でそのファイルのあるフォルダにあわせればいいですが、右は、適切なところに持っていかないとうまくいかない･･･
よくわかんないですよね（汗）次の説明を御覧下さい。

・階層の説明
HP の URL を見ると、基本の URL の後に、スラッシュなんとかスラッシュなんとか.html（もしくは htm）っていう風に続いていきますよね。例えば
http://gyosei.mine.utsunomiya‑u.ac.jp/2005joint/2005jointtop.htm
みたいに。これは一体何を意味してるのかっていうと、只今、gyousei.mine.utsunomiya‑u.ac.jp という HP の中の、2005joint っていうフォルダの中の、2005jointtop.htm というファイルを表示してますよ、ってことを言ってるんです。
分かりやすく言うと、自分の PC の「マイドキュメント」の中の、「レポート」の中の「余暇政策論レポート」みたいな感じですね。
サーバの中も同じで、次の図のようになってます。
（中村ゼミの一部の例）

public2005jointsyashinkansou2005jointtop.htm
2004joint
2005sotsuron
2005isfj
2005syukatsu

FFFTP を開くと、右の画面に public ってのが一番最初に出てくるんですが、これが中村ゼミ HP の基本部分を示しています。つまりhttp://gyosei.mine.utsunomiya‑u.ac.jp/の部分ですね。その下に沢山フォルダがあります。ジョイントとか ISFJ とか。
わかりやすく整理するためにフォルダわけされているので、みなさんも勝手にフォルダを作ることが出来ます。
つまりpublic が http://gyosei.mine.utsunomiya‑u.ac.jp/ を意味し、その下の階層にいくごとにスラッシュで区切られていく。そして最後は必ずファイルで終わる（.htm.doc.pdf.jpg など）。これさえ解っていれば大丈夫！
それじゃ理論はこれぐらいにして実践に行くぞー！！

特別付録

理論がわからなくてもこれさえ見れば大丈夫！

―実践！！2006 年ジョイントのページの場合じゃい！―

ページを作ってリンクをはっていくには、どのような構造にするかをあらかじめ考えておかなくてはなりません。
まず必要な材料を考えます。
例えばですが、レジュメ、感想文、写真ｱﾙﾊﾞﾑ、スケジュールをのせたいとする
場合、以下の材料が必要になります。
・2006 年ジョイントのトップページ
・感想文のページ
・写真のページ・レジュメ（PDF が望ましい）・スケジュール（おなじく PDF がよい）・写真たち（下の例では三枚）

これらをサーバにアップするとき、以下のような構築例が考えられます。
（四角で囲ってあるのはフォルダ名を意味します）

public2006joint
photo

photo.htm

jointtop.htm

photo1.jpg

kansou.htm

photo2.jpg

resume.pdf

photo3.jpg

schedule.pdf

このような図を作ると、リンクをはるときのアドレスがわかりやすくなります。
上の例だと2006 ジョイントのトップページに飛ばせたい場合は
http://gyosei.mine.utsunomiya‑u.ac.jp/2006joint/jointtop.htm
レジュメを表示させたい場合は
http://gyosei.mine.utsunomiya‑u.ac.jp/2006joint/resume.pdf
写真のページに飛ばしたいときは
http://gyosei.mine.utsunomiya‑u.ac.jp/2006joint/photo/photo.htm
写真 1 を表示させたいときは
http://gyosei.mine.utsunomiya‑u.ac.jp/2006joint/photo/photo1.jpg
をワードのハイパーリンクで入力すればいいんです。わかったでしょ？
別に photo のフォルダを作らずに、全部 2006joint のフォルダにぶちこんでも構わないんです。ただごっちゃにならぬように整理しているだけなんで。

あとはこの図のようにサーバの中を整理していくのだ！
FFFTP の右の画面で①public の下に 2006joint というフォルダを作って（右クリックでフォルダ作成を選択）②その中に写真関係以外のものを全部ぶち込んで（左でアップしたいファイルを選択して右にドラッグ）③そこに photo フォルダ作って④その中に写真関係のを全部ぶち込む
これでミッションコンプリート！！
このようにどのようにサイトを構築して、リンクをはっていくのか、これをあらかじめ考えておくと、ハイパーリンクを入力するときに困らなくてすみます。

おまけ写真や PDF の加工の仕方

さいごです。まず写真ですが、そのまま写真をコピーして、ワードにはっつけても、別にいいっちゃいいです。ただそのままだと、とてもファイルサイズがでかいので、ページを開くのに時間がかかってしまいます。それに画像が暗すぎたり、目が赤かったりしたままではみっともない！ということで、いったん編集してからそれをワードに貼り付けることにしましょう。
写真編集はどのソフトを使ってもいいです。色具合とか赤目の修正は各自のセンスで行うべし。ファイルサイズは 30k ﾞｲﾄ以下が理想って言われるけど、まあそのくらいになるように小さくします。office の picturemanager は、WEB 用に圧縮っていうコマンドがあるから、それを利用すれば簡単。編集したら、それをコピーしてワードに貼り付け！保存しちゃうと元の画像まで変わっちゃうから、しないほうが・・・。
アルバムみたいにしたいときは、写真は大きいほうがいいよね。でも、一つのページに沢山写真をいれちゃうと重たくなっちゃうんで、サイズを小さくしたのを案内代わりに沢山のせて、そこから元の大きな写真にリンクを貼るとよろしいです。（写真にもリンクはれます）
お次は PDF への変換のしかた。これは楽チン！ワード文書を普通に印刷する感じで、プリンタ名を Acrobat Distiller にして印刷すればよし。後はファイルの出力先を選べばできあがる。以上！

最後にアップ用の PC のマイドキュメントの中の、行政学研究室 HP なんたらってフォルダがあるんだけど、アップしたいファイルは一旦この中にまとめて、それから FFFTP でサーバにぶち込むといいと思います。それの方が楽だし、ﾊﾞｯｸｱｯﾌﾟの意味でもね。
ちなみにこのフォルダの中に 0601 とか 0701 とかあるけど、これは 2006 年の 1月に更新したやつ、2007 年の 1 月に更新したやつ、っていう風にまとめてあるってことです。

以上で終わりです。んーこれでわかるかなぁ？わからなかったらごめんね･･･。
ま、ネットで調べるといろいろ教えてくれるサイトがあるよ。
それじゃ更新頑張ってね〜。卒業しても毎日チェックするから！ニヒヒ〜