2011年02月11日

HTMLサイトを作る時に大変な事

 え〜HTMLサイトといいますか、どうやら業界では静的サイト

いうように分類されているのが、HTMLタグのみで作成されたサイトの事

なのですが・・


 ブログなどは、PHPを混ぜてサイトを構築したり【携帯なんかも多いですね】

しているものですから、こちらは動的サイトと言っています。


 どちらが優秀とかの前に、どちらでサイトを構築していく方が楽なのか?

といった面で考えてみると、静的サイトの方は



  • HTMLタグが理解できれば、一応プラウザへの表示が出来る

  • 初心者の時に、覚えるマークアップ言語なので、比較的馴染みやすい。

  • 基本として、1ページずつ作り、それらをリンクさせる事を、人間が行う必要がある


 とまあ・・どちらかと云えば、コツコツ作り込んで行く必要があるわけです。

 10ページとか、30ページ位までなら、リンク貼りを我慢できますが

これが100ページを超えてしまうと、物凄い苦痛になってしまうわけですハイ。

 
canbasu.png
 

 図を見てもらうと、大体の構造を把握できると思うのですが、

1ページHTMLファイルが増えると・・・・そりゃ〜もう、

一つのフォルダーの中身だけにリンクを貼るくらいなら、なんとかなりますけど

これがフォルダーで振り分けされていないサイト構造になっていると・・・・

はい、エ(ーー;)y-゚゚゚まず死にます。


 だから、サイトのヘッダー画像の下とか、見出しの下あたりに、

通称“パンくず・リスト”なるものが出現したりするわけです。


 

 じゃあ、PHPで構築されたサイトはどうなんよ?という意見がありますが

筆者の使っている、Word Pressなどもそうなのですが

HTMLファイルでは、一枚というか・・・ファイル一つに全て収められていた
w-3.jpg

 
カテゴリー要素ごとに、いったん分割してしまいます。

 HTMLではブロック要素といいますか、<div id ="header">〜や

mainやfooter部分ですよね、こいつらに“散れ!”と命令するわけです。


 で・・秘密の暗号として、headerとmainがつながる様に、

例えばWord Pressであれば、<?php the_content(); ?>//投稿内容//とか、

<?php get_header(); ?>//Header.php ファイルの内容//などのPHPを

分割したHTMLファイルに入れ込んで、拡張子をPHPに変更するわけですたい。


<?php the_content(); ?>//投稿内容//を入れるフォルダーには、

通常のHTMLファイルと違い、文章宣言のない、コンテンツだけのHTMLファイル

が“ひしめきあう”といった感じです。

 
w-2.jpg
 

 だから、ブログでは更新する内容だけ(いわゆるテキストですね)

になってくるわけですが・・・


 一つだけ難点があったりするわけで、往々にしてブログに付属しているエディタは

WYSIWYGタイプとなっていますから、文法がNGという物が多いわけです。


すったもんだで、普通のHTMLサイトではW3Cから、

「あんたのサイトは文法のエラーなしでエライ!」といった、



Valid XHTML 1.0 Transitional


こういった物を貼りつける事が出来ません。

(これは、筆者が作成したサイトから、持ってきたやつですけど・・・)


 いわゆる、SEO的な考えから判断すると、本当は良くないわけです

文法エラーが多いサイトは、検索エンジンがクロールしたくないサイトとして

判断する事が多いのですけどね・・・まあ今は進化しているので、

それほどでもありませんが、エラーは少ない方がいいに決まっていますから。


 ブログは検索は早いが、消えるのも早いというカラクリは、

こんな部分が影響しているわけです。

(だから日本では、MTが好まれたりなんかしちゃうわけですが・・まあいいか)

 

 で、何が言いたいのか?という事になってくるわけですが、

メリットとデメリットを十分に把握して、サイトを構築しているのかどうか?

という部分になってくるわけです。


 次回に、この面倒なHTMLで構築されたサイトの、

ツールを使うと、リンク貼りが簡単に行えるよ!という話へと続きますので

知らなかった人は、参考にしてみて下さい。



posted by アラフォー親父 at 14:22 | Comment(0) | TrackBack(0) | ホームページを作る | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス: [必須入力]

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
最近のコメント
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。