検索
ホームページ開発ツールdreamweaverDreamweaver で一般的に使用されるメソッドとテクニックの概要

この記事は、Dreamweaver でよく使用される方法とテクニックをまとめたもので、困っている人は参考にしていただければ幸いです。

Dreamweaverには豊富なユーザーウィザード機能があり、見た目がたまりません。これらのわかりやすいヒントは、新しいサイトをスムーズに作成するのに役立ちます。

接続ウィンドウ

Dreamweaver のユーザー インターフェイスは、作業モードでは複数のウィンドウに分割されています。 。真の動作状態を保存するための最良の戦略は、開いているウィンドウを一緒にドッキングすることです。ウィンドウのタイトル バーをドラッグしようとしたことがあるかもしれませんが、これは多くのプログラムで実行できますが、Dreamweaver では機能しません。

ウィンドウ接続を実現するコツは、マウスを使用してタイトル バーの代わりにウィンドウのタブ バーをドラッグすることです。あるウィンドウのタブ バーをクリックして別のウィンドウ上にドラッグしてみて、黒い境界線が表示されたらマウス ボタンを放すと、2 つのウィンドウが結合されたことがわかります。好きなだけウィンドウを接続して 1 つに結合できるため、画面スペースを大幅に節約し、実際に何が機能しているかを確認できるようになります。ただし、ローダー ウィンドウ、プロパティ ウィンドウ、サイト ウィンドウには接続できないことに注意してください。

データ入力

Dreamweaver では、テーブルにデータを直接入力できます。これは、セルにコンテンツを何度も切り取って貼り付けるよりもはるかに簡単です。ただし、入力するデータに挿入/テーブルデータコマンドが含まれている場合、問題が発生します。残念ながら、Dreamweaver は区切り文字を含む .txt ファイルのみをインポートできます。 Word または Excel ファイルを処理する場合は、まず .txt ファイルとして出力してから、Dreamweaver にインポートします。夢のように素晴らしい加工方法であることがわかります。

削除、復元、繰り返し

テーブルにデータを入力すると、作業時間を大幅に節約できますが、Dreamweaver の最も便利な機能の 1 つは、履歴ウィンドウ。このウィンドウでは、ドキュメントが開かれると、それ以降に実行されたすべての操作が記録されるため、操作を追跡して、単に元に戻すか、最後の手順を繰り返すことができます。履歴ウィンドウで最後のステップを選択して Delete キーを押すか、スライダーを特定のステップまでドラッグして複数のステップを一度に削除します。同様に、ウィンドウの [再生] ボタンをクリックしてステップを再度実行します。

50 ステップ以上保存できないのは奇妙ですよね?これがデフォルト値です。この値を増やすには、「編集/環境設定」を選択し、「標準」機能ページにいることを確認して、「履歴ステップ最大値」フィールドに高い値を入力します。設定した保存ステップ数が多いほど、より多くのコンテンツが消費されることに注意してください。 ############拡大!拡大する!

拡張機能を使用すると、Dreamweaver のパフォーマンスをさらに向上させることができます。多くの開発者が拡張機能を作成し、より多くの人が無料で利用できるようにしています。 Macromedia のサイトにアクセスして、みんなと作品を交換することができます。 Dreamweaver を実行しているときに、「コマンド/その他のコマンドを取得」を選択すると、ブラウザが自動的に起動し、交換サイトに移動します。新しいヒントをすべて収集する前に、まず拡張機能マネージャーをダウンロードしてください。これにより、拡張機能の追跡が簡単になります。 次のヒントは、大規模なサイトを管理し、他の Web 開発者と協力する開発者にとって役立ちます。

アルバムの作成

多くのグラフィックのサムネイルを一度に作成するのは、特に経験豊富なグラフィックの専門家でない場合、面倒な作業です。それは問題ではありません。Dreamweaver には新しい機能があり、グラフィック デザイン アシスタントのようなもので、要件に従ってサムネイル デザイン作業を完了できます。どのフォルダーにグラフィックスが含まれているかを Dreamweaver に指示すると、そのフォルダー内の各グラフィックのサムネイル、完全なグラフィックを含むページ、およびすべてのサムネイルを保持するインデックス ページが作成されます。この機能を使用するには、まず Fireworks をインストールする必要があります。
まず、ファイル構造を確立します。すべてのグラフィック ファイルをフォルダーに配置します。

