ホームページ > 開発ツール > dreamweaver > Dreamweaver で Web ページを作成するための 20 のヒント

Dreamweaver で Web ページを作成するための 20 のヒント

青灯夜游
リリース: 2021-02-22 17:57:02
転載
10236 人が閲覧しました

この記事では、dreamweaver で Web ページを作成するための 20 のヒントを紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

Dreamweaver で Web ページを作成するための 20 のヒント

関連する推奨事項: 「dreamweaver チュートリアル

Dreamweaver を使用して Web ページを作成するための 20 のヒント。お役に立てれば。

1) Dreamweaver を IE ブラウザに統合するにはどうすればよいですか?

Dreamweaver インストール プログラムでは、コンテキスト メニューに「Dreamweaver で編集」コマンドが追加されます。また、Windows レジストリを変更して IE と統合することもできます。 MS Word、Frontpage、Notepad と同様に、Dreamweaver が呼び出され、IE ツールバーの編集ボタンから現在の Web ページが開きます。

次のテキストの最後の行を独自の Dreamweaver インストール パスに変更し、*.reg ファイルとして保存し、ダブルクリックして情報をレジストリに追加します。

REGEDIT4

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]

[HKEY_CLASSES_ROOT\ .htm\OpenWithList\Dreamweaver\shell\edit]

[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]

@="C:\Program files\Macromedia\ Dreamweaver 3\dreamweaver.exe %1"

IE のデフォルトのエディタとして設定したい場合は、IE の「インターネット オプション」を開き、[プログラム] タブで指定します。

2) 特定のスクリプトを使用するには、グラフィックやテキストに空のリンクを追加する必要があることがよくありますが、ブラウジング中に空のリンクを持つオブジェクトをクリックすると、そのオブジェクトの先頭にジャンプします。これを回避するにはどうすればよいですか?

ブラウザはリンクが同じページへのリンクであると認識しますが、定義されたブックマーク (アンカー) が見つからないため、ページの先頭に留まります。この問題を解決するには、空のリンクの「 # 」を「 javascript:void(null) 」に置き換えます。

3) CSS とレイヤーを使用すると、ブラウザごとに効果が異なり、場合によっては位置がずれることがあります。

Dreamweaver は、さまざまなブラウザとの互換性の点で優れていますが、Dreamweaver で作成された Web ページが IE と Netscape でまったく同じになるという意味ではありません。通常の状況では、同じ Web ページを異なるブラウザで閲覧しても、まったく同じ外観になることはなく、異なるメーカーのブラウザによって決まります。

一般に、次の問題に注意してください:

レイヤーとテーブルのレイアウトを混合しないでください。レイヤー内のテーブルなどの親子関係の場合は、この原則の範囲内ではありません;

リンクされた CSS は、Netscape Navigator で問題を引き起こすことがよくあります。チェーンまたはインライン スタイルを使用してください。

空のレイヤーに表や透明な画像を挿入する必要がある場合があります。 Netscape Navigator での効果を確認するために。幅または高さが数ピクセルしかないレイヤーの場合は、代わりに画像を使用してください。

W3C 組織によって推奨されていない文字体裁プロパティの使用を避け、代わりに CSS を使用してください。

4) 他のドキュメントから Dreamweaver にテキストをコピーすると、すべての段落が密集しており、Dreamweaver 内に書式設定コードが存在するのはなぜですか?

Dreamweaver には、テキストのコピーと貼り付けのための 2 つのカテゴリがあります。標準的な方法では、オブジェクトとそのプロパティがコピーされ、クリップボードの内容が HTML コードとして扱われます。もう 1 つの方法では、テキストのみがコピーまたは貼り付けられ、テキストのコピーまたは貼り付けは無視されます。 html形式でコピーしている場合、貼り付ける場合はhtmlコードをテキストとして貼り付けてください。後者の方法で操作するには、もう 1 回「Shift」(Ctrl Shift C/Ctrl Shift V) キーを押します。

5) IE では Web ページが正常に閲覧できるのに、Netscape Navigator では要件を満たさなかったりエラーが発生したり、Dreamweaver のドキュメント ウィンドウがうまく修正できないのはなぜですか?

コードを確認してください。 WYSIWYG エディタを使用してページの特定の部分を繰り返し変更するため、冗長なリンクなどの冗長なコードが残ることがあります。これらのコードは Dreamweaver ドキュメント ウィンドウには表示されず、IE は無視します。ただし、Netscape Navigator はコード要件が厳しく、プレビュー中に信じられない現象が発生します。

