ウェブデザイナー募集 ホームページ作成HOME

ホームページ作成講座 無料テンプレートで Web Design

ブラウザで表示する ホームページ作成講座

 【ブラウザで表示する】 ホームページ作成講座

メモ帳に保存したデスクトップのファイルをブラウザで表示してみましょう!

まずインターネットエクスプローラーを開きます。そしてデスクトップに保存した./をインターネットエクスプローラーにドラッグしましょう!

ドラッグしてみましたか?上の写真は./ファイルのアイコンがファイヤーフォックスというブラウザのものになっていますが、通常はインターネットエクスプローラーのアイコンになっています。

そうしましたら、ここからしたの文字をドラッグしてコピーペーストしてください。

すると、上記の写真のように表示がされるはずです。

なんともないページですが、これも立派なホームページです。

ここまでOKでしょうか?そうしたら、ブラウザの上にある表示をクリックし、ソースを開きましょう。

すると先ほどメモ帳で書いたHTMLタグが表示されます。

今は簡単な例で文書もなにもありませんが、これが必要最低限のHTMLです。
基本は、このHTMLタグでインターネットにホームページを表示できるということです。

これに、色をつけたり、レイアウトをしたり、画像を貼り付けたものが、当サイトのようなホームページになります。また、殆どのホームページはこのHTMLタグが記載されているソースを見ることができます。ひとつずつこのソースの意味が理解できるようになれば、オシャレなサイトを真似て配色したり、レイアウトをすることだって可能です。(ソースをそのまま使うことは、コピーサイトになってしまうのでやめましょう。)

ここまでがホームページ作成の土台となる知識です。

家でいえば設計図の段階ですね。

ここからどう手を加えていくかはあなた次第ですが、ホームページ作成講座では当たり前の基準となってきているCSS(スタイルシート)をつかってレイアウトをしていきます。


ホームページ作成講座
ホームページ作成講座【HTMLタグ講座】
ホームページ作成講座【ブラウザーで表示してみよう】
ホームページ作成講座【レイアウトをしてみよう】
ホームページ作成講座【無料ホームページのテンプレートを使おう】
ホームページ作成講座【無料テンプレートをカスタマイズしよう】
ホームページ作成講座
HTMLタグ講座
ブラウザで表示
レイアウト
テンプレート
カスタマイズ講座
ホームページ作成講座HOME
ホームページ作成講座HOME