BiND for WebLiFE* 4 製品サポート

キーワード検索

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

量販店特典CD-ROM(ヨドバシカメラ/ビッグカメラ/アップルストア)のインストール方法や活用例を教えてください

管理番号: 120-02-04-003

量販店特典CD-ROM(ヨドバシカメラ/ビッグカメラ/アップルストア)には、サイト作成用の写真やデザインパーツ(JPG,PNG ファイル)が収録されています。
BiND5 及びSiGN Pro に読み込んで使用可能ですので、ご活用ください。

 

インストール方法ならびに活用方法の一例は下記をご参照ください。

 

【インストール方法】
特典CD-ROM「BiND for WebLiFE  SPECIAL CD-ROM」をCD/DVDドライブより読み込み、特典CD-ROM内にあるフォルダ「BiND5_XXXXXX」※ を、BiND5をインストールしているPC内の任意の場所(デスクトップなど)にコピー&ペーストで保存してください。
※「BiND5_Special」「BiND5_Extra」「BiND5_Apple」など


【活用例/設定方法】
1.ページ背景(「BiND5_XXXXXX」>「Background」フォルダ内の画像)

BiND5を起動、設定したいサイトのサイトエディタを開きます。
サイトエディタ下部「設定」> ページ設定 > ページデザイン 右側「背景画像」の項目でチェックを入れ、「Background」フォルダ内に入っている画像を選択後、「タイリング」を選択してください。
ページの背景全体に選択した画像が敷き詰めて表示されます。

 

02-04-003/1.png  

 
2.ビルボード背景(「BiND5_XXXXXX」>「Billboard」フォルダ内の画像)

BiND5を起動、設定したいサイトのサイトエディタを開きます。
サイトエディタ下部「設定」> ページ設定 > ページデザイン 右側「背景画像」の項目でチェックを入れ、「Background」フォルダ内に入っている画像を選択後、「上寄せ(横リピート)」をを選択してください。
選択した画像が「ヘッダ」から「ビルボード」エリアにかけて横に敷き詰めて表示されます。

 
02-04-003/2.png

 

3.ボタン(「BiND5_XXXXXX」>「Button」フォルダ内の画像)

ここでは、画像をSiGN Proに取り込んで設定する活用例を記載します。

 

[1]
「Button」フォルダ内の使用したい画像のタテ・ヨコサイズを確認します。
Macintosh-画像を選んで、Shiftキー+マウスをクリック 「情報を観る」→「詳細情報」:大きさ
Windows-画像を選んで右クリック→「プロパティ」→「概要」:幅、高さ

[2]
BiND5を起動、設定したいサイトのサイトエディタを開き、さらにブロックエディタを開きます。
ボタンを配置したい箇所にマウスでカーソルを合わせ、ブロックエディタ右側「SiGN Pro」ボタンをクリックし、起動します。

[3]
SiGN Pro が白紙の状態で起動します。
画面左上「幅× 高さ」の縦横比固定のリンクを外した後、確認したサイズを入力します。

 

02-04-003/3-1.png

  

[4]
画面左側、新規レイヤーから「画像」(水色のボタン)を選び、「Button」フォルダ内の使用したい画像を選択、取り込みます。
「フィット」:100% をクリックし、画像の元サイズに戻してください。

 

02-04-003/3-2.png

 

[5]
画面左側、新規レイヤーから「テキスト」(緑色のボタン)を選び、テキストを入力/フォントを選択するなど、編集を行ってください。

 


3-3.png

 

終了したら、画面右下「完了」でSiGN Proの画面を閉じます。
※ブロックエディタ側でも、必ず「適用」を押してください。
「適用」せずブロックエディタを閉じると、設定が反映されません。

 

[Tips]
手順4のように新規レイヤー「画像」を利用し、ボタンに矢印(リンクアロー)などの飾りを付けることも可能です。

 

 

02-04-003/3-4.png

 

素材としてBiND5本体の My Sources > Link_Arrow フォルダ内の画像を使用してください。

Macintosh- HD > アプリケーション > BiND for WebLiFE 5 > My Sources > Link_Arrow
Windows- C > Program Files > digitalstage > bind5 > My Sources > Link_Arrow

 
4.フッタ背景(「BiND5_XXXXXX」>「FootBg」フォルダ内の画像)

BiND5を起動、設定したいサイトのサイトエディタを開きます。
サイトエディタ下部「設定」> ページ設定 > ページデザイン 右側「背景画像」の項目でチェックを入れ、「FootBg」フォルダ内に入っている画像を選択後、「下寄せ(横リピート)を選択してください。
ページ下部のフッタエリアに選択した画像が横に繰り返しで表示されます。

 

 


02-04-003/4.png

 

5.写真素材(「BiND5_XXXXXX」>「Photos」フォルダ内の画像)

下記の注意事項をご了承の上、サイト作成にご活用ください。

 

・提供されている写真は、BiNDで作成するサイト上で自由に利用できます。
 PR 物などでの商用利用も可能ですが、印刷物として利用することはできません。ご遠慮ください。
・素材自体を再販売したり、再配布する事は禁止されています。
・著作権は撮影者本人に帰属します。提供されるのは、その使用権になります。

 
6.アイコン(「BiND5_XXXXXX」>「Pict」フォルダ内の画像)

