HOME > WEB製作関連トピックス > その他・HTML > HTMLを押さえれば、ホームページ作成は怖くない！

HTMLを押さえれば、ホームページ作成は怖くない！

HTMLを押さえれば、ホームページ作成は怖くない！という記事です。
ドリームウィーバーなどのソフトを使ってサイトを作る際でも、HTMLを知っているほうが有利です。
※外部記事からの引用です。

HTMLを押さえれば、ホームページ作成は怖くない！

ビルダーを使ってホームページを編集すれば
確かに、色々なトラブルがあります。

例えば、エラーではないのに、勝手にエラーと解釈されて
修正されるために、表示がずれたり。

その度に頭を抱えましたが
ビルダーのトラブル解決方法を検索している間に

「ホームページは元々、HTMLで構成されている！
この基本を習得すれば、ほとんどのトラブルが解決できる！」

ことに気付いたのです。

で、私が参考にしたサイトが下記のサイトです。

超初心者用ホームページ作成HTMLタグ基礎講座

http://e-html.aofp.net/

そして、上記の表示ズレの解決方法は…

例えば、ホームページビルダーで編集した際に左寄せで表示される場合。

ホームページビルダーの編集画面を
HTML/ソースにして、半分したにソースが写る状態にします。

すると、一番上の「DOCTYPE宣言」というHTMLソースが表示されています。

こんな感じです。
（一番左端に＜を付けてください）

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

これで、センター配置になっていれば構わないのですが、左寄りになっている場合は

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

に書き変えます。

この逆の場合もありました。
要するに、センター配置になるようにタグを書きかえればいいだけの話です。

●ホームページビルダーのDOCTYPE設定を変更する方法●

※ページ編集の際は「ページ/ソース」にしておきます。

1. まず、ホームページビルダーにて
「ツール」→「オプション」の「ファイル」タブを表示してください。

2. 次に、その中の「DOCTYPEを出力する」にチェックを入れてください。

3. そして、DOCTYPEを下記に変更してください。
（一番左端に＜を付けてください）

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

ページ/ソースの1段目のタグも同様にペーストして変更します。

そして、最後に左上の、スタートの下にある
ソース整形をクリックすると出来上がり。

または、こんなトラブルがありました。

Index.htmlをエクスプローラーで反映させる時は正常なのに
ビルダー編集の際に、ページのタイトルや大文字は残っているのに
中の文章がごっそり抜けおちてしまったことがありました。

そういう時は、エクスプロ―ラ―で反映させている方の
ホームページのソースを表示させ
それをコピーし、ビルダーの方にペーストします。

そしたら、無事に修正されました。

私は実はこの時、非常にパニくっていましたが
野村さんのアドバイスのお陰で、何とか切り抜けました。

ホームページでエラーがあった場合は
とにかく、正しいHTMLタグに書きかえる。

ただ、これだけのことです。

これだけで、ほとんどのホームページのエラーが解決できてしまいます。

そして、私のホームページへの苦手意識も克服されました(^^)v

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

発行者　　　　　本田利絵　(infomake専属アフィリエイター rijyurin）

ブログ名　　　　在宅ネット起業で稼げ！負け犬30代独身女の誓い

ＵＲＬ　　　　　 http://fanblogs.jp/rijyurin/

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

アーティクルリソース：http://www.infomake.org/

▲トップページへ