六花工房
六花工房
 
  TOP Material Web FAQ BBS Link  
 
Web
サイト制作(個人編)
    はじめに
    テーマを決めよう
    構成を決めよう
    デザイン案を作ろう
    SEO対策をしよう
    コーディングをしよう
    UPする前に
サイト制作(企業編)
Web制作のお仕事とは?

Webサイト制作(個人編)|コーディングをしよう

ふれーむかノンフレームか

よく見かけるフレーム構造のページ。このサイトの素材コーナーがそうですね。
フレーム構造はいつでもメニューが見え、他ページへの移動が便利という利点があります。
しかし、検索エンジンで、たとえばメニューが記載されているフレームがヒットし、そこからアクセスした場合、もちろんメニューは別フレームにあるので見えません。となると、他ページに移動しようとしても、できなくなります。
フレーム構造にする場合は、その点も考慮して、他ページ(TOPページがよいでしょう)へのリンクをきちんとつけましょう。
また、フレームのベースとなるページには、簡単なサイト説明をいれることを忘れずに。HP制作ソフトでフレームページを作った場合、デフォルトで「このページはフレームを表示できるブラウザでご覧ください。」といったようなコピーが入ります。このままにしていると、このページが検索エンジンの結果に表示されたら…。格好悪いですよね(笑)。当然のことながら、そのようなページですと、ユーザーにとってひどく不親切となりどのようなページなのかわからず、アクセスしてもらえる確率が減ります。

一方、最近の流れとしてノンフレーム化が進んでいます。
数年前までは企業のサイトを見ても、フレームページが多かったのですが、今やそれをやめ、わざわざフレームページをノンフレーム化したりするのです。このページがその例です。
大量のページをノンフレーム化するのは非常に労力も費用もかかるのに、なぜ企業はそうするのでしょうか? 
これは上記に述べたフレーム構造ページの問題を避けるためと、SEO対策の見地から好ましくないと考えられるからです。「このページはフレームを表示できる…」なんて検索サイトでひっかかるのはよろしくない、ということですね(笑)。
しかし、このノンフレームページもページが長くなると、メニュー部分が見えなくなり、ユーザーにとっては不親切になってしまいます。そのため、ある程度の間隔で「このページのTOPへ戻る」といったようなリンクをつけ、ページ上位に戻れるよう配慮しましょう。

フレームページ、ノンフレームページ両方のよい点、悪い点を踏まえた上で、どちらがよいのかを判断し作成に入りましょう。

レイアウトはテーブルで

テーブル

ページを作成する際、テーブルを使うと大変便利です。現場のプロの方もテーブルを利用してページを作成していたりしました。
これは、1つの大きなテーブルを分割したり、あるいはテーブルの中にさらにもう1つテーブルを入れたりとしていくのです。たとえばこのページは大まかに描くと、左のようなテーブル構造になっています。
まず1として大きなテーブルを作成し、メニュー部分と本文部分に分割します。次に2に小さなテーブルを作成し、その中にメニューを放り込んでいます。続いて3には本文を入れています。

このようにテーブルを利用すると、まとまったレイアウトができるます。
しかしあまり複雑に入れ子状にテーブルを使うと、ページが重くなりますので注意してください。
また、最近ではテーブルでレイアウトするのではなく、スタイルシートを使用してレイアウトする、ということもされているようです。

Copyright(C)Subaru Nanto All Rights Reserved