BiND for WebLiFE* 4 製品サポート

キーワード検索

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

ページの作成/編集

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

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

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

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

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

ページの構成を理解する

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

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

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

新規ページを追加する

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

新規コーナーを追加する

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

SiGN for WebLiFE3の画面構成

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

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

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

ブロック編集の概要

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

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

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

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

Accessページのビルボードエリアにはダミーの画像が配置されています。これを好みのものに入れ替えます。 ビルボードエリア内のブロックの編集 ビルボードエリア内のブロックをクリックし、〈BLOCK編集......

ヘッダーエリアのメニューを編集する

このサンプルでは、ページ上部のヘッダーエリアにサイト内を移動する「グローバルメニュー」が配置されています。ここではメニューにAccessページに移動する項目を追加します。 ヘッダーエリア内のブロックの......

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

ここでは会社などの所在地を示す「Access」ページを追加し、テキストや地図を修正してページを仕上げていきます。 ページを挿入するページを追加する直前のコーナー、もしくはページを選択し[1]、〈追加ペ......
テーマを設定する

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

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

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

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

モバイル設定を行う

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

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

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

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

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

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

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

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

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

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

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

↑トップにもどる

ページのカスタマイズ

+ブロックを作成/編集する
+サイトエディタでページを設定する
+ブロック内の書式を設定する
+パーツを利用する
+ブロックを共有設定する
+メニューとタグを活用する
デザイナーの考えるひとつひとつの<未来>をカタチに。
とても身近なところにある自分たちの未来をデザインする。
それが私たちの考えるデジタルデザインです。
Copyright (c) digitalstage inc. All Rights Reserved.