Q and Aの最近のブログ記事

Dreamweaverでは、バージョン8からデザインビューを拡大表示できるようになりました。

「200％」だと気にならないのですが、「150%」くらいだと文字のエッジが汚く感じることがあります。

Dreamweaverのデザインビューの拡大では、単純に画面表示を拡大しているため、拡大時にフォントを再度レンダリングしていません。DTPのアプリケーションに慣れている方はご不満かと思いますが、ある意味、これが正しい解釈かもしれません。

CSSを使ってulのliを横並びにするには、floatを使う方法、display: inline;を使う方法の2つがあります。どちらにも一長一短があり、作例（サンプルサイト）では、あえて、両方を使っています。

それぞれ次のような短所がありますので、短所を回避するために、逆の方法を使うといった使い分けるとよいかもしれません。

float : left;を使う場合、

• 親要素のulからli要素が浮いてしまうため、ulの背景色が切れてしまう。
• ul要素内で、（li要素をまとめて）センタリングができない。

Dreamweaverテンプレートを使う際、keywords/descriptionなどのmeta要素をページごとに変更できるようにするにはどうすればよいですか？というご質問をいただきました。

Dreamweaverテンプレートでは、意識的に作った編集可能領域のほかに、2箇所、編集可能領域が設定されます。

それぞれhead要素内にあり、ひとつはtitle要素用、もうひとつは空のまま挿入されています。

<!-- TemplateBeginEditable name="doctitle" -->

<title>ページのタイトル</title>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->

keywords/descriptionなどのmeta要素をページごとに変更できるようにするには、<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->の中に移動してください。

Dreamweaverで画像を挿入する際、widthやheightを含めないようにできますか？という質問をいただきました。

私が知る限り、デフォルトではできないと思います。検索置換を利用して該当ファイル（またはサイト全体）のimg要素のwidth属性、height属性を削除することで対応していくのがよいかもしれません。

▲［検索］の対象を「特定のタグ：img」に設定、［属性を削除］で「width」を選択するように設定すればよいでしょう。

なお、検索の設定はクエリーファイル（.dwr）として、保存しておき、後で読み込むことができます。

clear_width.dwr