テキストと併用して、メニューや段落のアクセントのデザインが可能になります。

BiND5を起動、設定したいサイトのサイトエディタを開き、さらにブロックエディタを開きます。
右側「画像パーツ」より取り込み、使用してください。

 


02-04-003/6.png

 

7.ボタン(「BiND5_XXXXXX」>「Subtitle」フォルダ内の画像)

 

[1]
「Subtitle」フォルダ内の使用したい画像のタテ・ヨコサイズを確認します。
Macintosh-画像を選んで、Shiftキー+マウスをクリック 「情報を観る」→「詳細情報」:大きさ
Windows-画像を選んで右クリック→「プロパティ」→「概要」:幅、高さ

 

[2]
BiND5を起動、設定したいサイトのサイトエディタを開き、さらにブロックエディタを開きます。
ボタンを配置したい箇所にマウスでカーソルを合わせ、ブロックエディタ右側「SiGN Pro」ボタンをクリックし、起動します。

 

[3]
SiGN Pro が白紙の状態で起動します。
画面左上「幅× 高さ」の縦横比固定のリンクを外した後、確認したサイズを入力します。

 

02-04-003/7-1.png

 

[4]
画面左側、新規レイヤーから「画像」(水色のボタン)を選び、「Subtitle」フォルダ内の使用したい画像を選択、取り込みます。
「フィット」:100% をクリックし、画像の元サイズに戻してください。

 

02-04-003/7-2.png

 

[5]
画面左側、新規レイヤーから「テキスト」(緑色のボタン)を選び、テキストを入力/フォントを選択するなど、編集を行ってください。


02-04-003/7-3.png

 

終了したら、画面右下「完了」でSiGN Proの画面を閉じます。
※ブロックエディタ側でも、必ず「適用」を押してください。
「適用」せずブロックエディタを閉じると、設定が反映されません。

 

---------------------------------------

※上記量販店様向け特典となり、デジタルステージオンラインストアの特典CD-ROMとは異なります。
また、数量限定となりますので、なくなり次第配布は終了となります。あらかじめご了承ください。
※特典となりますので、収録されているデザインなどの詳細は公開しておりません。
こちらも重ねてご了承ください。


 

関連エントリー

  • 関連エントリーはありません。

↑トップにもどる

インストール・アンインストール

+再インストール(アンインストール)方法
+インストール環境について
+アップデーター関連
+追加テンプレート関連
+サイトデータのバックアップや移行、復元

サイトシアター画面

+サイトシアター全般
+新規サイトを作る/テンプレート関連
+新規サイトを作る/保存先関連(Dropbox)
+マイサイトを編集する/全般
+マイサイトを編集する/Google Analytics
+マイサイトを編集する/つぶやく(ソーシャルコネクト)
+チュートリアルビデオ

サイトエディタ画面

+サイトエディタ全般
+サイトマップ、コーナー/ページ 関連
+テーマ
+レイアウト
+プレビュー/モバイルプレビュー
+Evernoteボタン

各種パーツ

+パーツ一覧/画像パーツ
+パーツ一覧/リンクパーツ
+パーツ一覧/Officeパーツ
+パーツ一覧/カスタムタグパーツ
+パーツ一覧/ダウンロードパーツ
+パーツ一覧/テーブルパーツ
+パーツ一覧/SHiFTスライドショーパーツ
+パーツ一覧/SiGN Pro 見出しパーツ作成
+ソーシャル系パーツ
+ウェブサービス系パーツ
+ショッピングカートパーツ/ショッピングカート作成
+ショッピングカートパーツ/ショップ管理
+その他/ID Flash
+その他/動画パーツ

SiGN for WebLiFE Pro(SiGN見出しパーツ作成)

+全般
+インストール/アンインストール
+テンプレート関連
+編集/幅×高さ
+編集/ファイル形式・背景色
+編集/プレビュー
+編集/ツール切替
+レイヤー/画像
+レイヤー/シェイプ
+レイヤー/テキスト
+レイヤー/スタンプ

SYNC5(ソーシャル系/ウェブサービス系パーツ)

+初期設定/全般
+インストール/アンインストール
+ソーシャル系パーツ/いいね!ボタン
+ソーシャル系パーツ/Twitterパッチ
+ソーシャル系パーツ/掲示板パーツ
+ソーシャル系パーツ/Facebook Like Box
+ソーシャル系パーツ/USTREAM
+ソーシャル系パーツ/Twitter
+ウェブサービス系パーツ/ニュース
+ウェブサービス系パーツ/ブログ
+ウェブサービス系パーツ/ドキュメント
+ウェブサービス系パーツ/YouTube
+ウェブサービス系パーツ/フォーム
+ウェブサービス系パーツ/Yahoo!地図
+ウェブサービス系パーツ/サイト内検索
+ウェブサービス系パーツ/翻訳
+その他一覧

BiNDビジネス・パス

+全般
+BiND Server プレミアムコースパス
+リスティング広告パス
+独自ドメインパス
+写真素材集パス
デザイナーの考えるひとつひとつの<未来>をカタチに。
とても身近なところにある自分たちの未来をデザインする。
それが私たちの考えるデジタルデザインです。
Copyright (c) digitalstage inc. All Rights Reserved.