www.wanichan.com

SuperPreviewの画面について

Section 3 SuperPreviewでのページの表示
  • このエントリーをはてなブックマークに追加
Expression Web 4 SuperPreviewの画面構成について説明します。

SuperPreviewの画面構成

既定では、左側に[ベースライン]ブラウザービュー、右側に[比較]ブラウザービューが配置されます。ボックスを選択することによって、それぞれ左下にクイックポジションのツールチップが表示されます。

ポインターモード

2 つの SuperPreview ポインター モードにより、SuperPreview との対話方法を変更できます。

ボタン説明
選択モード選択モード (V)比較用の個々のページ セクションを選択する場合にこのボタンを使用します。既定でこのボタンが有効になっています。
手のひらモード手のひらモード (H)ドラッグすることによって、画面を動かすことができます。また、マウスの上下スクロールで拡大・縮小が行えます。ただしこの手のひらモードではセクションの選択ができません。

DOM 反転表示

ボックスが選択された場合、どのように表示するかの切り替えモードです。

ボタン説明
ボックス暗転表示モードボックス暗転表示モード選択した要素が[ベースライン]ブラウザー ビューに青色で反転表示されます。選択した要素は、[比較]ブラウザー ビューでは緑色で反転表示されます。既定ではこの設定が有効になっています。
暗転表示モード暗転表示モード選択したボックスの周りが暗く表示されます。

ルーラー表示

ルーラーやガイド、サムネイルを表示・非表示にするための切り替えボタンセットです。

ボタン説明
ルーラーの表示/非表示ルーラーの表示/非表示ルーラーを表示または非表示にします。既定では表示されます。配置ガイドを作成するには、ルーラー表示をオンにしておく必要があります。
サムネイルの表示/非表示サムネイルの表示/非表示このボタンをオンにすると、右下にサムネイルが表示されます。
ガイドの表示/非表示ガイドの表示/非表示このボタンを押すことでガイドを表示され、オフによって非表示になります。既定では非表示となります。

レイアウトモード

SuperPreview には、4つのレイアウト モードがあります。

ボタン説明
左右分割レイアウト左右分割レイアウト[ベースライン]ブラウザービューを左に、[比較]ブラウザービューを右に配置して比較します。既定ではこのレイアウトモードが有効になっています。
上下分割レイアウト上下分割レイアウト[ベースライン]ブラウザービューを上に、[比較]ブラウザービューを下に配置して比較します。
オーバーレイ レイアウトオーバーレイ レイアウト[ベースライン]ブラウザービューと[比較]ブラウザービューを1つに重ねて配置して比較します。
シングルレイアウトシングルレイアウト選択したブラウザーだけ表示します。

ズーム ツール

のボックス一覧から倍率のレベルを選択するか、倍率の値を入力します。

場所

プレビューする Web ページの URL またはファイル パスを入力します。

Expression Webで開いているページからSuprePreviewに表示ボタンをクリックすると、そのファイルパスが自動的に代入されます。

リモートブラウザー

SuperPreview の機能を拡張して、さらに多くのブラウザーやオペレーティング システムをサポートできるようにするサービスです。

リモートブラウザーでのプレビューを有効または無効にする[リモートブラウザーでのプレビューを有効または無効にする]ボタンをクリックして、リモート ブラウザー プレビューを有効にします。

メモ

SuperPreviewオンラインサービスがこのコンピューターで有効になっていない場合、リモートブラウザーでのプレビューを有効または無効にする[リモートブラウザーでのプレビューを有効または無効にする]アイコンは表示されません。SuperPreviewオンラインサービスにサインアップするをクリックして、SuperPreview のオンライン サービス サインアップ プロセスを開始します。詳しくは、『SuperPreviewオンラインサービスを認証するには』を参考にしてください。

オプション

オプションボタンをクリックして、[SuperPreviewのオプション]ダイアログボックスを表示します。

レイアウト ウィンドウ表示の選択

SuperPreview を使用すると、インストールされているバージョンにより異なりますが、Internet Explorer の次のバージョンでページを表示できます。

  • Internet Explorer 8Internet Explorer 8 でのプレビュー (Internet Explorer 8 がインストールされている場合にのみ使用できます)
  • Internet Explorer 8 → 7Internet Explorer 7 互換モードで実行中の Internet Explorer 8 でのプレビュー (Internet Explorer 8 がインストールされている場合にのみ使用できます)
  • Internet Explorer 7→7互換モードで実行中の Internet Explorer 7 でのプレビュー (Internet Explorer 7 がインストールされている場合にのみ使用できます)
  • Internet Explorer 7Internet Explorer 7 でのプレビュー
  • Internet Explorer 6Internet Explorer 6 でのプレビュー
名称説明
ベースライン ブラウザー セレクターベースライン ブラウザー セレクター基準となるブラウザーを選択して表示します。
ベースライン ブラウザー位置の切り替えベースライン ブラウザー位置の切り替え[ベースライン]ブラウザービューの位置を左から右へ、もしくは上から下に切り替えることができます。
比較 ブラウザーセレクター最大 8個の比較ブラウザーを選択できます。それぞれのアイコンをクリックして、比較ブラウザーをすばやく切り替えることができます。
追加追加[比較]ブラウザービューにブラウザーを追加します。

DOM ビュー

DOM ツリー表示をオン、またはオフに切り替えます。DOMをクリックすると、DOMビューが表示されます。

ドキュメント オブジェクト モデル (DOM) ツリー内の要素の位置が分かります。左右分割または上下分割レイアウト ビューを使用している場合、どちらのブラウザー ビューでも要素を選択することができ、選択されたブラウザー ビューの属性を更新した DOM ビューが表示されます。また、DOM ビューの要素を選択するとブラウザー ビューを更新することができます。

ブラウザーのサイズ

一覧からブラウザー表示サイズを選択し、異なる解像度でページがどのように表示されるかを比較できます。

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