Web Developerの説明~画像メニュー~

Webデザイナーに有効なツール、Web Developerの機能について説明します。今回はCSSメニューです。

画像メニュー

画像を無効にする
画像>画像を無効化する>すべての画像
画像>画像を無効化する>外部サイトの画像
画像>画像を無効化する>アニメーション画像
Web Developerのメニュー、画像を無効にする

すべての画像を無効にしたり、外部サイトの画像を無効にしたり、 画像の確認に使います。
レイアウトを維持したまま画像が無効になるので確認しやすいです。

Web Developerのメニュー、画像を無効にする


画像の情報を表示する
画像>alt属性値を表示する
画像>画像の幅と高さを表示する
画像>画像のファイルサイズを表示する
画像>画像のパスを表示する
Web Developerのメニュー、画像の情報を画面上に表示する

画像のalt、width、heigh、ファイルサイズ、パスを画面上に表示します。

Web Developerのメニュー、画像の情報を表示する


画像の情報を一覧で表示する
画像>画像を表示する
Web Developerのメニュー、画像の情報を一覧で表示する

画像のalt、width、heigh、ファイルサイズ、パスを一覧にして表示します。
資料にしたいときによいですね。

Web Developerのメニュー、画像の情報を一覧で表示する


背景画像を非表示にする
画像>背景画像を非表示にする
Web Developerのメニュー、背景画像を非表示にする

背景で設定いるimageを非表示にできるので、背景画像が一目でわかります。
Web Developerのメニュー、背景画像を非表示にする



にほんブログ村 IT技術ブログ Webサイト構築へ
おねがいします。ポチッとしてー!