ホームページ制作のご案内

基本レイアウトについて

選択いただける基本レイアウトは「A,B,C,D,E」の5パターンございます。それぞれ2種類ずつのサンプルをご用意しました。以下の画像をクリックしてサンプルをご覧ください。

いずれのレイアウトもメニュー部分を広く取ってありますので、将来的なページの増加にも対応できます。また文書構造ファイル(XHTML)とレイアウトファイル(CSS)が別になっていますので、メンテナンスや検索エンジンへの対応の面で利点があります。

基本レイアウトA

基本レイアウトa-1- 基本レイアウトA・サンプル1 -

こちらのレイアウトは、画面上部から背景画像を大きく配置してあります。サイト訪問者に店舗イメージを強く印象付けることができます。

基本レイアウトa-2- 基本レイアウトA・サンプル2 -

同じ「基本レイアウトA」を使用し、背景画像・基本カラー・基本フォントを変更したものです。これらの変更で全体のイメージが変わります。

基本レイアウトB

基本レイアウトb-1- 基本レイアウトB・サンプル1 -

こちらのレイアウトは2段組になっています。画面上部に背景画像およびロゴを配置しております。

基本レイアウトb-2- 基本レイアウトB・サンプル2 -

同じ「基本レイアウトB」を使用し、背景画像・基本カラー・基本フォントを変更したものです。ベビー用品ショップのサイトという設定で作成しました。

基本レイアウトC

基本レイアウトc-1- 基本レイアウトC・サンプル1 -

こちらのレイアウトは、画面左上部に背景画像およびロゴを配置しております。よりすっきりとした印象を与えます。

基本レイアウトc-2- 基本レイアウトC・サンプル2 -

同じ「基本レイアウトC」を使用し、背景画像・基本カラー・基本フォントを変更したものです。自動車工場のサイトという設定で作成しました。

基本レイアウトD

基本レイアウトd-1- 基本レイアウトD・サンプル1 -

こちらのレイアウトは、背景画像を使用しておりません。基本カラーを前面に出し、すっきりした印象と共にスタイリッシュなイメージを持っています。

基本レイアウトd-2- 基本レイアウトD・サンプル2 -

同じ「基本レイアウトD」を使用し、基本カラー・基本フォントを変更したものです。建築業のサイトという設定で作成しました。

基本レイアウトE

基本レイアウトd-1- 基本レイアウトE・サンプル1 -

こちらのレイアウトは2段組になっています。アイコン等はガラスをイメージしたパーツを使用し、透明感のあるレイアウトです。

基本レイアウトd-2- 基本レイアウトE・サンプル2 -

同じ「基本レイアウトE」を使用し、基本カラー・基本フォントを変更したものです。こちらのサンプルのように上部に画像を使用しないで作成することも可能です。

各レイアウトの印刷について

それぞれの基本レイアウトで作成したページをを印刷する際には、ブラウザの機能を考慮し背景画像やレイアウトがリセットされた状態で印刷されます。左の画像をクリックして印刷プレビュー画面をご確認ください。