********************************************************************************* Shitamachi DPE (C) COME ON GIRLS INTERFACE ********************************************************************************* ********************************************************************************* 1. 下町DPEとは (About "Shitamachi DPE") ********************************************************************************* こんにちは。カモンガールズインターフェースのスズキです。 このたびは、下町DTPをダウンロードしてくれて、どうもありがとう。 僕は写真サイトが好きなんだけれど、なんか写真の更新って大変そうだよね。 01.htmlに、01.jpgを配置して、02.htmlに02.jpgを配置して、、って、画像分の HTMLを用意しなくちゃいけないんだもん。 写真を撮る素敵ピープルから、そういうつまらない作業を無くしたいなぁ、、というのが、 このJavaScriptを作ろうと思ったきっかけです。 どうせだから、現在表示している画像が表示されきったら、さらに次の画像も 自動的に先読みしてくれたら最高かな？なんて思って、今では自動読み込み機能もついて ます。イエイ。 みんなも素敵な写真サイトを作ってくださいね。 COME ON GIRLS INTERFACE http://www.c61.org ********************************************************************************* 2. 下町DPEの使い方 ( How to use "Shitamachi DPE" ) ********************************************************************************* 下町DPEの設定は、JavaScriptが記述された１つのHTMLファイル"index.html"で行います。 このHTMLに含まれる設定を修正変することで ・写真枚数 ・表示順序 ・コントロールボタンの表示、非表示 ・背景色 ・ボーダー幅 ・写真保存ディレクトリ名 ・各写真の説明文 などを変更することができます。 また、全体をデザインしているHTMLは汎用性が高いレイアウトになっているので、 写真の周りに配している画像を別の画像にすることで、がらっとデザインを変える ことも可能です。 カモンガールズインターフェースでは基本となるいくつかのデザインスキームを 配布していますので、好みにあったデザインスキームをダウンロードしてください。 ****************************************************************************** 3. 下町DPEスキームのファイル構成 ****************************************************************************** スキーム名 ---- photo（写真画像を保存するデフォルトのフォルダ） |-- img（スキームデザイン用の画像が保存されるフォルダ。変更不要） | |-- index.html (下町DPEのサンプルファイル） | |-- customize.html (簡単カスタマイズ用HTMLファイル） | |-- readme.txt (今読んでいる説明書テキストファイル) ****************************************************************************** 4. 設置手順 ****************************************************************************** 設置方法「簡単カスタマイズ」と「プロフェッショナルカスタマイズ」の ２通りがあります。 ★ 簡単カスタマイズ 1. 写真画像を用意し、表示したい順番どおりに01.jpg、02.jpg、03.jpg、、といった 名前にします。(50枚まで） 2. 用意した画像を下町DPEのphotoフォルダに保存します。 3. customize.htmlをInternet Explorerで表示します。 （JavaScript有効にしてください） 4. customize.htmlの設定をすべて行い、「プリント」ボタンをクリックします。 5. customize.htmlに表示されたHTMLを、テキストエディタに張り付け、 "(好きな名前).html"という名前で保存します。 6. この"(好きな名前).html"が下町DPEページです。 ★ プロフェッショナルカスタマイズ （下町DPEをすでに設置できた方向け） 1. 以前に作った下町DPEページをテキストエディタで開きます。 2. 下町DPEページのHTMLソースに含まれる「プロフェッショナルカスタマイズ」項目の 各設定を修正し、保存します。 ****************************************************************************** 5. デザインカスタマイズ方法 ****************************************************************************** 下町DPEのページデザインは、以下のパーツで構成されています。 ・ページ背景 ・写真 ・写真ボーダー（単色） ・写真周りの額縁画像 ・写真とテキストの間の画像 ・テキスト ・テキスト周りの額縁画像 それぞれの要素について、色や画像を変更することができます。 ※ 額縁画像を変更する際は、デザインカスタマイズ用スキーム「Mikansei」の ダウンロードをおすすめします。 このスキームは各画像の名前が表示されているので、パーツを把握しやすく なっています。 ****************************************************************************** 6. コピーライト表記について ****************************************************************************** 下町DPEでは、ページ内にはコピーライトを表記していません。 これは、写真の良さを伝えるときに、毎回コピーライトが表示されるのは邪魔になる と考えているためです。 そこで、下町DPEを使うときは、下町DPEを表示するまでのページに以下の２つの コピーライト表記を載せてください。 ・Shitamachi DPE (or 下町DPE) ・c61.org 下町DPEで写真の更新をしていることがゲストに伝われば、どんな見せ方でも構いません。 このプログラムが広まることで、素敵な写真が増えてくれたら、 とても幸せです。 ****************************************************************************** 7. アップデート情報 ****************************************************************************** 2002.03.11 初代 下町DPEリリース 2003.06.29 下町DPE Webカスタマイズ 開始 2003.03.03 下町DPE ver2 リリース 2003.05.28 下町DPE ver2 HTML一枚化 2003.07.01 簡単カスタマイズ機能　仕様変更 2003.10.14 下町DPE ver3 リリース