おしゃれなホームページのテンプレート パーフェクト・コレクション

CD-ROMに収録! 全30種 幅広い業種にマッチするデザイン

お気に入りのデザインが
きっと見つかる!

HTMLやCSSが書けなくても
プロみたいなホームページができる

  • テキストと画像を差し替えるだけ!
  • スマートフォン&タブレットにも対応!

このサイトについて

文章と写真を入れるだけでWebサイトができるテンプレート素材集の書籍「おしゃれなホームページのテンプレート パーフェクト・コレクション」の紹介ページです。

HTMLやCSSが書けない方でも、文章と写真を入れ替えるだけでWebサイトを作ることができます。 本書の解説に従って、付属のCD-ROMに収録されているテンプレートデータを編集すると、あっというまにできあがるでしょう。

30種類のテンプレートからお好きなデザインを選んで、Webページを作ってみましょう!

汎用性の高いデザインを厳選しました!

店舗や企業サイトはもちろん、自治体、医療機関、個人サイトなど、幅広い業種・用途に利用できるよう、使いやすく汎用性の高いレイアウトとデザインパターンを厳選して、30種類のテンプレートを収録しています。

HTMLのコメントにこだわりました!

HTMLのコメントは文章作成・編集のプロのMdNの編集さんと協力して、変更部分が分かりやすくなるように工夫しました!

HTML5だから、編集するHTMLがみやすい!!

編集するHTMLはHTML5を採用しています。
これまでの主流だったXHTMLより、使い勝手が向上し、タグの種類が増えることによって、視認性もアップしています。
詳しい情報は本職の方向けのスライドですが、「HTML5でごく普通のWebページを作る」をご覧ください。

プロのWeb制作者の方へ

このテンプレート集は商用利用も可能です。
テンプレートデータ自体や、テンプレートのデザインの著作権は、著作権者(螺旋デザイン)にありますが、加工してWebサイトとしての納品に使っていただくのは全く問題ありません。
(付属CD-ROMに収録されているデータを「再配布」することは禁止しています。 CD-ROMなどにコピーして配布する、メールなどに添付して送信するなどは禁止しています。 また、テンプレートデータ内のロゴなどを、意匠登録、商標登録などすることも禁止となります。)

HTMLのバージョンがHTML5ですが、これは本当にHTMLを知らない人(この本のメインターゲットです)にとって分かりやすい(編集しやすい)のは、と考えた結果HTML5の採用となりました。

プロ狙いならXHTMLの方が幅広く狙える気がしたのですが、こちらの客層を逃すのも惜しいので是非HTML5タグは置換などして使ってください!!
こちらのスライドもご覧ください。「HTML5でごく普通のWebページを作る

動作確認しているブラウザはIE8~11/Sfari5・7/Firefox32/Chrome38/iOS Safari7・8/Android 2.3・4.3となっています。

よろしくお願いします。

ここがパワーアップ!!

この書籍は「レイアウトで選べるWebデザイン・テンプレート集 HTML&CSSが書けなくてもホームページができる」特設サイトアマゾンのページへの第二弾となるWebテンプレート素材集です。
前回の書籍からパワーアップした点を紹介します。
前の本を買っていただいた方にも楽しめる内容になっていますよ!

第一弾
レイアウトで選べる
Webデザイン・テンプレート集
HTML&CSSが書けなくてもホームページができる
第二弾
おしゃれな
ホームページのテンプレート
パーフェクト・コレクション
テンプレート数 20 30
スマホ対応
テンプレート数
1
※スマホ専用デザイン
9
※レスポンシブWebデザイン
グローバルメニューの数 デザインで固定 増減可能
サイト構成パターン 複数ページタイプのみ 複数ページ、1ページタイプ
※情報量のボリュームが少ない層向けに1ページタイプを作りました。
最新のGoogle マップ
埋め込みに対応
×
※第一弾をお持ちの方でGoogleマップを入れたページのレイアウトが崩れる場合はGoogleマップのコードの後に<small></small>を追加してください。

※多少のGoogleマップの仕様変更でも影響を受けないコードになりました。

レイアウトの組み合わせが変更しやすい!

第一弾はCSSがページ固定の仕様でしたが、今回のテンプレートは同一テンプレート内でしたら移動できるつくりになっています。(info.htmlのリストをaboutus.htmlに持って行くなど)
ある程度HTMLに慣れている方はチャレンジしてみてください。

まるでテーマ変更?

テンプレート番号が同じものはcommonフォルダを入れ替えることでデザインをガラッとかえることができます。
[CD-ROM>Chapter1>01a>common]の場合だと[CD-ROM>Chapter1>01b>common][CD-ROM>Chapter1>01c>common]この3つのテンプレートでデザインを入れ替えることができます。

さらにパワーアップしたサンプル原稿

テンプレートのデザイン、使い勝手のほかに、文章もパワーアップ!!!
よりリアルな文言、よりクオリティの高い文章になっています。

サポート&書籍内容の修正

Chapter3-10のテンプレート修正

本書の付属CD-ROMに収録しているテンプレートデータ「Chapter3-10」に、iOS 8で文字サイズが崩れるバグがあります。

修正データを用意いたしましたので、ダウンロードのうえ、入れ替えをお願いいたします。

●該当するテンプレート:「10a」「10b」「10c」内、base.css

収録場所:CD-ROM>Chapter3>10a>common>css>base.css
収録場所:CD-ROM>Chapter3>10b>common>css>base.css
収録場所:CD-ROM>Chapter3>10c>common>css>base.css

テンプレートデータごとダウンロードする方は、下記をお使いください。
→ダウンロード:10_20141125.zip

修正ファイルのみダウンロードする方は、下記をお使いください。
→ダウンロード:10_basecss_20141125.zip


MdNのWebサイトからも修正データをダウンロード可能です。
https://www.mdn.co.jp/di/book/3214203007/

(「→訂正とお詫び」のテキスト部分がダウンロードページにリンクしています。
zipファイルの名称は違いますが、修正データの内容は同じものです。)


ご迷惑をお掛けいたしまして申し訳ございません。

更新履歴

特設サイトオープン

特設サイトオープンしました!よろしくお願いします。