タグ

dreamweaverに関するkick178のブックマーク (5)

  • Dreamweaverで自動で入るインデントの設定方法 - 玄鵬の地下室

    コードを書くとき、私はたいていインデントとしてタブを一文字入れるのが習慣なのだが、(PC乗り換えにあたって)Dreamweaverの自動インデント機能で入れてくれるインデントが半角スペースになってしまっていたので変更した。 自動インデントは、改行した際に行の開始位置を自動的に直前の行の開始位置に合わせてくれる機能。その分、行の先頭に空白を入れる訳だが、タブで入れるか半角スペースで入れるか、コーダーによってあるいは仕様書によって異なる。 変更方法は以下の通り。なお、Dreamweaver CS5における操作である。 編集>環境設定>コードフォーマット 最上部の「インデント」で使用する文字(タブか半角スペースか)と文字数を指定できる。チェックを外すと自動でインデントをつけなくなる。

    Dreamweaverで自動で入るインデントの設定方法 - 玄鵬の地下室
  • 【業務効率が変わる!】こんな時に役に立つ「正規表現」の使い所 | WebNAUT by Beeworks

    ※この記事は2013年7月10日に執筆された記事です。現在は仕様が異なる可能性があります。 大変です! あなたは、公開間近でクライアントから少々面倒な修正依頼を頂きました。 対応したいのですが、大型案件の為、納品するページ数は膨大にあり、該当する箇所がどれほどあるのか想像がつきません。 さて、この場合どのような対応がベストでしょうか? 今回は、ベストな対応をしたい方の為に便利な正規表現の使い所をご紹介します。 公開間近でクライアントからこんな修正依頼が、、、 クライアントから下記の修正依頼を頂きました。 該当するページ数は未だ不明ですが、調査対象は明日公開予定の膨大な数のHTMLファイルです。 1. ¥を円の表記に統一(¥9,000→9,000円) 2. 「しております」「してます」を「しています」に統一 3. 外部リンクのaタグは別窓指定 4. 素材と販売元の行を入れ替える 5. 最後の

    【業務効率が変わる!】こんな時に役に立つ「正規表現」の使い所 | WebNAUT by Beeworks
  • Dreamweaverの正規表現置換サンプルと解説

    Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんw 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには? Ctrl+F(コマンド+F)押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 HTML→XHTMLで一番多い作業がこれだと思う 置換対象: <td width="397"><font size="2">テキスト</font></td> 置換後: <th scope="row">テキスト</t

    Dreamweaverの正規表現置換サンプルと解説
  • 楽してコーディング!Dreamweaverのテクニックいろいろ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、デザイナーのハルエです。 以前のブログで、Dreamweaverのオススメ拡張機能についていくつか紹介させていただいたのですが、今回はDreamweaverに標準搭載されている隠れた便利機能についてご紹介させていただきます。 CS6から導入されてまだまだ浸透されていない機能や、搭載歴は長いのにあまり知られないまま謙虚に過ごしている機能がたくさんあると思うんです。 CSSトランジション Dreamweaver CS6のCSSトランジションを使用すると、CSS3によるtransition効果がコードを記述することなく簡単に設定できます。 ベンダープレフィックス(-webkit-など)も自動で生成してくれます。 使用手順 1.[ウィンドウ]→[CSSトランジション]パネルを開き、追加ボタン[+]をクリックします。(htmlファイルを選択した状態にしておかないと、選択できません。) 2

    楽してコーディング!Dreamweaverのテクニックいろいろ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    kick178
    kick178 2013/02/19
    ダミー画像
  • Web Design and Web Development : Dreamweaverで高速かつ快適な作業のために、やっておきたい5つのこと | mnemoniqs’log.

    仕事で使ってるDreamweaver環境設定や、効率を上げる方法を下記にまとめておきます。 目次 サイトの定義と管理を必ずやる ソースコードを見やすくカスタマイズ 便利なショートカットキーをつかう CSSコードヒントのカスタマイズ スニペットを追加してみる サイトの定義と管理を必ずやる 作業用のフォルダを決めて、まずサイトの定義をすることからDreamweaverのコーディングは始まります。 コレをしないで進めると、階層の全体像や相対パスがぼんやりしたままになり、とても危険。 超簡単な作業なので、やらない手はありません。 ローカルにあるフォルダを定義 [サイト] → [新規サイト] → [ローカル情報] 「サイト名」にプロジェクト名、「ローカルルートフォルダ」に作業用フォルダのパスを指定するだけでサイト定義は完了です。 設定したサイトは、[サイト] → [サイトの管理]の一覧から選択

  • 1