6) Netscape Navigator では、一部のブックマーク (アンカー) が機能せず、一部が消えてしまったように見えます。

Netscape Navigator のブックマークでは大文字と小文字が区別されます。 Navigator では、多層ネストされたテーブル内のブックマークが失われます。ブックマークをテーブルの外に配置してください。

7) Dreamweaver のドキュメント ウィンドウはさまざまなパネルでいっぱいです。ドキュメントを編集するには、隙間を 1 つずつ開かなければなりません。とても疲れます。どうすればよいですか?

解像度 800X600 の画面は Dreamweaver には確かに小さすぎますが、1024X768 であってもすべてのパネルを表示することはできません。重要なのは、きちんと組織化することです。

編集に一時的に使用しないパネルを閉じ、よく使用するパネルをまとめて画面スペースを節約します。

今すぐ使用しない場合は、「HTML ソース インスペクター」を閉じてください。画面スペースを占有するだけでなく、かなりのシステム リソースも消費します。

F4 キーを押すと、開いているパネルがすべて非表示になり、ドキュメント全体が表示されます。もう一度押すと、パネルが表示されます。

「ウィンドウ」メニューに「フローティングパレットの配置」コマンドがあります。このコマンドを使用すると、開いているすべてのパネルを互いに重ならないようにウィンドウの周囲に配置できます。

複数のショートカット キーを使用し、それらを上手に使いこなすことは、作業効率を向上させる良い方法です。

非表示のオブジェクトを追加すると、Dreamweaver はドキュメント ウィンドウのページの上部に対応するアイコンを追加します。アイコンが多すぎると、編集に支障をきたす可能性があります。 「Ctrl Shift I」(メインメニューの表示|非表示要素)を押すと、それらを非表示にしたり表示したりできます。これらのアイコンを表示しないように設定することもできますが、編集するオブジェクトを選択するのに役立つため、これはお勧めしません。

8) Head オブジェクト パネルではコンテンツの追加のみが可能です。< head> マークのコンテンツはドキュメント ウィンドウで変更できますか? ######できる。非常に直感的な方法があります。「Ctrl Shift W」(メイン メニューの [表示] | [見出しコンテンツ]) を押すと、ドキュメント ウィンドウのメイン メニュー バーの下にアイコンの行が表示され、これらのアイコンをクリックして変更します。

9) テーブルやレイヤー内の非常に小さな画像 (1X1px など) を選択するにはどうすればよいですか?

表のセルをクリックし、「Shift」キーを押しながら矢印キーを使用して移動し、選択します。

表のセルを選択する (Ctrl キーを押しながら対応するセルをマウスでクリックする) か、最初にレイヤーを選択してから、「HTML ソース インスペクター」の強調表示されたコードで < img src= を選択することもできます。 「パネル。 ..」> を選択してドキュメント ウィンドウに戻り、画像が選択されます。

10) フレームワーク システムの名前 (タイトル) を編集するにはどうすればよいですか?

[Ctrl F10] を押して [フレーム] パネルを開き、最も外側のフレームをクリックして、[Ctrl J] を押します (メイン メニューの [変更] | [ページのプロパティ])。

11) 「動作」のデフォルトイベントを変更するにはどうすればよいですか?

イベント設定ファイルは、Dreamweaver インストールディレクトリの「\Configuration\Behaviors\Events\」フォルダにあります。たとえば、バージョン 4.0 以降のブラウザの場合は、「4.0 以降のブラウザ」ファイルを開きます。 htm」。

「onClick="*"」の「*」を「onMouseOver=""」に移動し、次のように変更します: < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp = "" onMouseDown="" onMouseOut="" onMouseOver="*" onMouseUp="">

Dreamweaver を再起動すると、このタイプのデフォルト イベントは「onMouseOver」になります。その他の類推。

12) Dreamweaver を使用して、ページを開くときに、同時に小さなウィンドウを開くことはできますか?

はい、コードを 1 行も記述する必要はありません。 「動作」パネルに組み込まれている「ブラウザ ウィンドウを開く」スクリプトを使用して、ページ、ウィンドウ サイズ、プロパティを設定します。図に示すように:

図 1

13) 表を挿入するとき、表のセルには常にスペース (< td> < /td> ) が含まれます。それを防ぐのは??

