タグ

TIPSとDreamWeaverに関するshirotorabyakkoのブックマーク (4)

  • Dreamweaver覚え書き

  • 第2回 特定の要素(タグ)を削除したい

    今回は、要素(タグ)や特定のコードを削除することをテーマにご紹介します。 シチュエーション: 任されたサイトは、90年代後半に作られたテーブルレイアウトのサイト。ある意味、テキストだけ書き出して、再度コーディングした方が早いともいえますが、テキスト内にはリンクが設定されている箇所がたくさんあり、できれば使い回したい。それにしても要らないコードがたくさんある。これを検索/置換技を駆使して料理していきましょう。 ■まずはリンク画像の「border="0"」を削除 Dreamweaverでは、画像に対してリンクを設定すると、自動的に「border="0"」が付加されます。しかし画像周囲のボーダーを消すためにはCSSで一行「img { border: none; }」と書いておく方法もとれます。そうすればサイト内に記述されている「border="0"」を根こそぎ削除できるので、かなりのソースが節約

    第2回 特定の要素(タグ)を削除したい
    shirotorabyakko
    shirotorabyakko 2007/03/08
    [検索/置換]でリンク画像の「border="0"」を削除。[XHTMLのクリーンアップ]+[特定のタグ]フィールドに「table tr td th」でテーブルをとっぱらう。b要素をstrong要素に変更。スペーサーイメージをすべて削除。
  • 第3回 マークアップの高速化について考える(1)

    今回は、キーボードショートカットの利用や、[クイックタグ編集]など、コーディングの効率化するためのテクをご紹介します。 シチュエーション: 「p要素をaddress要素に変更したい」「p要素をblockquote要素で囲みたい」など、いわゆるマークアップ作業を進めるに際、クイックタグ編集を使うと一瞬で作業が終了します。クイックタグ編集を使いこなすと、エディタとしてのDreamweaverも捨てたものじゃない、と思えるでしょう。 ■ p要素をh2要素に変更したい ローテク・ウェイ: 作業したい段落内にカーソルをおいて、プロパティインスペクタの[フォーマット]をクリック。表示されるメニューから「見出し2」を選択する。 ベター・ウェイ: 作業したい段落内にカーソルをおいて、Ctrl+2(Macintoshではcommand+2)をタイプする。 覚えておこう: 各見出しとキーボードショートカットは

    第3回 マークアップの高速化について考える(1)
    shirotorabyakko
    shirotorabyakko 2007/03/06
    p要素を他要素に変更するコーディングの効率化するためのテクニック
  • アドビ―Dreamweaverデベロッパーセンター

    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

  • 1