今回は、要素(タグ)や特定のコードを削除することをテーマにご紹介します。 シチュエーション: 任されたサイトは、90年代後半に作られたテーブルレイアウトのサイト。ある意味、テキストだけ書き出して、再度コーディングした方が早いともいえますが、テキスト内にはリンクが設定されている箇所がたくさんあり、できれば使い回したい。それにしても要らないコードがたくさんある。これを検索/置換技を駆使して料理していきましょう。 ■まずはリンク画像の「border="0"」を削除 Dreamweaverでは、画像に対してリンクを設定すると、自動的に「border="0"」が付加されます。しかし画像周囲のボーダーを消すためにはCSSで一行「img { border: none; }」と書いておく方法もとれます。そうすればサイト内に記述されている「border="0"」を根こそぎ削除できるので、かなりのソースが節約
今回は、キーボードショートカットの利用や、[クイックタグ編集]など、コーディングの効率化するためのテクをご紹介します。 シチュエーション: 「p要素をaddress要素に変更したい」「p要素をblockquote要素で囲みたい」など、いわゆるマークアップ作業を進めるに際、クイックタグ編集を使うと一瞬で作業が終了します。クイックタグ編集を使いこなすと、エディタとしてのDreamweaverも捨てたものじゃない、と思えるでしょう。 ■ p要素をh2要素に変更したい ローテク・ウェイ: 作業したい段落内にカーソルをおいて、プロパティインスペクタの[フォーマット]をクリック。表示されるメニューから「見出し2」を選択する。 ベター・ウェイ: 作業したい段落内にカーソルをおいて、Ctrl+2(Macintoshではcommand+2)をタイプする。 覚えておこう: 各見出しとキーボードショートカットは
Enhance and extend DreamweaverDreamweaver provides its own API as well as the Common Extensibility Platform (CEP), and offers you the flexibility of using C++, HTML, CSS, and JS to build extensions for Dreamweaver. You can extend the Dreamweaver UI, add powerful features for building web apps and automate entire cross-application workflows. Build custom web development toolsImport database data in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く