情報活用基礎講義10回目

先週の復習

バッチファイル

先週はお気に入りとデスクトップのファイルを読み込みとバックアップを行うstart.batとend.batというバッチファイルを作った。
・Zドライブのstart.batを実行してみよう。

WWW

WWW
ウェブページの作成

WWW

WWW(World Wide Web)とはインターネットの中のひとつのサービス。
WWWを利用する事で、インターネットにつながった世界各地のサーバー上に有るデータを自分のPCに手軽に、かつ安全に受信できる。また,インターネットにつながった自分のPCにWWWサーバーを設置することで、世界中に情報を発信することも出来る。

WWWの注意点

・安全性（ページを見ただけでコンピュータウィルスに感染する事もある）
・情報の信頼性（誰でもWWWを利用できるので書いているものが確かな情報とは限らない)
・著作権(WWWページにも著作権はある)

ウェブページの作成

ウェブページはHTMLという形式でかかれているテキストファイル(拡張子は.htmlまたは.htm)。
ブラウザはHTMLで書かれたテキスト（ソース）を解釈して表示してくれる役割を持つ。

HTMLの簡単な説明
HTMLはタグというもので表されている。→やさしいホームページ入門(基本的な説明①）

<img src="画像ファイル名">・・・画像の表示
<p>～</p>・・・段落
<font>～</font>・・・文字のサイズや色を変える。
<teble>～</teble>・・・表を表示させる。

詳しくはやさしいホームページ入門に。

課題1a)ソースをブラウザで読み込む

<html>
<head>
<title>自己紹介</title>
</head>
<body bgcolor="silver">
<h1>自己紹介</h1>
<hr>
<h3>まずは手始めに</h3>
<img src="./image.jpg" alt=画像>
<p>名前：<font size=6 color=purple>石原寛樹</font></p>
<p>所属：鹿児島大学理工学研究科統計物理学(カオス・複雑系)研究室井上研所属
<p>出身地：奈良県生駒郡三郷町<font size=2>(知りませんよね)</font></p>
<p>部活orサークル：野外活動研究会(堅い名前のサークルですがただの飲みサークルです)</p>
<p>最近：今年も指宿菜の花マラソンを走るので、最近やっと走り出しました。時々夜中グランドを走っていますよ。</p>
<table border="1" width=1000>
<tr align=left>
<th>趣味</th> <td>旅行（国内・海外問わず）</td>
</tr>
<tr align=left>
<th>座右の銘</th> <td>成せば成る成さねば成らぬ何事も</td>
</tr>
<tr align=left>
<th>鹿大に来た理由</th> <td>物理学科の宇宙コースに行きたかったから
<font size=2>（結局行きませんでしたけど）</font></td>
</tr>
<tr align=left>
<th>情報活用基礎の感想</th> <td>授業が進むにつれてついていけなくなった</td>
</tr>
<tr align=left>
<th>鹿児島の好きなところ</th> <td>焼酎がいっぱい飲める所</td>
<tr align=left>
<th>焼酎の飲み方(水割りorお湯割りorロック)</th><td>冬だからお湯割りでしょう</td>
</tr>
<tr align=left>
<th>今年のクリスマスの過ごし方</th><td>ふて寝</td>
</tr>
<tr align=left>
<th>リンク</th><td><a href="http://mixi.jp/">mixi</a>やってます。よかったらどうぞ。本名で入ってます</td>
</tr>
</table>
</body>
</html>

・テキストエディタを開き上のソースをコピー＆ペースト(貼り付け)する。
・自分の学籍番号のフォルダ(bl1060**)をデスクトップに新規作成し、その中にtest.htmlとして保存する。
　→これはHTMLで書かれているわかるように拡張子をhtmlと指定している。
・できたHTMLファイルをダブルクリックすれば拡張子から判断されブラウザが開く。
　→参照している場所に画像がないため画像は表示されない。

課題1b)画像の表示
※情報活用受講者のみ再使用を許可する。
を右クリックしてbl1060**フォルダに保存。
・test.htmlを開くと表示が出来る。

課題1c)自分でページを作ってみる
・test.htmlの設定や文章、画像を変更し、bl1060**.htmlとし保存する。

補足）画像の変更のヒント
<img src="./image.jpg" alt=画像>
→読み込む画像は同じフォルダでimage.jpgというファイル
写真：【G-TOOL】ホームページ作成用無料画像素材集

課題1d)自分のページの公開
・教官のパソコンの共有フォルダ(jkk)にデータを送る。(※共有フォルダはファイルのコピーが済んだらすぐに出るように)