DNO-CBWeb HOME PAGE

サンプルサイト００１

サンプルサイト００１には、

• トップページ
• サイトについて
• ご購入の前に
• ご利用環境
• プライバシーポリシー

の各ページと、簡単な文章が用意してあります。

とりあえずは、このサンプルサイトから始めましょう。

ダウンロード

先ずは、サンプルサイト００１ をダウンロードしてください。

サンプルサイト００１＜－ これを右クリックしてファイルへ保存。

サンプルサイト００１は、ZIP形式で圧縮されています。
解凍ソフトをお持ちでない方は、解凍ソフトについて を見てみてください。

読み込み

ダウンロードできたら、解凍してください。

← のようなアイコンのファイルが解凍されるはずです。
このアイコンのファイルが、DNO-CBWeb の保存ファイルです。

（ちょっとアイコンきたないな。。。そのうち描きなおすか。。。）

では、DNO-CBWeb を起動して、このファイルを読み込んでみましょう。

DNO-CBWeb を解凍したフォルダの ←のアイコンのファイルをダブルクリックして 起動してください。
起動したら、sample001.dcw を読み込んでみましょう。

DNO-CBWeb の [ ファイル(F) ] - [ プロジェクトを開く Ctrl+O(O) ] を実行します。

読み込むファイルを指定するためのダイアログが開くので、ファイルを解凍したディレクトリへ移動し、"sample001.dcw" を選択して、[ 開く ] ボタンを押します。

現在のファイルを保存するかを確認するダイアログが開くので、[ いいえ ]を選択してください。

これで、読み込みが始まります。
しばし、お待ちを。。。。。。。

内容を確認してみる

↓の画像は、サンプルサイト００１をDNO-CBWeb で読み込んだ直後の状態です。
(クリックすると、大きい画像が表示されます。)

DNO-CBWeb 画面の左の上の方（メニューの下）、に   プロジェクト  と表示されてで、その下にツリーが表示されていると思います。

ツリーには、 ”プロジェクト” 、 "Online Store "っての表示されてます。

ツリーを開いてみる

では、ツリーを全部 開いてみましょう。

で表示されているのは、メニュー（カテゴリ階層）になります。

で、表示されているのは、ページ（HTML）になります。

で、表示されているのは、コンテンツ（文章、内容）になります。

それぞれの ページを見ると、

• HOME
• about
• ご購入に関して
• ご利用環境
• プライバシーポリシー

プレビューを見てみる

では、各ページをクリックして、どんなページかプレビュー画面を見てみましょう。

ツリー上の HOME を選択（クリック）してください。

↓の画像は、サンプルサイト００１の HOME を選択した時の画面です。
（クリックすると大きな画像が表示されます。）

画面右側の上半部、プレビュー用ブラウザに ページ表示されています。

他のページもクリックして見て下さい。
同様に、プレビューが表示されます。

コンテンツ（文章）を見てみる

DNO-CBWeb では、左側上半部のツリーに として表示されているのが、コンテンツになります。

では、次に コンテンツ の文章を確認してみましょう。
とりあえず、HOME - サイトについて - About - サイトについて
を選択（クリック）してみます。

←のように [ サイトについて ]を選択すると、プレビュー画面の下に コンテンツHTML編集用のWindow↓が表示されて、その中にコンテンツのHTML文章が 表示されます。

画面右上半部のプレビュー用ブラウザの表示も追従して表示されていると思います。

↓の画像は、コンテンツHTML編集を行うWindowの画面です。
（クリックすると、大きな画像が表示されます。）
DNO-CBWeb では、ここで コンテンツのHTML文章の編集を行えます。

<p>ネットで購入できる通販商品のご紹介を目的としたサイトです。 </p>
<p>個人的にピックアップした商品を掲載しています。 </p>

はい、他の コンテンツもクリックしてみてください。

各、ページ、コンテンツ の内容を確認しておきましょう。

次へ

サンプルサイト００１の内容の確認は、ここまでです。
次からは、電脳卸に登録するために必要なサイトの体裁を整えていきます。

サイトの体裁を整える へ進んでください。