次に、「コマンド/ウェブアルバムの作成」を選択し、対応するオプションを設定します。タイトルとサブタイトルについては考えすぎないでください。この情報は後で修正できます。この情報によってどのファイルが処理されるかが決定されるため、ソース図面フォルダと宛先フォルダを指定することが重要です。また、サムネイルのサイズ、形式、その他のオプションも決定します。

[OK] をクリックすると、Dreamweaver から Fireworks に制御が移り、ファイルのバッチ処理が開始され、非常に優れた小さなフォト アルバムまたは継続的な製品カタログが作成されます。写真がたくさんある場合は、セットアップして実行し、休憩を取ると、Dreamweaver と Fireworks がすべての作業を行ってくれます。

カスタム コマンドの作成

Dreamweaver の最も便利な機能の 1 つが履歴ウィンドウであることを覚えていますか?それは冗談ではなく、Dreamweaver は履歴ウィンドウにリストされたアクションに基づいて新しいコマンド シーケンスを作成できます。

コマンドを作成するには、記録したい手順を実行するだけです。次に、履歴ウィンドウで保存するステップを選択し、右下隅にある「名前を付けて保存」アイコンをクリックし、名前を付けて「OK」をクリックします。この時点で、カスタム コマンドが [コマンド] メニューに表示され、使用できるようになります。

他の人と共同作業する

#他の人と共同作業する Web 開発者にとって、共有ファイルが他の人に変更されることを心配する必要はありません。 Dreamweaver は、チェックインおよびチェックアウト システムを使用して、開いているファイルを保護します。次のヒントは、Dreamweaver の拡張とカスタマイズに役立ちます。実装プロセス中に、いくつかの Dreamweaver 設定ファイルを編集する必要があるため、最初に元のファイルのバックアップを作成してください。

カスタム オブジェクトの作成

オブジェクト ウィンドウは、フォームやフレームなどの項目をページにすばやく挿入するのに役立ちます。カスタム オブジェクトを作成するには、まずドキュメントに挿入するコードを含むファイルを作成します。たとえば、CNET Builder.com のニュース ボックスを作成するには、まずこのコードをダウンロードし、newsletters.htm として保存します。次に、「オブジェクト」ウィンドウに新しいパネルを作成するには、Dreamweaver/Configuration/Objects の下に、My Objects などの任意の名前のフォルダーを作成します。ファイルnewsletters.htmをこのディレクトリに配置します。同時に、新しいオブジェクトを表すグラフィックス ファイルが必要です。グラフィック ファイルを自分で作成することも、Dreamweaver に通常のアイコンを挿入させることもできます。アイコンを自分で作成する場合は、必ず 18 X 18 ピクセルの GIF ファイルを作成してください。グラフィックス ファイルを新しいオブジェクトと同じ名前で同じディレクトリに保存します。ここでグラフィックファイルが利用可能です。

ここで、Dreamweaver を再起動するか、拡張機能へのリロードを選択します (Ctrl キーを押してオブジェクト ウィンドウのポップアップ メニューをクリックします)。オブジェクト ウィンドウに新しい関数ページが表示され、そのグラフィックが表示されます。あなたがそれを設定しました。他のオブジェクトと同様に、この新しいオブジェクトをページにドラッグできます。 JavaScript に精通している場合は、より複雑なオブジェクトや、フローティング パネル、ビヘイビアーなどのその他の拡張機能を作成できます。あるいは、Macromedia Exchange から既製のオブジェクトをダウンロードするだけです。完全なオブジェクト コードを表示します。

メニューのレイアウトを変更する

Dreamweaver の直線的なメニューにうんざりしていませんか? 「ウィンドウ」メニューを右端に移動できたらいいのにと思いませんか?ヘルプメニューよりも頻繁に使用されるためです。これらの目標を達成することにまったく問題はありません。まず、Dreamweaver のインストールフォルダーを開き、Configuration/Menus/menus.xml ファイルを見つけてバックアップを作成し、別の場所に保存します。次に、テキスト エディタで Configuration/Menus/menus.xml を開き、 で始まるコード ブロックを見つけます。各メニューには が含まれています。次の方法に従って、「ウィンドウ」メニューを表すコード セグメントを見つけます。


