@rt web ビギナーズガイド | ホームページ制作のDDN

・	@rt webの概要

・	@rt webの特徴

・	@rt webでできること

・	収録内容

・	収録ファイル、及びディレクトリの説明

各テンプレート専用にデザインされたボタン・バナー・背景画像をはじめ、ボタンのロールオーバーなどのJavaScriptなどが効果的に組み込まれています。そのテンプレートをもとに内容を書き換えたり、入れ替えたりするだけでひとつのWebサイトが出来上がります。

@rt webはWebデザインテンプレート素材集です。アプリケーションではありませんので、本製品だけではWebサイトをネット上に公開することはできません。@rt webを利用するには、最低限のWeb、HTMLの知識、ソフトなどが必要になります。
具体的な制作の流れについては、「WEBサイトの作成手順」をご覧ください。

●	デザイン性の高さ
	第一線で活躍するクリエーターのセンスと経験を最大限に活かして制作されています。加えてひとつひとつのサイトが入念に検証され、弊社内の基準をクリアしたものだけが製品に収録されています。
●	カスタマイズのしやすさ
	ユーザーの方がカスタマイズする際、デザイン性を損なわず、なるべく簡単に作業を進められるように配意しながら制作されています。
●	サイトの使いやすさ
	Webサイトを訪れた閲覧者の使いやすさにも留意されています。

●	初めてWebサイトを作る方
	ホームページ作成ソフトを用いて、テキストのみ、写真画像のみの変更なら、初めての方でもデザイン性の高いWebサイトを作成することができます。
●	Webサイトをすでに作ったことのある方
	ホームぺージ作成ソフトやHTMLの基礎が身についている方なら、入れ替える画像やコンテンツのレイアウトを工夫しながら、自分だけのWebサイトを作成することができます。
●	上級者の方
	プロのデザインやHTMLの組み方を参考に、テーブルを用いた複雑なレイアウトや、JavaScriptなどを盛り込んだ、よりオリジナル性の高い高度なWebサイトを作成することができます。

ここでは、@rt webに収録されている各種素材の概要と、分類方法や収録場所についてご説明します。

●	HTMLファイル
	各種画像・JavaScriptなどが組み込まれたHTMLに、各ページ間のリンクも指定されています。すでに1つのWebサイトとしてこのままサーバにアップロードしても動作しますので、ユーザーの方は必要に応じて、このテンプレートに最小限の修正を加えることで自分用のWebサイトを作成することができます。
●	GIF/JPEG各種画像データ
	各サイト用にデザインされた、メニューボタン・コンテンツボタン・バナー・ポイント・ライン・オブジェクト・バックグラウンドなどがGIFまたはJPEGの最適な形式で用意されています。
●	CGI（@rt web2～8のみ）
	現在、日常的に使用されるCGIの中でも、特に使用頻度の高いメール送信フォーム・アクセスカウンター・ゲストブックの*3種類のプログラムを収録しています。可能な限り多くのサーバー環境で問題なく動作するように制作されたCGIは、安心してご利用いただけます。各CGIの説明はCGIソースをご覧下さい。CGIプログラムの設置には、WWWの知識やUNIXの知識などホームページ作成の中級者以上の知識が必要です。また、本製品上ではCGIに関する詳しい解説は割愛させていただきます。詳しい知識などは各専門書などを参考にしてください。

ここでは、@rt webに収録されている各種素材のファイル名、ディレクトリ名、分類方法などを説明します。
まず、WEBテンプレートをお使いのパソコンにコピーした素材を開くと、下図のように1つのファイルと3つのフォルダがあります。
それではこの第１階層から解説していきましょう。

● index.html

このWebサイトのトップページのHTMLファイルです。全てのテンプレートに共通して必ずこの第１階層に用意されています。

● htmlフォルダ

このWebサイトを構成しているindex.html以外のHTMLファイルが納められています。各デザインに合わせてレイアウトされたページが用意されていますので、気に入ったレイアウトのページを必要なだけ複製し、ファイル名とリンクを指定し直すだけでサイト全体の構成も簡単に変更可能です。

［各ページのHTML］

各コンテンツのHTMLはそのコンテンツ名がそのままHTML名になります。
例）
「goriyo-annai.html」--ご利用案内のページ
「kaisya-annai.html」--会社案内のページ
同じコンテンツに複数ページがある場合は「goriyo-annai01.html」「goriyo-annai02.html」のように連番の数字が付きます。
※ビジネススタイルセレクションでは、ファイル名はpage01.html,page02.htmlというように連番の名前がつけられています。

●imageフォルダ

このWebサイトで使用している「GIF画像」「JPEG画像」などが収められています。各HTMLからこのimageフォルダのファイルにリンクが貼られています。ボタン画像等の変更、追加、削除などはこのフォルダ内で行います。

●sozaiフォルダ

このWebサイト用に作成された画像やGIFアニメ、またオプションとして各Webサイトを作成した時の元ソースであるAdobe Photoshopファイルなども収録されています。また、このフォルダ内にある「navi.html」をブラウザで開くことで、全ての画像の一覧を見ることができます。

［sozaiフォルダ内の各フォルダ］
・	background
	背景画像が収められています。
	ファイル名　「bg_left.gif」「bg_top.jpg」等
・	banner
	各コンテンツのタイトルバナーの画像が収められています。
	ファイル名　「ba_about.gif」「ba_company.jpg」等
・	button
	リンク用のボタン画像が収められています。ファイル名ボタンの名前はメインのメニューで使うものは先頭に「bt_ 」と付き、ページの中で使用するのものは「con_ 」と付きます※。またメインメニューのボタン画像は「imageフォルダ」では左または上から順に「bt_01.gif」「bt_02.gif」というように連番の名前に変更します。これはHTMLソースを書き換えなくてもボタンの変更が行えるようにするためです。この内容についてはWebサイト制作の流れ初級編をご覧ください。 ※ビジネススタイルセレクションでは、ページ内で使用するコンテンツボタンはcon_buttonフォルダ内に収録されています。
・	line
	ページで使用する区切り線の画像等が収められています。
	ファイル名　「line01.gif」等
・	object
	サイトのデザインイメージのオブジェクトやタイトルなどの画像が収められています。オブジェクト画像は、そのサイト独自の画像がほとんどなので、各サイトの「navi.html」をWebブラウザで開き、画像・ファイル名を確認して下さい。
	ファイル名　「obj_side.gif」「obj_title.gif」等
・	point
	文頭に付けるなど、ポイント的な使い方のできる画像が収められています。
	ファイル名　「p_new.gif」「p_updated.gif」等
・	count
	カウンター用に作られた0から9までの数字画像が収められています。
	ファイル名　「1.gif」「2.gif」等
・	source_file
	オプションとしてWebサイトを作成した際の元ソースである、Adobe Photoshopファイル(一部Adobe Illustratorファイルもあり）を用意しました。このファイルを使用してユーザーの方の独自のボタンなども作成可能です。但し、このファイルは制作過程で発生したファイルなので、レイヤー名やファイル名などに統一した決まりがないことを予めご了承下さい。

TOP / WEBサイトのしくみ / WEBサイトを作る前に / @rt webについて / WEBサイトの作成手順 / リンク
サイトマップ / サポートサイト / DDNトップページ