Return Top Page Bottom
ここでは、ほんまに基本的な事しか書いてないです。
今時は、市販ソフトで作る方が殆どだと思いますが費用を掛けずに
簡単に出来るって事を知らない方も多いと思いますが
お金を掛けずに簡単に出来ちゃいます。
最低でもブラウザとテキストエディタがあれば良いです。
テキストエディタは色々なタイプがありますので自分のお気に入りの
物を用意すれば良いと思います。私のページにもソフトをダウンロード
出来るサイトを掲載しているのでそちらで探せば良いと思います。
とりあえずここでは、WINDOWSに標準で付いているメモ帳を使いましょう。
画像の方もWINDOWSに標準で付いているペイントでそれなりの事が出来ます。
＃但し、画像をウェブ上で使用するのには変換するソフトが必要になりますが。
    基本的な手順は、
  1. メモ帳でHTMLファイルを書いて保存
  2. ブラウザでHTMLファイルを表示
  3. 表示の気に要らない所をメモ帳で修正して保存
  4. ブラウザをリロード(更新)して表示
  5. あとは ３と４を繰り返して書き上げていく
  6. HTMLファイルをウェブサーバーに転送する。
  7. ブラウザに転送したサイトのURLを書いて表示させる
  8. おかしい所があれば ３から繰り返し
  9. 自分が満足すればＯＫ．
と言った手順になります。
ここからhtmlファイルを書いていきます。
まずメモ帳を起動して適当に文章を書きます。
とでも書いて保存します。この時、普通に保存するとテキスト(txt)
になってしまいますのでファイルの種類を全てのファイルにしてindex.html
とでもして保存しましょう。(ファイル名は何でも良いですが拡張子は必ず .htm か .html にしておいてください)
あそうそう、保存場所は何処か決めておいてください。
今回は マイドキュメント(C:\My Document)にでも保存しときましょう。
次はブラウザを立ち上げてください。
ファイル - 開く で先ほど保存した index.html を開いください。
こんにちは 今日は暑いですね。 30度くらいあるそうです。 涼みにデパートにでもいきましょう。
どうです？ちゃんとブラウザ に表示されましたよね？
htmlファイルを作るのは思っていたよりも難しくは無いでしょ(⌒へ⌒)
でも、このままでは一行が繋がってズルズルと繋がって読みにくいですよね。
ここで、改行を入れてみます。改行は<br>と言ったタグを使います。
ちなみにこのタグと言うモノは大文字でも小文字でもどちらでもＯＫです
先ほどのファイルに改行のタグを入れます。
ファイルは先ほど作成したので、今度は上書き保存で保存します。
ブラウザの方で更新(又はリロード)してみてください。
先ほど<br>タグを入れた所がちゃんと改行されてますよね？
こんにちは
今日は暑いですね。
30度くらいあるそうです。
涼みにデパートにでもいきましょう。
こんどは、暑いのと寒いのを表現する為に色を変えて見ましょう。
先ほどのhtmlファイルに色を変更するタグを入れます。
色を変更するのは<font>と言うタグの中にcolor=色コード
を指定してやります。
ファイルを上書きして(元になるファイルの事をソースファイルと言います)
ブラウザを更新(リロード)して確認してみましょう。
こんにちは
今日は暑いですね。
30度くらいあるそうです。
涼みにデパートにでもいきましょう。
どうです？簡単でしょぅ？
後は、この要領で表を作成したり、リンクを埋め込んだり
画像をはめ込んだりしていくだけなんですよネ。
ps.
実は、まだこれで完全では無いんですね。
今までやってきた事は本文(ドキュメントと言います)の部分だけなのです
実は、本文をきっちりと表示させる為にはHTMLを宣言したり
ヘッダ部分にドキュメントの定義を宣言したりと
もうちょっと手を加えないとダメなんです

Top 続きはGO NEXT次ページで