スライド タイトルなし
Download
Report
Transcript スライド タイトルなし
コンピュータ・リテラシー 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