HTML によるWebページ作成
第1回目
目次
- まずは簡単なWebページを作ろう!
- 段落や区切りに関するタグ
- 見出しに関するタグ
- 作成したページの公開方法
- LaTeX 文書の web ページへの変換
1. まずは簡単なWebページを作ろう!
(1) 適当な文章をテキストエディタを使って書き,???.html という
ファイル名で保存.
例: intro.html
名前 塩浦昭義
住所 仙台市
(2) netscape を使って,作ったhtmlファイルを表示.
netscape のメニューバー「ファイル」を選択
→ サブメニュー「ページを開く」を選択
→ 先ほど作ったファイル(intro.html)を指定し,
「Navigatorで開く」ボタンを押す
→ 内容が画面に表示される
例: intro.html を表示させると...
名前 塩浦昭義
住所 仙台市
改行や空白が無視されてしまう
intro.html はHTMLの機能を全く使っていないので,見栄えが 悪い
⇒ HTMLの機能(タグ)をいろいろ使って見栄えを良くしよう
2. 段落や区切りに関するタグ
※タグを書く場合, アルファベットの大文字と小文字の区別はありません.
どちらで書いても同じです.
使用例: intro2.html
私のホームページ
名前 --- 塩浦 昭義
出身 --- 新潟県
現住所 --- 仙台市
新潟で18年暮した後, 大学進学のために東京に行き,
それから13年ほど東京近辺に住んでいましたが,
昨年6月から仙台に引っ越してきました.
3. 見出しに関するタグ
使用例: intro3.html
私のホームページ
1.名前
塩浦 昭義
2.出身及び現住所
出身 --- 新潟県
現住所 --- 仙台市
新潟で18年暮した後, 大学進学のために東京に行き,
それから13年ほど東京近辺に住んでいましたが,
昨年6月から仙台に引っ越してきました.
4. 作成したページの公開方法
皆さんが作成したページは, 東北大学内限定で公開することができます.
- 公開のための準備:端末エミュレータにて以下の命令を実行します
- 金曜日3講時受講生の場合:
ln
-s
/www/campus/c2e/users/自分のアカウント
www [Enter]
- 金曜日4講時受講生の場合:
ln
-s
/www/campus/c2f/users/自分のアカウント
www [Enter]
- 最初の文字は L の小文字です.
- コマンドの途中の空白を忘れないこと.
- 公開の方法:ページを新たに作成したり, 修正を加えるたびに
以下を実行します.
-
cp abc.html
www
[Enter]
ここで abc.html は新たに作成または修正したページを表す.
-
公開したページを見るためのURL は
- 金曜日3講時受講生の場合:
http://www.cs.ecip.tohoku.ac.jp/campus/c2e/users/自分のアカウント/
金曜日3講時受講生のページ一覧へ
- 金曜日4講時受講生の場合:
http://www.cs.ecip.tohoku.ac.jp/campus/c2f/users/自分のアカウント/
金曜日4講時受講生のページ一覧へ
5. LaTeX 文書の web ページへの変換
以下では LaTeX 文書の名前が sample2.tex の場合について説明します.
違う名前の場合は, 下記の説明の中で sample2 を自分のファイル名に置き換え
て下さい.
レポート課題:
- LaTeX の2回目のレポート(イベントに関する案内)
を web ページに変換し, 公開しなさい.
- 自己紹介のページを作り始めなさい.
締め切り: 7月22日(月)正午まで
|