スライド タイトルなし

Report
コンピュータ・リテラシー b
第13回
HTMLの記述と
WWWにおける情報公開
1
バネーバー・ブッシュのMEMEX
2
HTML とは?
Text Markup Language の略
 文章の論理構造をタグ (札) によるマーク
アップ (印づけ) を用いて記述
 HTML では論理構造を記述するのであっ
て、見た目を記述するものではない。
 視覚的にどのように表現されるかは最終
的にブラウザに依る。
 Hyper
3
タグを用いたマークアップ
 見出しや段落、箇条書きといった文書の論
理構造を示すのに、 HTML ではタグという
札を使って記述する。
4
マークアップの例
 タイトル
 開始タグと終了タグで囲んだ部分を要素と
呼ぶ
 HTML はこのような要素の集まりで構成
5
HTML の基本構造
 三つの要素
6
タイトル要素
 HEAD
要素の中に記述
7
見出し要素
 最上位の
H1 から最下位の H6 まである
8
段落要素
 終了タグが省略できる
9
箇条書き要素
 箇条書きには、順序あり
OL と順序なし
UL がある。
10
ハイパーリンク
の後にリンク先のURLを記述
 タグの間にリンク元となる文字列
 HREF
11
記述例とその見え方
 記述例
 実際にブラウザで見ると…
12
ファイル名を付けて保存する
 ファイル名は必ず半角英数字のみ
 ファイル名の最後に
“.html” を付ける
 最初に表示される目次ページ
 index.html
13
サーバへの転送
 コンピューターセンターの「ホームページを
公開する」のページを読み、指示に従う
 S ドライブに public_html フォルダが作成
される
 そのフォルダに入れたファイルが公開され
る。
14
自分のページを閲覧する
 自分のページの
 まず最初に
URL は…
index.html が表示される
15
応用:画像を埋め込む
 <img
src=“画像ファイル名”> を使う
 画像をフォルダ
public_html に保存しておく
 それが pc.gif というファイル名ならば
 <img src=“pc.gif”> と記述する
 著作権には十分に注意すること!
16
実習
 「ホームページを公開する」のページから
ウェブページ公開の手続きを行なう
 S ドライブ内の public_html というフォルダ
内の "index.html" をメモ帳で編集
 ブラウザで閲覧してみる。
17
課題の提出方法
で公開し、その URL と簡
単な紹介文をメーリングリストに流す
 ウェブでの公開がうまくいかない場合は、
HTMLファイルをレポートボックスに提出
 今日の実習は応用実習扱いとする
 res.s.soka.ac.jp
18

similar documents