これは Dreamweaver によって自動的に生成されるため、削除しないでください。表のセルに何もない場合、Netscape Navigator はセルを表示しません。

14) テンプレート ドキュメントの < head> タグは、Web ページのテーマ以外は編集できません。このテンプレートに基づいて Web ページにビヘイビアーを追加するにはどうすればよいですか?

「HTML ソース インスペクター」パネルを使用して、次のように、テンプレート ドキュメントの「< /head>」の前に編集可能なタグを追加します:

< !-- #BeginEditable "JavaScript" -- >

< スクリプト言語="JavaScript">

< /script>

< !-- #EndEditable -->

15) Dreamweaverの登録・確認システムを利用して共同でWebサイトの開発・管理を行う場合、リモートサーバー上のWebサイト関連ファイルには別のアクセス権限が付与されますか?

チェックイン/チェックアウトは、Dreamweaver によって内部的に使用される管理メカニズムであり、ファイル属性とは関係ありません。 「チェックアウト」は、ファイルが私によって使用されており、他の人は編集できないことを意味します。「チェックイン」は、ファイルを他の同僚がチェックアウトして編集できることを意味し、ローカル ファイルは読み取り専用になり、私が使用できないようになります。内容を変更します。

Dreamweaver は、ローカル サーバーとリモート サーバー上に対応する「.lck」ファイルを生成することによって、チェックイン/チェックアウト機能を実装します。これらのファイルは、「サイト」ウィンドウには表示されません。Dreamweaver は、これらのファイルを読み取ることができます。Dreamweaver のみがこのファイルを読み取ることができます。動作します。ファイルには属性は追加されません。他の FTP ツールやエディタを使用している場合でも、それらを開くことができます。

16) Web ページを作成するとき、マウスが飛び回り、設定された画像のサイズが変更されることがよくあります。これは画像を再度確認せずに修正できますか?

画像のサイズが一致しない場合、プロパティ パネルでその値が目立つように太字で表示されます。パネルの「更新」ボタンを押すと、パネルが実際のサイズに戻ります。

17) リンクをクリックして複数のフレームを同時に変更するにはどうすればよいですか?

最も直接的な方法は、リンクのフレームワーク システムを確立することです。

Dreamweaver の「URL に移動」動作を使用する方が簡単です。ダイアログボックスにはすべてのフレームが表示されますので、下の「URL」欄に該当するページを入力してください。

18) テキストに動作を追加したいのですが、動作パネルの項目がすべて暗くて選択できません。

以前にこの状況に遭遇したときは、通常、テキストの横に画像を挿入し、その画像に必要な動作を追加しました。次に、コードを編集してテキスト上に移動し、画像を削除します。

上記の方法はもっと面倒ですが、テキストを「javascript: void(null)」にリンクする方法が便利で、これらの動作が正直に明らかになります。

19) ビヘイビアーを使用するレイヤーをライブラリに追加する場合、Dreamweaver はレイヤーのビヘイビアーを追従させません。

テンプレートを使用します。

20) Flashプラグインのチェックやリダイレクトを行うスクリプトが異常になる場合があるのですが、他の方法はありますか?

Flash Web ページを作成するとき、人々はリダイレクトに Dreamweaver の「プラグインのチェック」動作を使用することに慣れています。ただし、プラグインが明らかにインストールされているにもかかわらず、インストールされていないと表示されるなど、誤って報告されることがあります。リダイレクトする確実な方法は次のとおりです。

リダイレクトされたページとして新しいホームページを作成します。図に示すように、「ヘッド」オブジェクト パネルの「更新の挿入」を使用して、Flash テクノロジを使用しない Web ページに移動します。ページの先頭に次のコードが追加されます: < meta http-equiv="refresh" content="4;URL=noflash.htm">

最初のセクションに別の小さな Flash ビデオを作成します。フレームには、Flash テクノロジを使用してページを指す「URL を取得」動作が追加されます。ターゲティングを目的として、この短いビデオをホームページに埋め込みます。

明らかに、このリダイレクトされたページは非常に信頼性があります。

これで、Dreamweaver を使用して Web ページを作成するための 20 のヒントは終わりです。読んでいただきありがとうございました。

プログラミング関連の知識について詳しくは、プログラミング学習をご覧ください。 !

以上がDreamweaver で Web ページを作成するための 20 のヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート