スクロールサイトが作れるWeb制作ソフト LiVE for WebLiFE* 2

もっと簡単、さらに手軽になった「見たまま編集」モード

LiVE2では、ページデザインを見ながら操作ができる「見たまま編集」モードが登場。
より簡単に、直感的にサイト制作ができます。
また初心者に易しいだけでなく、詳細な設定ができる4つの編集画面によって、
デザインの完成度にとことんこだわれます。

直感操作の「見たまま・文字入力」「見たまま・レイアウト調整」

見たまま文字入力・レイアウト調整
ページデザイン上で見たままその場で文字の入力やフォント・サイズの選択などが行えるほか、コンテンツ位置を設定可能。見ながら制作できるので、思い通りのものができるまで何度でも楽しく試行錯誤できます。

プレビュー画面
レイアウトの確認は「プレビュー」ボタンですぐに切り替え。「ブラウザで表示」ボタンをクリックすれば、SafariやChromeでの実際の見え方をチェックできます。

パーツ類はドラッグ操作で自由に位置決め

editor_widget_01.png
スライド上のどこにでも、自由な位置に配置できるリンクボタンなどのウィジェット。載せたいウィジェットをスライドに追加したら、ドラッグして「見たまま・レイアウト調整」が可能です。

editor_widget_02.pngeditor_widget_02.png
上下左右中央の9ブロックから「表示位置」を設定し、そこからピクセル単位での微調整ができます。自由なレイアウトを可能にするウィジェットは、LiVEのサイト作りのポイントです。

さらに細かい設定ができる4つの編集画面で
アニメーションからピクセル単位の調整まで

さらに細かい設定や、ダイナミックなアニメーション機能などを組み込むには、編集画面を立ち上げて使います。
4つの画面をタブで切り替えながら、テキスト入力や画像挿入など細部のカスタマイズを行います。

編集パネル
見出しや本文の設定、画像の挿入など、コンテンツ編集ができます
編集パネル編集パネル

設定パネル
コンテンツエリアのレイアウトデザインやアニメーション設定ができます
設定パネル設定パネル

詳細パネル
CSSの詳細設定でピクセル単位でオブジェクトの位置を調整できます
詳細パネル詳細パネル

背景パネル
ページに奥行きを生むパララックスやアニメーションを設定できます
背景パネル背景パネル

動きを追加するモーションテキストや、背景の視差表現ができるパララックスの設定も、メニューからオン/オフを選択したり、アニメーション効果や速度を選ぶだけで設定できるようになっています。 また、CSS詳細設定によるピクセル単位での位置調整も可能です。

モーションテキストとBGアニメーションの例
editor_motion.jpgeditor_motion.jpgeditor_bganime.jpgeditor_bganime.jpg

editor_config_05.pngeditor_config_05.png
モーションテキストやBGアニメーションは、メニューからアニメーションパターンを選ぶだけ

スクロールさせて見せるサイトは特に、それが見やすいものか心地いいかどうかは、ナビゲーションがカギを握っています。
親切設計ながら見た目にもこだわりたい、そんな要望に応えるために必要なナビゲーションをワンセットにしてご用意。
好みのデザインがまとめて配置できます。

editor_naviset_01.pngeditor_naviset_01.png

サイト全体のナビゲーションをまとめて設定できるので、サイト制作に不慣れな人も安心です。

ナビセットの例
editor_naviset_02.pngeditor_naviset_02.pngeditor_naviset_03.pngeditor_naviset_03.png

ページトップへページトップへ



bar.png

WebLiFE*サーバー特設サイトWebLiFE*サーバー特設サイト

お問い合わせお問い合わせ

学生・教職員の方へ学生・教職員の方へ

教育機関向け無償提供プログラム教育機関向け無償提供プログラム

DS紹介プログラムDS紹介プログラム

BiND&LiVEナイスサイトBiND&LiVEナイスサイト

LiVE公式FacebookページLiVE公式Facebookページ

ウェブコンポーザー学校ウェブコンポーザー学校

BiND for WebLiFE*BiND for WebLiFE*