ごく簡単なWebページを閲覧する

simple_publichtml_files まず、次のような内容でWeb専用ディレクトリ直下に、ファイル index.html (これを、ファイルパスを含めて ~/public_html/index.htmlという)を保存しよう。

このためには、Webページの作成手順で説明するように、ローカルマシンにファイルを作成保存し、これをFTP(またはSFTP)してWebサーバ側に転送・保存する。

以下の例では、画像ファイル ~/public/image/qrcode.gif (たとえばトップページのURLをQRコードとして画像化したもの)の存在を前提としている。 多数のファイルを整然と管理できるようにするために、目的に応じてフォルダを階層的に配置することが大切だ。 ここでは、フォルダ image を作成し、そこに画像ファイル qrcode.gif が格納されているとしている。

この総合目次ファイル index.html では、HTMLファイルには冒頭でDOCTYPE宣言を、さらに文字コードとして UTF-8 をWebブラウザに指示(したがってこのファイルはUTF-8で保存されねばならない)を行っている。 これについては、HTML5のHTML要素とそのヘッダ部でも説明する。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>太郎のページ</title>
</head>

<body>
<h1>太郎のホームページにようこそ</h1>
<img src="image/qrcode.gif">
このページには楽しい内容が盛りだくさんです。
<ul>
<li><a href="profile.html">自己紹介</A></li>
<li><a href="hometown.html"> オレの故郷は最強!</a></li>
<li><a href="report_on_population.pdf">人口問題レポート</a></li>
</ul>
<hr />
<address>
大東太郎 s14209876@st.daito.ac.jp<br />
大東文化大学 宇宙歴史学部 木星学科1年
</address>
</body>
</html>
演習1: 上の例を参考に、Webディレクトリ public_html内に自分用の index.html を作成し、www.st.daito.ac.jp 経由、つまりWebブラウザに http://www.st.daito.ac.jp/~s14209876/index.html を指定してその内容を閲覧しなさい。
演習2: 上の例では utf-8と、作成したファイルの文字コードを指定しいる。 Webブラウザのデフォルト文字コード設定を確認し、どんな文字コード設定でも文字化けなどの現象が生じないことを確かめてみなさい。
演習3: 上の例のように、自分のWebサイトのURLをQRコードとしてページ内に貼り込み、スマートフォンのアプリで読み取って確かに閲覧できることを確かめなさい。 ただし、QRコードを利用したWebサイトの誘導は実は危険がともなうことを説明しなさい。

Webページの署名

自分で作成するすべてのWebページに署名をつけることは、内容に関する責任を明確にし、信頼されるWebページであるためには欠かせないことは明らかである。 上の例ではアドレスタグ<address>を使って署名を書いている。

演習4: Webページで実名を明記することには大きな問題が発生する可能性は少ないはずだ(それでもWebコンテンツにはしかるべき配慮が必要であることは言うまでもない)。 さまざまなに提供されているブログサービスやWebページサービスにおいて、実名表記についてどう考えればよいだろうか。
演習5: twitterはフォローしていなくてもダイレクトメッセージを受け取ることができるようになった(日本ではまだ。順次実現中のようだ)。 Webページを含めて(メールアドレスやtwitterアカウントが明記されているなど)メッセージ発信者へのメッセージ伝達が可能な仕組みは、スパムを蔓延させるだけだという否定的な見方と、スパムをあしらうことができれば新しいコミュニケーションチャネルを拡大させるとして歓迎する見方がある。 どう考えるべきだろうか。