HTMLを押さえれば、ホームページ作成は怖くない! /その他・HTML関連トピックス /Dreamweaver入門 ドリームウィーバーの使い方

ドリームウィーバーの使い方

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代独身女の誓い

URL      http://fanblogs.jp/rijyurin/

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

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

WEB製作関連トピックストップへ
マーケティング・集客関連   
SEO(検索エンジン対策)   
コピーライティング(文章術) 
その他・HTML         

▲トップページへ