TOP > ページの作成/編集
ページの作成/編集
ページ編集の基本を理解する
ページの構成を理解する
- BiND3のページは、「エリア」「ブロック」「パーツ」の3つの要素から構成されています。エリアひとつのページの中にある、特定の役割や目的を持った区画のことです。エリアには、「ヘッダー」「ビルボード」「……
サイトエディタのサイトマップを理解する
- 「サイトマップ」には、サイトの構成要素が一覧表示されます。サイトは「コーナー」と「ページ」で構成されています。コーナーはディレクトリ(フォルダ)と一対一で対応しており、その中にページが収められます。[……
サイトエディタ画面の構成
- サイトエディタ画面はサイト編集の起点となる画面です。中央の「プレビューブラウザ」にページが表示され、サイトの管理やページ編集モードへの切り替えなどを行うことができます。[A]ソフトロゴクリックするとア……
ページとコーナーを追加する
新規コーナーを追加する
- コーナーを作ってページをまとめると、サイトを管理しやすくなります。コーナーはディレクトリ(フォルダ)と一対一で対応しています。1)コーナーを選ぶコーナーを追加するコーナーを選択し[1]、〈新規コーナー……
ページやコーナーを複製する
- 既存のページと似たページを作成する場合は、ページを複製してそれを編集します。また、中のページごとコーナーを複製することもできます。1)複製するページを選ぶ複製するページかコーナーを選択して[1]、〈複……
新規ページを追加する
- サイトを構成するページを挿入します。1)ページを追加するコーナーを選ぶページを追加したいコーナーを選択し[1]、〈追加ページ〉をクリックします[2]。 2)ページのタイプを選ぶ表示されるメニ……
ブロックの基本操作を学ぶ
SiGN for WebLiFE2の概要
- 「SiGN for WebLiFE2」は、画像とテキストを組み合わせて「見出しパーツ」を作成するツールです。プロのデザイナーが作成したようなクオリティの高い見出しやバナーを、簡単なクリック操作で作る……
ブロックエディタの概要
- ブロックエディタでは、ブロック内のテキストの修正や書式設定、写真などのパーツの挿入などを行うことができます。ここではブロックエディタの概要と画面各部の名称を説明します。1)テキスト中心のブロック編集時……
ブロックを追加・移動・削除する
- BiND3ではブロック単位でページを編集します。ブロックは追加・複製・削除の他、エリア内で上下に移動できます。ここでは一通りの基本操作を行ってみましょう。1)サイトエディタを編集モードに切り替えるサイ……
ブロックエディタでページを編集する
メインエリアのテキストと地図を編集する
- メインエリアに配置されている所在地を表すテキストと地図を変更します。1)メインエリア内のブロックの編集メインエリアの地図を含むブロックをクリックし、〈BLOCK編集〉をクリックします。2)テキストの修……
ビルボードエリアに画像を配置する
- Accessページのビルボードエリアにはダミーの画像が配置されています。これを好みのものに入れ替えます。1)ビルボードエリア内のブロックの編集ビルボードエリア内のブロックをクリックし、〈BLOCK編集……
ヘッダーエリアのメニューを編集する
- このサンプルでは、ページ上部のヘッダーエリアにサイト内を移動する「グローバルメニュー」が配置されています。ここではメニューにAccessページに移動する項目を追加します。1)ヘッダーエリア内のブロック……
ページのタイトルを変更する
- ここでは会社などの所在地を示す「Access」ページを追加し、テキストや地図を修正してページを仕上げていきます。1)ページを挿入するトップコーナーを選択し[1]、〈追加ページ〉をクリックして[2]、「……
テーマを設定する
ページのレイアウトを変更する
- サイトエディタ画面のレイアウト機能を使うと、簡単にサイドエリアの有無や横幅の調整方法を変えることができます。横幅の調整方法には、中央揃え、左揃え、可変(ウィンドウに合わせて自動調整)の3種類があります……
現在のデザインをテーマとして登録する
- BiNDカートリッジのデザインを大幅に変更した場合は、テーマとして登録しておきましょう。新たなサイトを作る際に、簡単にデザインを流用できます。1)ユーザー設定の選択〈テーマ〉をクリックしてテーマ選択画……
テーマを使ってデザインを変更する
- 「テーマ」を利用すると、サイトのページデザインを自由に着せ替えることができます。候補から好みのテーマを選ぶだけで、全ページのデザインが一気に変更されます。1)テーマの設定画面を表示するサイトエディタ画……
ページをプレビューする
プレビューに使用するWebブラウザを切り替える(Windows版)
- Webブラウザの種類によってページの表示が変わる場合があります。なるべく多くのWebブラウザを使用して、結果を確認しておきましょう。ここではFirefoxで確認する手順を説明します。Firefoxは事……
Webブラウザでサイトをプレビューする(Windows版)
- ページが完成したらWebブラウザで確認しましょう。Windowsでは標準でInternet Explorerを使って表示できます。1)プレビューの表示サイトエディタ画面の〈プレビュー〉をクリックします……
プレビューに使用するWebブラウザを切り替える(Macintosh版)
- Webブラウザの種類によってページの表示が変わる場合があります。なるべく多くのWebブラウザを使用して、結果を確認しておきましょう。ここではFirefoxで確認する手順を説明します。Firefoxは事……
Webブラウザでサイトをプレビューする(Macintosh版)
- ページが完成したらWebブラウザで確認しましょう。Macintoshでは標準でSafariを使って表示されます。1)プレビューを表示するサイトエディタ画面の〈プレビュー〉をクリックします。 Safar……