平成15年度神戸高専情報教育センター公開講座
平成15年8月22日(金)、23日(土)

HTML直打ちによるホームページ作成
         担当:森田、三好


1.準備するもの

エディター 推奨:TeraPad
http://www2s.biglobe.ne.jp/~t-susumu/toclip/library/tpad.html

FTPクライアント 推奨:ffftp http://ftp.hm/ffftp/

2.作業準備

・作業ディレクトリ(フォルダ)の作成
マイドキュメント・・>マウス右クリック・・>新規作成でフォルダを選び・・>
「新しいフォルダ」の部分をマウスで押さえて・・>名前の変更で「03work」のような名前を付ける。

・拡張子を表示させる
マイコンピュータ・・>コントロールパネル・・>フォルダオプション・・>
表示タブを選択・・>登録されているファイルの拡張子は表示しないのチェックをはずす。

3.index.html(ホームページファイル)の作成

それでは、
下の部分をマウス右ボタンでコピーし・・>TeraPadアイコンをダブルクリック・・>
マウス右ボタンでペーストしましょう。
TeraPadのファイルメニューで名前を付けて保存・・>「index.html」とつけて、
マイドキュメントフォルダの03workフォルダに保存します。


<html>
<head>
<title>
ここにページのタイトルを入れる(ブラウザのタイトルバーに表示されます)
</title>
</head>
<body>
HTML文書は、以下のような基本構造になっています。<br>
ここに本文を書いていきます。
</body>
</html>


4.ブラウザで確認
次にブラウザでファイルメニューでファイルを開く・・>参照ボタンを押して・・>
index.htmlファイルをクリックしますと、
下のように表示されます。



次のページへ


5.応用編
・フレーム仕様にするには
・テーブル枠線隠し仕様による配置のテクニック