MdNCORPORATION

レイアウトで選べるWebデザイン・テンプレート集 HTML&CSSが書けなくてもホームページができる

レイアウトで選べるWebデザイン・テンプレート集 HTML&CSSが書けなくてもホームページができる

螺旋デザイン(佐藤とも子 佐藤サチコ) 著
本体 2500円(税別) ※電子書籍の価格は各販売ストアにてご確認ください。
発売日 2013-03-26
仕様 B5判/192pP
ISBN 978-4-8443-6332-3
HTMLやCSSが書けない方でも、文章と画像を入れ替えるだけで利用できるWebサイトのテンプレート集。本書の解説に従って、付属CD-ROMに収録されているテンプレートデータ(HTMLファイル)を編集し、ご自身で用意したテキスト(文章)と写真に差し替えることで、目的に合ったサイトを作成することができます。初心者の方がテンプレートを選びやすいよう「載せたい内容・つくりたいレイアウト」をベースに、「写真をたくさん使う」、「文字情報を豊富に載せる」、「写真を大きく見せる」、「更新情報を充実させる」の4タイプに分類して、紹介・収録しています。また、コンテンツ(内容)の編集を行いやすいよう、HTMLファイルにはソースコードが見やすいHTML5を採用しました。飲食店や小売店などの各種ショップサイトや企業サイトはもちろん、自治体、医療機関、個人サイトなど、幅広い業種・用途に利用できるよう、使いやすく汎用性の高いレイアウトとデザインパターンを厳選して、20種類のテンプレートを収録しました(本書の誌面でテンプレートの完成イメージに使用している写真素材は、付属CD-ROMには収録されておりません)。


■ページ見本










目次

----------------------------------------
Chapter 1 写真をたくさん使うWebサイト
----------------------------------------
01 アイテムをたくさん並べたナチュラルテイストのサイト
02 背景やメニューの色を変えて華やかさをアップしたデザイン
03 写真の大きさにメリハリをつけたシンプルなデザインのサイト
04 パーツのモチーフを変えた中性的でポップなデザイン
05 写真を拡大表示できる重厚感のあるサイト

----------------------------------------
Chapter 2 文字情報を豊富に載せるWebサイト
----------------------------------------
06 「お知らせ」エリアが2つあるビビッドな配色のサイト
07 ナビゲーションの文字色やフッターの色をカスタマイズ
08 タイムテーブルで情報を伝える清涼感のあるサイト
09 使いやすさを重視したスマートフォン対応デザイン
10 プルダウンメニューのついたスタイリッシュな配色のサイト

----------------------------------------
Chapter 3 写真を大きく見せるWebサイト
----------------------------------------
11 写真を大胆に配置した高級感のあるサイト
12 トップページのメイン画像にスライダーを使って見せる
13 写真を主役に配置した洗練されたデザインのサイト
14 パステルカラーを基調色にしたガーリーなテイスト
15 パノラマ風の横長写真を使うすっきりしたデザインのサイト

----------------------------------------
Chapter 4 更新情報を充実させるWebサイト
----------------------------------------
16 日記や写真を豊富に見せる女性らしいデザインのサイト
17 写真を拡大表示できる硬質なデザインのサイト
18 配色とパーツで柔らかさを演出したデザイン
19 Twitterのつぶやきを表示できる手書き風の暖かみのあるサイト
20 デザインパーツの色に合わせて背景色と文字色を変える

お詫びと訂正

『レイアウトで選べるWebデザイン・テンプレート集 HTML&CSSが書けなくてもホームページができる』

 お詫びと訂正のお知らせ



このたびは、『レイアウトで選べるWebデザイン・テンプレート集 HTML&CSSが書けなくてもホームページができる』をお買い求めいただきまして、誠にありがとうございます。

本書の付属CD-ROMに収録しているテンプレートデータの一部に誤りがございました。該当ファイルは以下の3ファイルになります。

●テンプレート番号「03」、shops.css
(収録場所:CD-ROM>Chapter1>03>common>css>shops.css)

○修正箇所:25行目
○修正前「midashi2D.png」→修正後「midashi2d.png」

見出し画像のファイル名の記述を修正しました。


●テンプレート番号「04」、shops.css
(収録場所:CD-ROM>Chapter1>04vari>common>css>shops.css)

○修正箇所:26行目
○修正前「midashi2D.png」→修正後「midashi2d.png」

見出し画像のファイル名の記述を修正しました。


●テンプレート番号「16」、common.css
(収録場所:CD-ROM>Chapter4>16>common>css>common.css)

○修正箇所:16行目
○修正前「#FFF」→修正後「#FDB5B6」

背景色の指定を修正しました。


修正したファイルを用意いたしましたので、ご利用いただけますようお願い申し上げます。


修正ファイルのダウンロード

template_shusei.zip(13KB)

CD-ROMに収録されているテンプレートデータを、パソコンのデスクトップなどにコピーしたあと、該当ファイルを上書きしてお使いください。



ご迷惑をおかけいたしまして誠に申し訳ございません。
訂正してお詫び申し上げます。



Web戦略成功の糸口が見つかる!担当者必携ラインナップ

冬の間に新学期に備えよう!一から学べるデザイン入門書シリーズ