web-dev-qa-db-ja.com

Dreamweaver:CSSの調整とアイテムの配置が簡単になるように画像をオーバーレイしますか?

Photoshopで作成したWebサイトがあり、必要なものはすべてエクスポートされています。 Dreamweaverで設定し、CSSを使用して配置する必要があります。

HTML内のアイテムをPSD内のアイテムと正確に一致させる必要があります。

DreamweaverはAlphaオーバーレイなどをサポートしていますか?

1
Martin

最も効果的な方法の1つは、Firefoxで変更をプレビューし、Pixel Perfect拡張機能を使用することです。

https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/

ブラウザの不整合を最小限に抑えるために、適切なCSSリセットを使用することをお勧めします。

拡張機能をインストールしたくない場合、別の方法は、Photoshopでほぼ透明なpng画像を作成し、それをhtmlにオーバーレイすることです。 html要素をHTMLおよびCSSに揃えるときに使用し、完了したら削除します。

1
Osvaldo

DWにはこれを行う場所があります。 [変更]> [ページのプロパティ]> [トレース画像]で、ここで画像の透明度を調整できます。スクリーンショットを確認する screenshot

しかし、ここでのもう1つの答えには良い点があります。Web開発の場合、ブラウザでのデザインとテストの繰り返しが本当に最良の方法であるということです。

0
Drai