HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座
|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > ホームページ作成の知識 > ブラウザで確認
様々なブックマークサービスがご利用頂けます。

ブラウザで確認

視覚的に表示を確認する為と、画像や、リンクなどのバス指定に誤りがないかを確認する為にブラウザで表示を確認します。
最初は、HTMLの記述と、実際にブラウザに表示されたものが、頭の中でリンクしないと思いますが、こまめにブレビュー(ブラウザで確認)して下さい。
このタグを使えば、こう表示されるとか、こう表示が変わるなど、視覚的に何度も確認すると、上達も早くなります。
また、ひとりでも多くの訪問者に来てもらう為に、最低でも、IE 6 または IE 7、Firefox、Netscape を、パソコンにインストールし、各ブラウザで、意図する表示になるか確認することも、ホームページ製作者として大切な事だと思います。
ブラウザ ダウンロード
Internet Explorer 6 SP1
Windows XP SP2 向け Windows Internet Explorer 7

Netscape 7.1
■メモ帳をご使用の方
ブラウザを起動し、HTMLファイルを、ブラウザ上に「ドラッグ＆ドロップ」すると、ソースのbodyタグ内に書かれたテキストが表示されます。
■HTMLエディタをご使用の方
エディタの機能の「ブレビュー」の機能をお使い下さい。
ブレビュー機能が無いエディタの場合、メモ帳と同じ手順か、ブラウザ(IEの場合)の「アドレス」の右側にあるブラウザの機能  の  下三角画像  をクリックして、ファイルまでのURLをフルバスで指定して下さい。
ポイント ローカルフォルダとは
現時点での作業では、まだ、インターネット上に公開されている訳ではありません。あくまでご自分のパソコンの中のハードディスク内での作業です。
作成した「ホームページ」フォルダも、まだ、サーバにアップロードしていませんので、安心して作業を進めて下さい。
ご自分のパソコンのハードディスク内にあるフォルダを「ローカルフォルダ」と言います。
但し、レンタルカウンターなどのCGIを、HTMLファイル内にリンク(http://〜)させて表示している場合は、カウンターの数値が進む事があります。

■知識編で学んだホームページの知識から、簡単なHTMLファイルを作成します。
ソース  ソース
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="description" content="HPの説明を記述します。">
<meta name="keywords" content="キーワードを記述します。">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<title>ホームページ作成講座</title>
</head>

<body>

VALUE NEXT HTML,CSS LESSON

</body>

</html>

表示  表　示
bodyタグ内に、『 VALUE NEXT HTML,CSS LESSON 』と記述しました。
ポイント ブラウザで確認  （新規ウィンドウで確認できます。）
ソース、メモ帳ファイル
目が慣れていないと見辛いかと思います。
上のメモ帳画像をクリックして頂くと、上記と同じソース(HTMLファイルに記述されているタグ)がメモ帳でご覧頂けます。

(C) いまさらHTML CSS講座 2002-2008 All right reserved