ホームページビルダーのちょっと前のバージョンのものだと私の運営する別のサイトで配布するテンプレートを編集しようとすると「エラーが検出されたので修正しました。」と出て勝手に修正してしまうらしい。
どうもこのホームページビルダーというソフトは勝手なことをしてしまうので質問の多いソフトウェアなのです。
マニュアルにもこのサイトでもHTMLを直接書くことをおススメしていますがやはり抵抗のある方は多いのでしょう。ホームページビルダーのページ編集画面で編集し、どんどんHTMLを複雑にしてしまうサイトが良く見受けられます。
ちょっと前にオリジナルのテンプレートの制作を依頼された方もそうでした。ホームページビルダーで編集していきたいという注文です。お客様の要望である以上、可能な限りホームページビルダーで編集しやすいように、しかも可能な限りCSSでHTMLを簡潔にしたテンプレートを納品しました。
しかしながらほんの数ヵ月後にはとても複雑なHTMLのサイトに変わってしまっていました。ブラウザによっては文字が重なってしまっている部分もあります。HTML文法をチェックするとエラーの連続です。
こちらの用意したマニュアルをほとんど無視してホームページビルダーで作りたい様に作ってしまったのだから仕方の無いことかもしれません。
ホームページビルダーを使うなというのではありません。使いようによっては便利なソフトでしょう。しかし、勝手にHTMLを修正してしまわないように設定しておくことや、作成後のHTMLを必ずチェックする習慣は身につけておいたほうが良いでしょう。
昨日は天気も良く、伊良湖岬まで海水浴に出かけてきました。風も穏やかで水もきれいでとても楽しく過ごしてきたのでした。
おかげでただでさえ色黒なのに、また一段と日焼けしてしまいました。
豊橋から伊良湖までは海岸沿いにきれいなサイクリングロードがあります。今度は自転車で来たいなぁと…高校生のころよく自転車で遊びに来た場所ですし、なんだかとても懐かしく感じました。
ダウンロードしたテンプレートを使ってとりあえず1,2ページ作ってみたので、そのページをサーバーにアップロードしてみた…ぜんぜんレイアウトされていない…
2つの原因のいずれかです。
ひとつはスタイルシートのファイルそれに付随するイメージファイルをアップロードしていないというもの。ほとんどのテンプレートでは「style」というフォルダにそれらが入っています。「style」フォルダごとアップロードしましょう。
もうひとつはスタイルシートのファイルとのリンクがうまくいっていないというもの。ダウンロードしたテンプレートそのままの階層に「style」フォルダを置くのであれば以下のように記述されていなくてはなりません。スタイルシートのファイル名は「main.css」とします。
<link href=”style/main.css” rel=”stylesheet” type=”text/css” />
って書いたり（一番上の階層）
<link href=”../style/main.css” rel=”stylesheet” type=”text/css” />
って書いたり（2番目の階層）
<link href=”../../style/main.css” rel=”stylesheet” type=”text/css” />
って書いたり…（3番目の階層）
赤い文字の部分に注意してください。
HTMLを絶対に、覚えたくない。
HTMLのタグ打ちなんかやってられるか!!
という方もいらっしゃるでしょう。仕方ありません。このテンプレートはやめたほうがよいでしょう。いや、Dreamweaverを使っているならまだよいかもしれませんが、ホームページビルダーではHTMLのタグ打ちのほうがはるかに作業効率がよいと思います。
それでも覚えたくないという方はこのテンプレートはやめたほうがよいでしょう。
このサイトで販売するHTMLテンプレートはデザインはCSSでHTMLはシンプルにということを第一に考えて設計しています。ですからHTMLはとても簡潔です。
たいていこんな感じのHTMLです。
これぐらいのHTMLは理解しておいたほうが、将来のサイト運営に必ず役に立つと思います。
あなたはホームページを作るとき何で作りますか？ブログを活用するという場合を除けば多くの方が「ホームページビルダー」を使っているのではないでしょうか？会社などでは「Dreamweaver」かもしれません。
HTMLを理解したうえでホームページ作成ソフトを使うのは問題はありませんが、HTMLの知識まったくなしにソフトウエアのみに頼っていると大変なことになる場合があります。
特に人気の「ホームページビルダー」ではブラウザによっては文字が重なったりして読むことができないなんていうサイトが結構あります。読めないなんていうのは論外ですが、レイアウトが崩れているサイトはそれ以上にあります。
そんなサイトのソースを見ると解読不能なくらいに複雑になっています。
初めてホームページを作ろうとするとき何も知識がないためとりあえずソフトウェアで作ります。ソフトウェアが書き出した複雑なHTMLを見て「うわぁ～難しそう…」と思うため余計に覚えようとしなくなります。
でも実際はHTMLはとてもシンプルにできるのです。デザインさえスタイルシートで行ってしまえば難しいことではありません。
むしろソフトウェアの使い方を覚えるほうが難しい。
私はDreamweaverを使って基本的にHTMLを直接記述していますがなんとなく購入してみたホームページビルダーは使ったことが無いせいもありますが、とても難しい。スタイルシートでレイアウトしようとすると本当に難しい。
結局HTMLは直接タグ打ちする方が効率がよいことに気が付きます。
私はとても早起きのほうです。遅くとも5時には起きます。この時期は朝のほうが仕事がはかどることもあり、たいてい4時前には起きています。
朝起きて自転車でひとっ走り…頭もすっきりしますし、運動不足解消にもなります。最近のコースは我が家から多米峠を越え知波田へ…そして二川経由で戻ってきます。
大きな地図で見る
Googleマップの距離計算で23キロ余りです。ちょうど1時間くらいのよい運動です。
ホームページを制作する上で気をつけなくてはならないのが、コンテンツの記述の順序です。
ホームページはたいてい一番上にタイトルや簡単なナビゲーション、右か左にメニュー、そして反対側にコンテンツ、最後にフッター部分となっています。
HTMLの記述は極力コンテンツが最初のほうに来るようにするとよいでしょう。テーブルレイアウトなどで左にメニューを持ってきてしまうとどうしてもメニューの記述が最初のほうに来てしまい、検索ロボットから見るとどのページも前半は同じことが書かれていると判断されてしまいます。
これはSEOの観点からは望ましいことではありません。
またSEOだけでなく音声ブラウザなどでインターネットを閲覧している人にとっては毎回メニューが先に読まれてしまうのはつらいものです。
というわけで、コンテンツはメニューよりも先に記述するほうが望ましいでしょう。このサイトで販売するテンプレートはCSSでレイアウトしていますので左右のメニューは常にコンテンツの後に記述されるようにしています。
