DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
Dreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能5つ | バシャログ。
チーム内のももクロ旋風が留まるところを知りません。 まだメンバーの顔と名前覚えきってないんだけどそんなこと言えないhakoishiです。がんばります。 さて、本日はDreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能を5つほどご紹介します。 Zen Coding これはもう、いわずもがなですね。コーディング効率大幅アップ。 下記よりDreamweaver用のファイルを選択してDLしてください。 Downloads - zen-coding 閉じタグコメントを挿入 「コマンド」メニュー⇒「閉じタグコメントを挿入」で閉じタグコメントを自動で挿入してくれます。 ID・classも自動的に拾ってくれるので、構造のチェックにも便利。 コメントを生成して挿入するDreamweaver用の拡張機能を作成しました Dreamweaver CS5 Validator 「結果」パネル⇒「バ
Dreamweaverのスニペットをショートカットキーに登録して作業効率アップ！ | バシャログ。
年末進行からそのまま年度末進行に突入して、そろそろ HP がゼロの sakai です。早く 4 月にならないかな。 Dreamweaver を使ってコーディングする場合は、キーボードショートカットを使うベシ！ というエントリーを過去にご紹介しています。 Dreamweaverのコードビューでよく使うショートカット Dreamweaverでテーブルを組むときによく使うショートカットキー 今回は一歩踏み込んで、自分で登録したスニペットをショートカットで呼び出す方法をご紹介します。 Dreamweaver のスニペット機能は、よく使うコードを登録しておいてパネルから挿入することができる機能です。 Step1 よく使用するコードをスニペットを登録する ここでは、<span></span> を登録してみます。 スニペットパネルを開き、右下にあるボタンで新規スニペットを登録します。 スニペットの種類を
【Dreamweaver】コードビューでよく使うショートカット | バシャログ。
BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。 なんと、キーが iPhone ですよ！ 今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。 タグ挿入系 Ctrl+1(～6) = 見出しタグ（h1～h6）の挿入 Ctrl+Shift+P = 段落タグ（p）の挿入 Ctrl+Alt+T = テーブル（table）の挿入 Ctrl+Alt+I = 画像（img）の挿入 Ctrl+B = 強調（strong）の挿入 Ctrl+I = やや強調（em）の挿入 Shift+Enter = 改行（br）の挿入 このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。 Shift+Space = 半角スペースを挿入（全角モードでも半角スペースが入る）
Dreamweaverでショートカットキーを設定して作業効率を上げる | A Day in the Life
January 11, 2010 普段コーディングをするときはDreamweaverを利用しています。 主にコードビューで作業をすることが多いのですが、デザインビューや分割ビューに素早く切り替えられるようにショートカットを設定しています。また、作業効率を上げるために良く入力するタグはショートカットキーを設定しています。(Dreamweaver初期で設定されているショートカットキーも含まれていますが） その一例を紹介します。 表示の切り替え Option + Shift + 1 = デザインビュー Option + Shift + 2 = コードビュー Option + Shift + 3 = 分割ビュー タグ Option + Command + l = dl Option + Command + t = dt Option + Command + d = dd Option + Comm
Dreamweaverで古いソースコードをクリーンアップする | バシャログ。
G.W. の開始とともにギックリ腰をやってしまい、連休中はずっと寝たきりで激痛と格闘していた sakai です。 温泉にでも行ってのんびりするかー、というささやかな夢すら叶わず無念… 今回は Dreamweaver で古いソースコードをクリーンアップする手順をご紹介します。 元のソースコードはこちら。 タグは大文字だし属性値を引用符で囲ってないし非推奨要素が使われているしインデントはグダグダだし、とちょっと極端な例ですが、こんな感じのソースコード、何気によく見るような気もします。 今回は、HTML を XHTML にします。 まずは「ファイル」メニューの「変換」で XHTML に変換しちゃいます。 変換後のコードがこちら。 タグが全部小文字になって、属性値が引用符で囲われました。 続いて、不要なタグや属性を削除してしまいます。 「編集」メニューの「検索および置換」を開いて、「検索」を「特定
Dreamweaverの検索置換に正規表現を « 乱雑モックアップ
sakurachiro.com 2024 著作権. 不許複製 プライバシーポリシー
Dreamweaverの正規表現置換サンプルと解説
Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんｗ 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには？ Ctrl+F（コマンド+F）押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 ＨＴＭＬ→ＸＨＴＭＬで一番多い作業がこれだと思う 置換対象： <td width="397"><font size="2">テキスト</font></td> 置換後： <th scope="row">テキスト</t
【Dreamweaver】デザインビューを使って最速コーディング | バシャログ。
Dreamweaver のデザインビューを使って素早く HTML のコーディングをする方法です。 まずは、原稿をプレーンなテキストデータに落として、秀丸等のテキストエディタを使って整形します。 ブロック毎に改行を二つ入れていきます。文中の改行箇所は改行を一つ入れます。 こんな感じです タイトルタイトルタイトル サブタイトルサブタイトル 本文本文本文本文本文本文本文本文本文本文本文 本文本文本文本文本文本文本文本文 見出し見出し 本文本文本文本文本文本文 見出し見出し 順不同リスト 順不同リスト 本文本文本文本文 見出し見出し 番号順リスト 番号順リスト 見出し見出し 定義リストタイトル 定義リスト内容定義リスト内容 定義リストタイトル 定義リスト内容定義リスト内容 Dreamweaver を立ち上げて、新規作成ファイルの中に段落（p）を一つだけ入れます。 そして先ほどのプレーンなテキストを
Dreamweaverの「現在のエンコーディングではドキュメント内のすべての文字を正しく保存できません。云々・・・」に一瞬で対処 - px*blog
Dreamweaverの「現在のエンコーディングではドキュメント内のすべての文字を正しく保存できません。云々・・・」に一瞬で対処 現在のエンコーディングではドキュメント内のすべての文字を正しく保存できません。云々・・・ Wordや異なる文字コードの文書から原稿・テキストをコピペするとき、 Dreamweaverに、このように拒まれた経験は結構あると思います。 そのとき、どの部分が拒まれているのか、 一瞬で見つける方法。 とりあえず、ブラウザで閲覧しましょう。 正しく保存されていない場合の多くは、 半角「?」になっています。 半角「?」でページ内検索すれば、一瞬で分かります。 ソースを別のエディタにコピーとかコードを変更して保存とかしていると、 化けた原稿がさらに変形していく危険性もありますし、 エラーがなくなったからといって、本当に原稿に忠実にコピーできているのか、ちょっと不安です。 問題
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
WEB Drawer
サイトの更新で、「〇〇」という単語を全部修正するみたいな作業が発生する場合があるのですがその際対象ページのURLを出したい場合の方法です。 DreamWeaverで検索してxmlとして出力する まずDreamWeaverでサイト全体を検索し...
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe TV
ホームページの企画・制作からSEO・SEM・広告戦略までプロのノウハウを大公開！
Dreamweaver Extensionでパワーアップ - たにぐちまこと | パブー
px*blog