テンプレートの選択・設定が終わりましたので、ようやくページの作成です。

 

まず、左側で「3 サイトマップ」を押して、サイト構成を作ります。

が、これはページを作りながらでもいいので、チラ見だけwww

ホームページとページ1~3がデフォルトで作成されています。

ホームページと書いてありますが、他のページと差はありません。

(もしかしたら、何か違いがあるかもですが、現時点では解りませんwww)

 

右クリックでメニューを出して、ページ名を変更する事も出来ます。

と言うか、沢山ページがあるサイトだと名前を付けないと判らなくなります。

サイトマップは良く使います。

何故なら、ページを編集する場合、編集するページをここで選んでおいて、メインメニューの「4 ページ」で編集をするため、「3 サイトマップ」と「4 ページ」を行ったり来たりするためです。

 

ホームページを選んで、「4 ページ」を押します。

ここで、ページの本文を編集します。(本文はヘッダーとフッターの間の部分です)

真ん中のマトリクスがページ構成です。行・列を追加したり、合併したりしてページを構成します。

 

まず、ヘッダー下にサイト説明を入れてみます。

右側にあるアイコンから「テキスト」を選び、マトリクスにドラッグドロップします。

この時、セルとセルの間の線に持ってゆくと2つのセルが合併します。

これは、後で修正する事もできます。

 

右側にあるアイコンを「コンテンツ」と呼びますが、コンテンツが入っているセルをクリックすると、周りにハンドルが出ます。左右ハンドルをドラッグすると合併したり、分割したりします。

 

 

ヘッダー下の説明文なので、ここではセルを合併しました。

そして、ドロップした「テキスト」アイコンをダブルクリックします。

テキストの編集画面になりますので、サイトの説明文を入れます。

右上にある目のアイコンを押し、プレビューしてみます。

別画面(ビューワー)が表示され、現在の編集状態を見る事ができます。

ヘッダー・メニュー・本文・フッターの順に並んでいるのが判ります。

ビューワーを閉じて、右上のチェックマークを押します。これで、編集内容が確定します。

※これで判るように、編集中でも編集確定後でもプレビューできます。

つまり、プレビューしておかしければ編集し直し、再度プレビューし、出来上がったら確定という感じの流れになります。

 

メニューにホームページと書いてありますが、これを変えるためには先に記述しました「3 サイトマップ」でページ名を変えればここも変わります。

ちなみに、メニューはこの段階で既に動作しています。

 

次は画像を配置してみます。

右側にあるアイコンから画像アイコンをドロップします。

そして、ドロップした画像をダブルクリックします。

 


PC上のローカルファイルをチェックし、その右側にあるフォルダアイコンを押し、図形を選択します。
プレビューしてみます。


図が配置されました。

ビューワーを閉じて、右上のチェックマークを押します。


基本的には以下の流れになります。
1.マトリクスを編集して本文構成を決めます。
2.テキストや図形アイコンをコンテンツからドラッグドロップして配置します。
3.ドロップされテキストや図形アイコンをダブルクリックして、編集します。
4.プレビューして、編集を確かめます。
5.右側にある確定ボタンを押します。
これの繰り返しでページが出来上がります。

基本はこれだけですので、簡単ですよね。

次回はギャラリーなどのアクセサリー部品の解説になります。