BiND for WebLiFE* 4 製品サポート

キーワード検索

テクニカルサポートからのお知らせ

ページの作成/編集

ページ編集の基本を理解する

サイトエディタのサイトマップを理解する

「サイトマップ」には、サイトの構成要素が一覧表示されます。サイトは「コーナー」と「ページ」で構成されています。コーナーはディレクトリ(フォルダ)と一対一で対応しており、その中にページが収められます。......

サイトエディタ画面の構成

サイトエディタ画面はサイト編集の起点となる画面です。中央の「プレビューブラウザ」にページが表示され、サイトの管理やページ編集モードへの切り替えなどを行うことができます。 ソフトロゴ クリックするとア......

ページの構成を理解する

BiND5のページは、「エリア」「ブロック」「パーツ」の3つの要素から構成されています。 エリア ひとつのページの中にある、特定の役割や目的を持った区画のことです。エリアには、「ヘッダー」「ビルボー......
ページとコーナーを追加する

ページやコーナーを複製する

既存のページと似たページを作成する場合は、ページを複製してそれを編集します。また、中のページごとコーナーを複製することもできます。 複製するページを選ぶ 複製するページかコーナーを選択して[1]、〈複......

新規ページを追加する

サイトを構成するページを挿入します。 ページを追加するコーナーを選ぶ ページを追加したいコーナーを選択し[1]、〈追加ページ〉をクリックします[2]。 ページのタイプを選ぶ 表示されるメニューから......

新規コーナーを追加する

コーナーを作ってページをまとめると、サイトを管理しやすくなります。コーナーはディレクトリ(フォルダ)と一対一で対応しています。 追加する場所を選ぶ コーナーを追加したい場所の手前にあるページかコーナー......
ブロックの基本操作を学ぶ

SiGN for WebLiFE Proの画面構成

「SiGN for WebLiFE Pro」は、画像とテキストを組み合わせて「見出しパーツ」を作成するツールです。プロのデザイナーが作成したようなクオリティの高い見出しやバナーを、簡単なクリック操作で......

ブロックエディタの画面構成

ブロックエディタでは、ブロック内のテキストの修正や書式設定、写真などのパーツの挿入などを行うことができます。ここではブロックエディタの概要と画面各部の名称を説明します。 テキスト中心のブロック編集時の......

ブロック編集の概要

BiND5ではブロック単位でページを編集します。ブロックは追加・複製・削除の他、エリア内で上下に移動できます。ここでは一通りの基本操作を行ってみましょう。 サイトエディタを編集モードに切り替える サイ......
ブロックエディタでページを編集する

メインエリアのテキストと地図を編集する

メインエリアに配置されている所在地を表すテキストと地図を変更します。 メインエリア内のブロックの編集 メインエリアの地図を含むブロックをクリックし、〈BLOCK編集〉をクリックします。 テキストの修正......

ビルボードエリアに画像を配置する

このサンプルのビルボードエリアには、何も配置されていません。画像を配置して、見栄えのするページにしてみましょう。 ビルボードエリア内のブロックの編集 ビルボードエリア内のブロックをクリックし、〈BLO......

ヘッダーエリアを編集する

このサンプルでは、ページ上部のヘッダーエリアに、サイトの紹介文を入力するためのダミーテキストが配置されています。目的に合わせて編集してみましょう。 ヘッダーエリア内のブロックの編集 〈このページを編集......

ページのタイトルを変更する

ページタイトルを変更する ページタイトルを変更するページを選択し[1]、サイトエディタ画面上部の「ページタイトル」をクリックします[2]。 ページ名とファイル名を入力する 「ページ名」と「ファイル名」......
テーマを設定する

現在のデザインをテーマとして登録する

BiNDカートリッジのデザインを大幅に変更した場合は、テーマとして登録しておきましょう。新たなサイトを作る際に、簡単にデザインを流用できます。 ユーザー設定の選択 〈テーマ〉をクリックしてテーマ選択画......

テーマを使ってデザインを変更する

「テーマ」を利用すると、サイトのページデザインを自由に着せ替えることができます。候補から好みのテーマを選ぶだけで、全ページのデザインが一気に変更されます。 テーマの設定画面を表示する サイトエディタ画......

ページのレイアウトを変更する

ページレイアウトの設定を行うと、ページ全体の構造を変更し、エリアの数、配置方法、幅の伸び縮みを有効にするかどうかを設定できます。横幅の調整方法には、左揃え、中央揃え、可変(ウィンドウ幅に合わせて広がる......
ページをプレビューする

モバイルページのテーマとレイアウトを指定する

モバイルサイトのテーマ色やレイアウトを設定することができます。 モバイルシミュレータで行う設定 モバイルシミュレータでは、「テーマ」「レイアウト」を選ぶことができます。設定は〈適用〉をクリックすると保......

作成したサイトをモバイルプレビューで確認する

BiNDモバイルシュミレーターを使うと、作成したサイトがモバイルサイト上でどのように表示されるかを確認できます。 モバイルプレビューを表示する サイトエディタ画面で〈モバイルプレビュー〉をクリックしま......

Webブラウザでサイトをプレビューする(Macintosh版)

ページが完成したらWebブラウザで確認しましょう。Macintoshでは標準でSafariを使って表示されます。 プレビューを表示する サイトエディタ画面の〈プレビュー〉をクリックします。 Safar......

プレビューに使用するWebブラウザを切り替える(Macintosh版)

Webブラウザの種類によってページの表示が変わる場合があります。なるべく多くのWebブラウザを使用して、結果を確認しておきましょう。ここではGoogle Chromeで確認する手順を説明します。Chr......

Webブラウザでサイトをプレビューする(Windows版)

ページが完成したらWebブラウザで確認しましょう。Windowsでは標準でInternet Explorerを使って表示できます。 プレビューの表示 サイトエディタ画面の〈プレビュー〉をクリックします......

プレビューに使用するWebブラウザを切り替える(Windows版)

Webブラウザの種類によってページの表示が変わる場合があります。なるべく多くのWebブラウザを使用して、結果を確認しておきましょう。ここでは Firefoxで確認する手順を説明します。Firefoxは......

↑トップにもどる

ページのカスタマイズ

+ページ追加/ブロックを作成/編集する
+サイトエディタでページを設定する
+ブロック内の書式を設定する
+パーツを利用する
+ブロックを共有設定する
+メニューとタグを活用する

SiGN Pro、SHiFT、テーブルエディタ、SYNC5

+見出しパーツを使う(SiGN Pro)
+見出しパーツを使う(SiGN3)
+スライドショーパーツを使う(SHiFT)
+テーブルパーツ・エディタを使う
+ウェブサービス系パーツを使う(SYNC 5)
デザイナーの考えるひとつひとつの<未来>をカタチに。
とても身近なところにある自分たちの未来をデザインする。
それが私たちの考えるデジタルデザインです。
Copyright (c) digitalstage inc. All Rights Reserved.