タグ

*web制作とdreamweaverに関するhyu-ruriのブックマーク (7)

  • Web Design and Web Development : Dreamweaverで高速かつ快適な作業のために、やっておきたい5つのこと | mnemoniqs’log.

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

  • Dreamweaverの便利なコマンドや拡張機能のまとめ

    コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード

    Dreamweaverの便利なコマンドや拡張機能のまとめ
  • 作業効率を高めるDreamweaverの小技---目次:ITpro

    制作会社に身を置きながら、テクニカルライターとして執筆をしている筆者が,リファレンスやチュートリアルなどの執筆を通して細かい機能を探る中でひらめいた,「日々の作業効率を高めるDreamweaverの小技」をご紹介します。 ・第1回 ひきついだサイトはdivでいっぱい! ・第2回 特定の要素(タグ)を削除したい ・第3回 マークアップの高速化について考える(1) ・第4回 マークアップの高速化について考える(2) ・第5回 環境設定を見直そう(1) ・第6回 環境設定を見直そう(2) ・第7回 環境設定を見直そう(3) ・第8回 Office書類の活用 ・第9回 Dreamweaver CS3は使えるのか?

    作業効率を高めるDreamweaverの小技---目次:ITpro
  • Dreamweaver スニペット|マークアップチーム|Web Issue(ウェブイシュー)クリエイティブホープの社員ブログ

    CREATIVEHOPE Web Issue クリエイティブホープの社員ブログ Web Issue(ウェブ イシュー)はクリエイティブホープの社員が「Webのプロ」としての視点で語るブログです。Webに関する知識や技術など実務に役立つノウハウから、日々感じている素朴な疑問まで、様々な情報を発信していきます。 スニペットとは、再利用するソースを保存しておき、すぐに使用出来るようにする機能です。 過去に作成したページなどに含まれるソースをコピー&ペーストで記述していた作業が軽減されます。 また、このスニペットはチームでの共有が可能です。 作成されたスニペットは、 各コンピュータのDreamweaverの「Application Data」フォルダに保存されます。 (例)私の環境(WinXP、DW8)だと、下記のフォルダに保存されています。 cドライブ:\Documents and Settin

  • 【Dreamweaver】デザインビューを使って最速コーディング | バシャログ。

    Dreamweaver のデザインビューを使って素早く HTML のコーディングをする方法です。 まずは、原稿をプレーンなテキストデータに落として、秀丸等のテキストエディタを使って整形します。 ブロック毎に改行を二つ入れていきます。文中の改行箇所は改行を一つ入れます。 こんな感じです タイトルタイトルタイトル サブタイトルサブタイトル 文 見出し見出し 文 見出し見出し 順不同リスト 順不同リスト 文 見出し見出し 番号順リスト 番号順リスト 見出し見出し 定義リストタイトル 定義リスト内容定義リスト内容 定義リストタイトル 定義リスト内容定義リスト内容 Dreamweaver を立ち上げて、新規作成ファイルの中に段落(p)を一つだけ入れます。 そして先ほどのプレーンなテキストを

    【Dreamweaver】デザインビューを使って最速コーディング | バシャログ。
  • Dreamweaverの機能を活用する:道具としてのパソコンWeb作製

    Dreamweaverの機能を活用する:道具としてのパソコン@おやこニュース Dreamweaverの機能を活用する:ライブラリの使い方 関連ページ 更新履歴 (2005-07-07 更新) このページの構成 ライブラリについて 概要 メリット ライブラリに関する操作法 . ライブラリウインドウについて 作成法 ライブラリの挿入 ライブラリの編集 ライブラリの更新 オリジナルから切り離す HTMLドキュメント上の扱い 活用法のヒント ライブラリの罠 「能率的なウエブサイト更新のヒント」について 更新履歴 ご案内と関連ページ ライブラリについて テンプレートと並んで、能率的なウエブサイト更新を強力にバックアップする仕組みのひとつ。使い方そのものは、テンプレート機能より簡単と思います。しかし、その利点を十分に活かすために、ライブラリの特性をよく知っておくことが必要です。 概要 特定の内容の一節

  • Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE

    JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTMLCSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 WindowsMacintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:

    Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
  • 1