< menu name="_Window" id="DWMenu_Window">
...
< /menu>

このコードを切り取って、「ヘルプ」メニュー (...)、ファイルを保存し、Dreamweaver を再起動すると、新しいメニューの順序が表示されます。また、menu.xml を編集すると、メニュー項目 (...) の並べ替え、メニュー名の変更 (NAME 属性を使用)、区切り文字の追加、キーボード ショートカットの追加、変更、削除を行うこともできます。 menu.xml ファイルのバックアップを作成することを忘れないでください。変更プロセス中に不正なコードが入力された場合、Dreamweaver は自動的に以前の状態に復元しません。

以上がDreamweaver で一般的に使用されるメソッドとテクニックの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事は博客园で複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
在dreamweaver的网页设计中如何设置图片居中在dreamweaver的网页设计中如何设置图片居中Apr 08, 2024 pm 08:45 PM

在 Dreamweaver 中将图片居中:选择要居中的图片。在“属性”面板中,设置“水平对齐”为“居中”。(可选)设置“垂直对齐”为“居中”或“底部”。

dreamweaver如何创建书签dreamweaver如何创建书签Apr 08, 2024 pm 08:48 PM

Dreamweaver 书签功能允许您轻松标记和快速导航到代码中的特定位置。创建书签的步骤包括:1. 定位代码位置;2. 创建书签(编辑 > 书签 > 新书签,输入名称和描述);3. 保存书签;4. 使用书签(编辑 > 书签 > 跳转到书签,从列表中选择所需书签)。

dreamweaver如何设置为中文dreamweaver如何设置为中文Apr 08, 2024 pm 09:15 PM

要将 Dreamweaver 设置为中文界面,请依次执行以下步骤:1. 打开 Dreamweaver;2. 单击“编辑”菜单;3. 选择“偏好设置”;4. 在“偏好设置”窗口中,选择“界面”选项卡;5. 在“界面语言”下拉菜单中,选择“简体中文”或“繁体中文”;6. 单击“确定”以保存更改。

webstorm和dreamweaver哪个好webstorm和dreamweaver哪个好Apr 08, 2024 pm 08:00 PM

针对专业 Web 开发人员,WebStorm 提供了更全面的功能和更佳的生产力,包括语言支持、IDE 功能、代码质量优化和生产力工具。而 Dreamweaver 更适合于初学者或静态网站开发。

webstorm和dw哪个好用webstorm和dw哪个好用Apr 08, 2024 pm 07:51 PM

WebStorm 比 Dreamweaver 更好,因为它支持更广泛的语言和工具,并提供更强大的代码导航和调试功能。Dreamweaver 更适合初学者,因为它提供视觉设计工具和 Adobe Creative Cloud 集成。

dreamweaver中如何设置超链接dreamweaver中如何设置超链接Apr 08, 2024 pm 09:00 PM

在 Dreamweaver 中设置超链接的步骤如下:选择文本或图像菜单栏中选择 "插入" > "链接"输入链接 URL设置可选链接属性(如目标框架、标题、访问键)单击 "确定" 创建超链接

dw中怎么用php修改表数据库dw中怎么用php修改表数据库Mar 23, 2023 pm 04:35 PM

​Dreamweaver 是一个非常流行的 Web 开发工具,它提供了很多强大的功能,包括快速开发 Web 应用程序、设计网页、管理数据库等。如果您是 PHP 开发者,您可能已经熟悉了 Dreamweaver 中的一些基本功能。在本文中,我们将重点介绍如何使用 DW 中的 PHP 功能来修改您的数据库。

dreamweaver如何调整字体dreamweaver如何调整字体Apr 08, 2024 pm 08:54 PM

通过 Dreamweaver 调整字体设置,您可以进行以下操作:选择字体系列和大小:在"属性"面板中,从下拉列表中选择所需选项。调整字体颜色:点击"文本颜色"选项,选择所需的文本颜色。调整字体粗细和样式:从下拉列表中选择所需的粗细和样式。调整其他设置:包括行高、字体变体和字符间距。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。