テンプレートとはそもそも何か？

テンプレートとは？ WEB Dreamweaver

テンプレートとは？　←　クリックでwikipedia[webテンプレート]へジャンプ

Webテンプレート（ウェブテンプレート）は、ウェブデザインにおいてコンテンツと見た目を分離し、Webドキュメントを大量生産するためのツールである。Webテンプレートシステムの基本概念である。Webデザインテンプレート、ホームページテンプレートとも。Webテンプレートはどんなタイプのウェブサイトでも使える。簡単に言えば、Webテンプレートはウェブサイト設定時のテンプレートである。

------テンプレートの例を見てみましょう。------

無料配布されているテンプレートを紹介しているサイト

http://f-tpl.com/sample/tpl_078/

http://f-tpl.com/sample/tpl_079/

http://f-tpl.com/sample/tpl_071/

http://f-tpl.com/sample/tpl_067/

http://f-tpl.com/sample/tpl_043/

http://f-tpl.com/sample/tpl_003/

http://tempnate.com/tinyd5+index.htm#stylish

http://tempnate.com/tinyd5+index.htm#aqua

http://tempnate.com/tinyd5+index.htm#liquid

http://tempnate.com/tinyd5+index.htm#basic

http://tempnate.com/smartphone/

↑

このタイプのスマホ専用テンプレートを使う場合は、
[このコードを]userAgent.jsという名前で新規ファイルを作成して保存しindex.htmlと同じ場所へアップロードして
index.htmlのhead内に

<script type="text/javascript" src="userAgent.js"></script>

と一行入れる。と、見ている人のブラウザがPCかスマホかによって分岐自動転送されます。
参照：http://www.html5-memo.com/css3/pc_bunki/

<<<<<本日の作業>>>>>
自分のサイトのレイアウトを

どのパターンにするのか考えましょう

Aパターン：
上記のテンプレートのリンクから、自分のサイトの計画に合うものを使って作成を始める。

Bパターン：

自分のサイトの計画しているレイアウトが、上記のテンプレートのリンクにはない場合はDreamweaverから近いテンプレートを使って作成する

板書