HTML によるWebページ作成
第1回目
目次
- まずは簡単なWebページを作ろう
- 段落や区切りに関するタグ
- 見出しに関するタグ
- 作成したページの公開方法
1. まずは簡単なWebページを作ろう
(1) 適当な文章をテキストエディタを使って書き,???.html という
ファイル名で保存.
例: intro.html
名前 塩浦昭義
住所 仙台市
(2) ブラウザを使って作ったhtmlファイルを表示.
(Windows の IE の場合)
ブラウザのメニューバー「ファイル」を選択
→ サブメニュー「開く」を選択
→ 「参照」ボタンをクリック,表示させたいファイルを選択
(Linux のMozillaの場合)
ブラウザのメニューバー「ファイル」を選択
→ サブメニュー「ページを開く」を選択
→ 表示させたいファイルを選択,
「Navigatorで開く」ボタンを押す
例: intro.html を表示させると...
改行や空白が無視されてしまう
名前 塩浦昭義
住所 仙台市
intro.html はHTMLの機能を全く使っていないので,見栄えが悪い
⇒ HTMLの機能(タグ)をいろいろ使って見栄えを良くしよう
2. 段落や区切りに関するタグ
※タグを書く場合, アルファベットの大文字と小文字の区別はありません.
どちらで書いても同じです.
3. 見出しに関するタグ
4. 作成したページの公開方法
これまで皆さんが作成したページは、まだ他の人には公開されていません。
授業援助システムを使うことによって,
皆さんが作成したページを東北大学内限定で公開することができます.
詳細は「Digital Campus 2008」p. 158-159参照.
今日のレポート課題:
- とりあえず簡単なページを作成し,公開してください.
( 締め切り: 本日の授業終了15分前まで)
次回のレポート課題:
- 2回の授業で学んだHTMLのタグをたくさん使って,簡単な自己紹介など,面白いページを
作成してください.
なお,作成するページには必ず画像を表示させること.
( 締め切り: 7月24日(木))
|