昨年から１年間、自分でホームページの勉強をしてきました。
研究室の学生諸君にそれぞれ自分のホームページを作ってほしいと思っています。
といっても、いわゆる先頭のホームページではなくて、
研究室のスタッフ一覧のところで、それぞれの学生の名前をクリックすると
それぞれの学生のページにジャンプして、あとは「自分の部屋」になり、
その「自分の部屋」の中のイメージを作ってほしいわけです。
なんといっても、ホームページ作りのテキストとしては、
当時連合大学院のおのでら氏のものがお奨めですが、自分でも勉強したので、
おのでら氏の正式教科書のための入門くらいのものと思っています。
（１９９８．６．８） ＊おのでら氏は1999.3にめでたく学位を取得されました。 おのでら氏の大学院当時のＨＰもなくなりました。
ホームページの書き方 HTML言語の入門 １９９９．５．１１ HTML言語（Hyper Text Markup Language） テキスト形式ファイル *.THML *.html *.THM *.htm ブラウザ（ホームページを見るソフト） 主なソフト Netscape Navigator(Netscape Communicator), Microsoft Internet Explorer ホームページ作成のポイント １．まず文章だけで書いてみる。（写真やリンクは後から加える） ２．装飾記号を覚える。（太字、斜体、文字の大きさ、文字の色など） ３．写真、図を貼り込んでみる。（すっかり楽しいページになる） ４．複数のページ間をわたるためのリンクの張り方を覚える。 ホームページの全体構成 １．＜ｈｔｍｌ＞タグで始まり、＜／ｈｔｍｌ＞タグで終わる。 ｈｔｍｌリストの先頭に＜ｈｔｍｌ＞タグを書き、最後に＜／ｈｔｍｌ＞タグを書く。 ２．本文の前にヘッダ部分をおく。ヘッダ部分は＜ｈｅａｄ＞タグで始まり、＜／ｈｅａｄ＞タグで終わる。 ３．本文を書く。本文は＜ｂｏｄｙ＞タグで始まり、＜／ｂｏｄｙ＞タグで終わる。 以下に簡単な例を示す。 ＜ｈｔｍｌ＞ ＜ｈｅａｄ＞ ＜ｔｉｔｌｅ＞Ｈｏｍｅ Ｐａｇｅ Ｍａｋｉｎｇ＜／ｔｉｔｌｅ＞ ＜／ｈｅａｄ＞ ＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝”＃ｆｆｆｆｆｆ”＞ ＜ｈ２＞Ｅｘａｍｐｌｅ＜／ｈ２＞ ＜ｈ４＞冬が寒くて大雪なら、豊作だ＜／ｈ４＞ ＜／ｂｏｄｙ＞ ＜／ｈｔｍｌ＞ 以下に主なコマンドを紹介する。 実際はコマンドは半角文字なのだが、ここに半角文字で記載すると コマンド命令が実行されてしまうので、全角文字で記載する。 また、コマンド文字は（ＭＳ−ＤＯＳでは）大文字でも小文字でもよいのだが、小文字で統一する。 ＜ｂｏｄｙ ｂｇｃｏｌｏｒ＝”＃ｆｆｆｆｆｆ” ｔｅｘｔ＝”＃００００００” ｌｉｎｋ＝”＃ｆｆ００００” ｖｌｉｎｋ＝”＃００００ｆｆ”＞ 背景の色（ｂｇｃｏｌｏｒ）を白に、テキストの色（ｔｅｘｔ）を黒に、ハイパーリンクの色（ｌｉｎｋ）を赤に、すでに訪れたリンクの色（ｖｌｉｎｋ）を青に設定する。 ＜ｂｒ＞ 改行コマンド ＜ｐ＞または＜ｐ＞・・・＜／ｐ＞ 改行２つ間をあけるコマンド ＜ｈｒ＞ 罫線を引くコマンド ＜ｂ＞[文字列]＜／ｂ＞ ボールド（太字）コマンド ＜ｉ＞[文字列]＜／ｉ＞ イタリック（斜体）コマンド ＜ｈ？＞[文字列]＜／ｈ？＞ ?は1〜6までの整数 見出しの文字をつくるコマンド ＜ｈ１＞ 構造工学研究室 ＜／ｈ１＞ ＜ｏｌ＞＜ｌｉ＞[文字列]〜＜／ｏｌ＞ 〜は＜ｌｉ＞[文字列] 数字のついた箇条書きコマンド ＜ｏｌ＞ ＜ｌｉ＞ＲＣ橋脚の地震時保有水平耐力法に関する研究 ＜ｌｉ＞局部座屈を考慮した送電用鉄塔の弾塑性解析 ＜ｌｉ＞集成材林道橋の振動実測と固有振動解析 ＜ｌｉ＞異等級構成集成材の弾性係数と強度に関する実験的研究 ＜／ｏｌ＞ 画像ファイル ＜ｉｍｇ ｓｒｃ＝”[画像ファイル名]”＞ ＜ｉｍｇ ｓｒｃ＝”ｊａｌ．ｇｉｆ”＞ 画像ファイルにはgif形式（拡張子.gif 拡張子.GIF）と jpeg形式（拡張子.jpg 拡張子.jpeg 拡張子.JPG 拡張子.JPEG）のものがある。 gif形式は最大256色という制限があるが、画像データは小さくてすむ。 jpeg形式は写真などの色数が多く複雑な画像でもあつかえるが、一部のブラウ ザには対応できないものがあり、画像表示においてgif形式より時間がかかるか ら、なるべく用いないほうがよいと思われる。 相対ジャンプ ＜ａ ｈｒｅｆ＝”[urlアドレス指定]”＞（リンクキー）＜／ａ＞ （例）＜ａ ｈｒｅｆ＝”ｋｏｚｏｐｉｃ．ｊｐｇ”＞（構造工学研究室の写真）＜／ａ＞ ＜ａ ｈｒｅｆ＝”ｍｉｙａ１．ｈｔｍ”＞宮本 裕＜／ａ＞ ここを＜ａ ｈｒｅｆ＝”ｓｔｒｃ。ｈｔｍ”＞クリック＜／ａ＞すると 構造工学、構造工学の基礎と応用のページに飛ぶ。 キーワードへのジャンプ ＜ａ ｈｒｅｆ＝”＃[キーワード]”＞[文字列]＜／ａ＞ ジャンプ元 ＜ａ ｎａｍｅ＝”[キーワード]”＞[文字列]＜／ａ＞ ジャンプ先 （例）＜ａ ｎａｍｅ＝”ｓｔｓｔａｒｔ”＞構造工学の基礎と応用＜／ａ＞ ＜ａ ｈｒｅｆ＝”＃ｓｔ１”＞これらの本の内容の特徴見どころ＜／ａ＞、 あるいは ＜ａ ｈｒｅｆ＝”＃ｓｔ２”＞うら話＜／ａ＞など書きます。 ．．．．． ＜ａ ｎａｍｅ＝”ｓｔ１”＞内容の特徴 見どころ＜／ａ＞ ＜ｂｒ＞構造工学の基礎と応用（改訂版） ．．．．． ＜ｐ＞＜ａ ｈｒｅｆ＝”＃ｓｔｓｔａｒｔ”＞構造工学の頁の始めに戻る＜／ａ＞ ．．．．．． ＜ａ ｎａｍｅ＝”ｓｔ２”＞うら話＜／ａ＞ ＜ｂｒ＞構造工学の基礎と応用 ．．．．．． ＜ｐ＞＜ａ ｈｒｅｆ＝”＃ｓｔｓｔａｒｔ”＞構造工学の頁の始めに戻る＜／ａ＞ 注意！ ＵＮＩＸの世界では、大文字と小文字とは区別される。 （ＭＳ−ＤＯＳでは区別されない） したがってＰＣでTHML言語で書かれたホームページの原稿の中で、大文字と 小文字を混同して使用してはいけない。 例）ここを<ａ ｈｒｅｆ＝”ｓｔｒｃ．ｈｔｍ”＞クリック＜／ａ＞すると 構造工学、構造工学の基礎と応用のページに飛ぶ。 かんじんのジャンプ先のファイル名が"strc.htm"ではなくて"STRC.HTM"として 作られていたら、ジャンプは失敗してしまう。 構造工学研究室のホームページ設計図 http://ymxc.cande.iwate-u.ac.jp/index.htm ( 建設環境工学科のホームページは http://160.29.85.2/ ) ☆構造工学研究室のホームページ→ ○宮本のホームページ (index.htm) (miya1.htm) スタッフ →各個人のページ ↓ 研究テーマ ↓ ↓ ↓ ↓ ↓ ・構造工学の本(strc.htm) → ☆ ↓ ・橋の文化史の本(bridcul.htm) → ☆ ↓ ・橋梁工学の本(bridg.htm) → ☆ ↓ ・ヨーロッパ旅行記(euro.htm)→☆ 化石のページ → ○ ↓ 蝶のページ → ○ ヨーロッパ旅行記１(euro1.htm)→☆ 元気の出るページ → ○ ヨーロッパ旅行記２(euro2.htm)→☆ 宮本流メディア論 → ○
相対パス（相対ジャンプ）の作り方の要点
おのでらさんが電子メールで教えてくれた的確メモ
相対パスの構造