概要

お店や仕事のホームページ（Webサイト）を作りたいけれど，時間もお金もスキルもない！　そんな人にうれしい，最前線のプロのWebデザイナーが作ったWebサイトデザインのテンプレート集です。色違いを含めたデザインは23種類，全部で123ページ分のHTMLとCSSをCD-ROMに収録。女性デザイナーならではの，とてもおしゃれでキレイなセンスが光ります。指示された場所のテキストや写真を入れ替えるだけで，簡単にあなたのホームページが完成します。ロイヤリティフリーで，デザインの改変，商用利用も自由です。

こんな方におすすめ

• お店や仕事のホームページ（Webサイト）を簡単に作りたい方
• お金も時間もかけずにプロのサイトデザインにしたい方
• 低料金でクライアントさんに作ってあげたいWeb制作者の方

著者から一言

いまやWeb 上で情報発信していくことは当たり前のことになりつつありますが，一からWebサイトを制作するとなるとたくさんの専門知識が必要でまだまだ敷居が高いのが現状です。
本書では，Webサイトを持って情報発信をはじめてみたい方のために手軽にWebサイトが作成できるテンプレートを23点収録しました。
さまざまなシチュエーションで使っていただけるよう，多様な業種を想定して制作しています。
本書の手順にそって写真やテキストを入れ替えて，オリジナルの写真や文章をたっぷり詰め込んだWebサイトを制作してサーバーにアップすれば，お店や会社の情報を世界中の人から見てもらうことができるようになります。
Webサイトで一番大切なことは，鮮度ある情報を高頻度で発信していくことです。
まずは自分の手で，Web 上でお店や会社の情報を配信してみませんか？
この本に収録のテンプレートは商用での利用も可能です。
Web制作会社さまなどでも，使える部分はテンプレートを活用することで，クライアントさんの負担を抑え，大切なコンテンツの充実に注力するために利用していただけます。
このテンプレート集が，さまざまな形でみなさんの情報発信のお役に立てれば幸いです。
（「はじめに」より）

目次

本書の使い方

• 本書の特長
• 付属CD-ROMの内容と使い方
• Webサイトを編集する準備
• 画像サイズを変更するには
• 基本的なカスタマイズ方法
• カスタマイズのためのHTMLの基礎知識
• 本書のテンプレートに共通する説明

Part1　ナチュラルで素材感のあるデザイン

• Template01　落ち着いたナチュラルなデザイン
  Natural Shop Coco
• Template02　ナチュラルでカラフルなデザイン
  ハンドメイド雑貨のパステルカラーズ
• Template03　素朴で温もりのあるデザイン
  Sunny Cafe
• Column：どのブラウザでもフォントサイズを統一させる

Part2　落ち着きのある上品なデザイン

• Template04　エレガントで上質なデザイン
  レストラン ハッチ
• Template05　高級感のある和風モダンなデザイン
  和食亭
• Template06　上品で落ち着きのあるデザイン
  FLOWER GARDEN
• Template07　優美で女性らしいデザイン
  Beautiful Nail Store
• Column：Google Web Fontsを使用する

Part3　すっきりとしたシンプルなデザイン

• Template08　明るくすっきりしたデザイン
  Dental Clinic
• Template09　クールで落ち着いたデザイン
  株式会社システムテクノロジー
• Template10　明るく信頼感のあるデザイン
  斉藤そろばん教室

Part4　華やかで明るいデザイン

• Template11　スイートで明るい色合いのデザイン
  野菜と果物のスイーツ専門店 SWEETxSWEET
• Template12　高級感のある華やかなデザイン
  美容室イースト
• Template13　カジュアルで明るいデザイン
  こども服専門店　PeekaBoo

Part5　誠実で親しみやすいデザイン

• Template14　落ち着いたやわらかなデザイン
  なごみ整体治療院
• Template15　明るくて元気なデザイン
  東京ひまわり幼稚園
• Template16　シンプルなポートフォリオ向けのデザイン
  Satomi Inoue Illust Works

サポート

ダウンロード

電子版用ダウンロード

電子版用に，付録CD-ROM収録コンテンツを以下から入手できます。ダウンロードには電子版本紙に掲載されているIDとパスワードが必要です。

正誤表

Template08において，書籍に掲載されている配色と異なるデザインのCSSファイルが収録されておりました。申し訳ありません。このため，テンプレートのCSSの修正を行い，紙面掲載通りの配色としました。

また，Template08およびバリエーション（Template08_2）において，IE9で表示の場合に不具合が発生しておりましたので，あわせてその対策を行いました。

不具合

IE9で表示した場合

• 見出し（グラデーション背景）の右，下に不要なグレーのラインが表示される
• フッターの背景の色が白になる
• 各ページのコンテンツ（白背景）部分に不要なグレーの囲み枠が表示される

※他のブラウザではこれらの現象は発生しません。

対策

Template_08

• common/css/design.cssをアップデート
• common/images/に，bgListIcon02.pngを追加（配色に合わせたアイコン画像）

Template_08_2

• common/css/design.cssをアップデート

なお，この変更に伴い，IE7，IE8で閲覧した場合は角丸がすべてスクエア形状になります。ご了承ください。ご迷惑をおかけすることをお詫び申し上げます。

修正したTemplate_08，Template_08_2のファイルは下記リンクよりダウンロードいただけます。ZIP形式で圧縮されておりますので，展開してお使いください。

Templete_08およびバリエーション（Template08_2）の修正ファイル

• template_08_edit.zip（165KB）