広告

飲食店経営の強い味方! 月額1,000円(税抜)で始めるホームページ ホームページビルダー HTMLを押さえれば、ホームページ作成は怖くない! | 日記

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

0
    HTMLを押さえれば、ホームページ作成は怖くない! 著 者: 本田利絵 (infomake専属アフィリエイター rijyurin)

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


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


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


    「ホームページは元々、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/

    スポンサーサイト

    0
      • 2020.06.16 Tuesday
      • -
      • 21:03
      • -
      • -
      • -
      • by スポンサードリンク

      コメント
      コメントする








         
      この記事のトラックバックURL
      トラックバック

      PR

      無料メルマガ

      selected entries

      categories

      archives

      recent comment

      recent trackback

      links

      profile

      search this site.

      others

      mobile

      qrcode

      powered

      無料ブログ作成サービス JUGEM