「本当は」ネット上のページのことをホームページと呼ぶのではないのだそうです。本来、「ＨＯＭＥ」とは自分の作っているページの最上位のページを指すもので、別名として「ＴＯＰページ」などと呼ばれます。このページはＵＲＬで特にファイル名を指定しなくとも開かれるページであり、ファイル名としては「index.html」「index.htm」とすることとなっています。
index は「目録」という意味で使っています。したがって、index.html にはほかのファイルへのリンクを貼り他のページへ誘導するといった役割を持ちます。リンクを張るのはAタグを使います。形式は以下のようになります。
<a href="ファイル名">リンク先を示す言葉</a>
ファイル名には表示するファイルの名前を拡張子を含めて記述します。たとえば、sample01.html などとなります。
以下の部分をコピーしてエディターに貼り付け、適宜内容を修正します。
ここで公開しているのは雛形ですので、自分のページになるように修正してください。修正ができたら index.html という名前で保存します。
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />
<link rel="stylesheet" type="text/css" href="zzz.css">
<title>
暫定トップページ
</title>
</head>
<body>
<!--
【ここからコメント。表示されません。】
ページのタイトルは、「暫定ページ」となっています。できれば直してください。
暫定ロゴは、変なところの画像を参照しています。できれば直してください。
【ここまでコメント 表示されません。】
-->
<div align="center">
<img src="http://edwww.isc.senshu-u.ac.jp/~thz1239/zzz.png" alt="暫定ロゴ" width="800" height="200">
</div>
<h1>
授業で作ったページ
</h1>
<!--
【ここからコメント。表示されません。】
ここでは授業で作ったページに対して簡単に説明してください。
●●●●●●●●●●●●●●●●を消して、自ら文字を入力してください。
１回目のファイルと２回目のファイルに関して説明をしてください。
作成していない場合は、作成していないことを明記してください。
見出しや段落も適切に記入してください。
1回目のファイルは sample01.html としています。
2回目のファイルは sample02.html としています。
【ここまでコメント 表示されません。】
-->
<p>
●●●●●●●●●●●●●●●●
</p>
<div>
<a href="sample01.html" target="_blank">最初に作ったページ</a>
</div>
<div>
<a href="sample02.html" target="_blank">２回目の授業で作ったページ</a>
</div>
<h1>
授業で作った資料
</h1>
<!--
【ここからコメント。表示されません。】
ここでは授業で作った資料に対して簡単に説明してください。
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲を消して、自ら文字を入力してください。
配信している資料に関して簡単に説明します。ファイルの種類、内容などを記述します。
ファイル名には日本語は使えません。また、空白などの記号も使えません。
一部例外で使えるものもありますが、例外を覚えるのではなく、原則を覚えてください。
原則は「ファイル名はアルファベットと数字だけしか使わない。」です。
リンク先のファイル名を自分の資料のファイル名に訂正してください。
リンク先のファイル名が日本語であった場合はファイル名を直し、新しいファイル名へリンクを貼ってください。
作成していない場合は、作成していないことを明記し、リンクを外してください。
見出しや段落も適切に記入してください。
【ここまでコメント 表示されません。】
-->
<p>
▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲
</p>
<div>
<a href="●プレゼンテーションのファイル名●.pptx" target="_blank">プレゼンテーション</a>
</div>
<h1>
お気に入りのリンク先
</h1>
<!--
【ここからコメント。表示されません。】
ここではお気に入りのリンク先に対して簡単に説明してください。
お気に入りのリンク先に関して簡単に紹介します。
■■■■■■■■■■■■■■■■■ を消して、自ら文字を入力してください。
専修大学へのリンクを参考にして、自分のよく使うサイトや気に入っているサイトを紹介してください。
リンク先は、公序良俗を考慮し、適切なものを選んでください。
HPを作る際の参考資料として「とほほのweb入門」へリンクを張っておきました。
授業で触れていないものに関してはネットを参照してください。
【ここまでコメント 表示されません。】
-->
<p>
■■■■■■■■■■■■■■■■■
</p>
<div>
<a href="http://www.senshu-u.ac.jp" target="_blank">専修大学</a>
</div>
<div>
<a href="http://www.tohoho-web.com/" target="_blank">とほほのWWW入門</a>
</div>
</body>
</html>
