Okapi Project

テンプレート

バージョン
2003 年 10 月 05 日 Ver.1.0
作成者
K.Takimoto ( Xware )

要約

Okapi Project では、コンテンツの管理を容易にするために、コンテンツ(HTML)はマクロメディア社の Dreamweaver MX により作成します。サイトデザイン、フォーマットを統一するために、スタイルシートによりデザインすると共に Dreamweaver MX のテンプレート機能を利用します。

本ドキュメントでは、Okapi Project のコンテンツ作成に使用するテンプレートについて、その利用方法と考え方について記載します。
なお、本ドキュメントでは Dreamweaver MX のテンプレート機能について理解していることを前提に記載しています。

目次


1. テンプレートとは

テンプレートは予めテンプレート作成者によりコンテンツのレイアウトがデザインされ、コンテンツ内の編集可能領域を規定することができます。これによりテンプレートを利用したコンテンツの作成においては、統一したデザインを維持したままでコンテンツの作成を行なうことが可能となります。

テンプレートの最大の利点は、複数のページを一度に更新できるという点です。テンプレートを使用して作成されたドキュメントは、後からテンプレートを切り離さない限り、そのテンプレートに関連付けられたまま維持されます。テンプレートを変更すると、そのテンプレートから作成されたすべてのドキュメントのデザインを、瞬時に更新することができます。

2. テンプレートの仕組

Dreamweaver では、HTMLのコード中にテンプレート制御用のコードをHTMLのコメント文の形で埋め込みます。テンプレート上の編集可能領域を以下に示すコメントで囲むことで、他の領域の編集を不可能にしています。

<!-- TemplateBeginEditable name="編集可能領域名" -->
  :
  編集可能なHTMLのコード
  :
<!-- TemplateEndEditable  -->
 

また、テンプレートより作成するコンテンツの <head>タグ内には、Dreamweaverが自動的に編集可能領域を挿入するので、テンプレートを拡張する形で、スタイルシートや、Java Sclipt の追加が可能となります。

3. テンプレートの種類

Okapi Project では、以下に示す種類のテンプレートを用意します。コンテンツ作成者は作成するコンテンツのないように合わせたテンプレートを使用する必要があります。

テンプレート一覧
テンプレート名 用途 記事
template_biueprint01.dwt 設計書用テンプレート
設計書等のドキュメントを作成する場合のテンプレートです。
「タイトル」、「作成者情報」、「要約」、「目次」、「本文」で構成されています。
 
template_dic01.dwt 辞書用テンプレート
コンピュータ用語辞典など、用語に対する簡単な解説を作成する場合のテンプレートです。
「用語」、「解説」、「関連リンク」で構成されています。
 
template_learn01.dwt e-Learning テンプレートその1
e-Learning システム「Learn3ed」の学習用コンテンツを作成するためのテンプレートです。
見開きのノートをイメージしており、「右側ページに文章」、「左側ページに絵」を掲載する構成になっています。
 
template_learn02.dwt e-Learning テンプレートその2
e-Learning システム「Learn3ed」の学習用コンテンツを作成するためのテンプレートです。
ノートをイメージしており、「文章」のみを掲載する構成になっています。
 
template_meeting.dwt 議事録用テンプレート
打合せや会議などの議事録を作成するためのテンプレートです。
「議題」、「開催日時」、「参加メンバー」、「議事内容」で構成されています。
 
template_ref01.dwt リファレンス用テンプレート
Java リファレンスなどの解説書を作成するためのテンプレートです。
「タイトル」、「作成者情報」、「要約」、「目次」、「本文」、「関連リンク」で構成されています。
 
template_top01.dwt トップページ用テンプレート
Okapi Project Web Site のトップページを作成するためのテンプレートです。
「ヘッダタイトル」、「メインメニュー」、「サブメニュー」、「本文」、「検索」、「関連リンク」で構成されています。
「メインメニュー」、「サブメニュー」の変更にはテンプレートの修正が必要です。
template_top_Nippo.dwt Nippo トップページ用テンプレート
Nippo のトップページを作成するためのテンプレートです。
「ヘッダタイトル」、「メインメニュー」、「サブメニュー」、「本文」、「検索」、「関連リンク」で構成されています。
「メインメニュー」、「サブメニュー」の変更にはテンプレートの修正が必要です。
template_top_xfeame.dwt Nippo トップページ用テンプレート
X-Framework のトップページを作成するためのテンプレートです。
「ヘッダタイトル」、「メインメニュー」、「サブメニュー」、「本文」、「検索」、「関連リンク」で構成されています。
「メインメニュー」、「サブメニュー」の変更にはテンプレートの修正が必要です。

4. ソースを直接修正する場合の注意

Okapi Project では、ほぼ全てのコンテンツはテンプレートと関連しています、したがって HTML を直接修正する場合には、編集可能領域以外の修正は行わないよう、充分注意してください。編集可能領域以外を修正した場合、テンプレートの変更を各ページに反映すると、修正は失われます。

また、テンプレートを直接修正することも行わないでください。テンプレートの変更内容を関連する各ページに反映することができません。


Copyright © 2003 - 2006 Okapi Project All Rights Reserved.