色々カスタマイズします。
Dreamweaverで新規作成から新しいファイルを作成すると、自動的にいくつかのタグが追加されますが
いちいちメタ追加するの面倒だから使用頻度高いのを予め入れてしまおう、という話です。
初期は上記の様にシンプルな感じだと思います。bodyの上にある変な空行も気になるところ。
で、適当にあると便利そうなタグを入れてカスタマイズすると次の様になる。
headの他にbodyの中にも色々入れておくことが出来ます。
また、htmlファイルの他にもCSSとかJavascriptとかPHPとか、
Dreamweaverから作るファイルの初期設定は全て変更する事が出来る。
ColorMeShop!Proの商品詳細ページの拡大画像表示について。
この記事はサムネイルにマウスオーバーしたら画像を切り替える方法を使用したメモです。
前にLightboxを使う方法を書いてますがどちらにするかはお好みで。
元エントリーのスクリプトを若干変えただけですが、XHMTL・CSS・Javascriptをまとめて貼っておきます
会社に新しい専用PCが届いたので、IE７のStandalone入れるついでに、
他ののバージョンも入れてみようと思ってMultiple IEを入れてみた。
Multiple IEはIE3、IE4.01、IE5.01、IE5.5、IE6がすべてパッケージングされており、個別・同時起動できるソフトです。
IE7と8は入ってないので必要ならそれぞれ別にインストールする必要があります。
あとMultipleIEに入ってるIEは英語版です。
デフォルトページが設定されてると、IE6以下を起動したときにエラー出まくりで落ちてしまうことがあるので
あらかじめインターネットオプションでホームページをabout:blankとかにして、
IE3は最初PC内にあるファイルをドラッグ&ドロップで起動するのがいいと思います。
IE4がなぜか起動できなかった。
このソフトIEがそのまま入ってるようなので、復元したいときにも使えるかも。
Firefoxのウリといえばアドオン入れまくりでカスタマイズしまくれるとこだと思ってます。
今現在使用中、もしくは使う機会がありそうなFirefoxのプラグインのブックマーク。
Firebug
»Mozilla Add-ons
»公式サイト
超有名なWeb開発者用アドオン。もうこれの為にFirefox使ってると言っても過言ではないかもしれない…。
HTMLの構造、適用されてるCSS、HTMLとCSSの編集、Javascriptのデバッグと分析、接続状況などWeb開発にあると便利な機能がこれでもかと盛り込まれている。
注※Googleなど、Ajax利用してるサービスではOFF設定しないともっさりします
Web Developer
»Mozilla Add-ons
»公式サイト
これもまた便利なWeb開発者用アドオン。Firebugと比べるとこちらはHTMLに特化。機能的にはSleipnirのＨawkeyeと似てる。
オーサリングツールのデザインビューについてる機能がアドオンになったという感じだろうか…
javascriptはあんまり使わないというならFirebugよりこちらの方が便利かも。
カッコイイ写真表示の代名詞といったらLightbox系のAjaxライブラリですけど、
ColorMe!ShopProはヘッダが操作出来ないので、Usage通り<script>をヘッダに入れて～ということは出来ない。
なので一見使用不可能に見えるけど、結構あっさり使えます。