Dreamweaver で Web ページを作成するための 20 のヒント
著者:Eve Cole
更新時間:2009-06-01 01:02:13
1) Dreamweaver を IE ブラウザに統合するにはどうすればよいですか?
Dreamweaver インストール プログラムは、コンテキスト メニューに「Dreamweaver で編集」コマンドを追加します。また、Windows レジストリを変更して IE と統合することもできます。 MS Word、Frontpage、Notepad と同様に、Dreamweaver が呼び出され、IE ツールバーの編集ボタンから現在の Web ページが開きます。
次のテキストの最後の行を独自の Dreamweaver インストール パスに変更し、*.reg ファイルとして保存し、ダブルクリックして情報をレジストリに追加します。
REGEDIT4
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweaver]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershell]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelledit]
[HKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand]
@="C:Program filesMacromediaDreamweaver 3dreamweaver.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 のドキュメント ウィンドウにはさまざまなパネルがあり、それぞれの隙間を開く必要があります。どうすればよいでしょうか。
確かに、解像度 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 インストールディレクトリの「ConfigurationBehaviorsEvents」フォルダーにあります。たとえば、バージョン 4.0 以降のブラウザの場合は、「4.0 and Later Browsers.htm」ファイルを開きます。
< A onClick="*" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown="" onMouseOut="" onMouseOver="" onMouseUp="">
「 onClick="*" " の「*」を「onMouseOver="" "」に移動し、次のように変更します: < A onClick="" onDblClick="" onKeyDown="" onKeyPress="" onKeyUp="" onMouseDown= " " onMouseOut="" onMouseOver="*" onMouseUp="">
Dreamweaver を再起動すると、このタイプのデフォルトのイベントは「onMouseOver」になります。その他の類推。
12) Dreamweaver を使用して、ページを開くときに、同時に小さなウィンドウを開くことはできますか?
はい、コードを 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 でのみ読み込むことができます。ファイルには属性は追加されません。他の 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 を取得」動作を追加します。ターゲティングを目的として、この短いビデオをホームページに埋め込みます。
明らかに、このリダイレクトされたページは非常に信頼できます。