Web ページ制作スキルのための DW の賢い利用 - Web デザインに詳しいネチズンは、スタイルを呼び出す方法がたくさんあることを知っています。マウスを右クリックして Custon Style を選択し、スタイル標準を呼び出すこともできます。ステータスバーの要素リストでスタイルを呼び出します。異なる方法で得られる効果は同じように見えますが、実際に生成される HTML コードはまったく異なります。
1. スタイルを柔軟に使用する
Web デザインに詳しいネチズンは、スタイルを呼び出す方法がたくさんあることを知っています。マウスを右クリックして [Custon Style] を選択し、要素リストを右クリックしてスタイルを呼び出すこともできます。ステータスバーからスタイルを呼び出します。異なる方法で得られる効果は同じように見えますが、実際に生成される HTML コードはまったく異なります。たとえば、Custon Style を使用してスタイル標準を呼び出すと、Web ページ コード内に <span> タグが生成されます。そのようなタグが多すぎると、ファイルが非常に肥大化し、ブラウザの解析速度に影響を与えるため、ステータスバーのスタイルを呼び出すリスト。
2. [テーブルの書式設定] コマンドを最大限に活用します
。複雑な Web デザインでは、テーブルを使用して Web ページ上のテキストや画像の特定の位置を自由に制御できるため、Web ページ全体をコンパクトに見せることができます。そして統一されました。この点では、Dreamweaver もそれほど遅れていません。「テーブルの書式設定」コマンドを使用して、事前に設計されたスタイルをテーブルにすばやく適用できます。事前にデザインされたスタイルを使用するには、まずテーブルの任意のセルにカーソルを置き、次に「コマンド」→「テーブルの書式設定」コマンドを選択し、次のダイアログ ボックスで左側のリストからデザイン スキームを選択します。 「適用」ボタンを押して効果を確認し、満足できない場合は、境界線の太さ、背景色などのいくつかのパラメータの値をリセットまたは変更することもできます。
3. 同時に 2 つの Web ページにリンクする
ハイパーリンクが一度に接続できるのは 1 ページのみであることは誰もが知っています。ドキュメントをさまざまなフレーム ページで一度に開きたい場合は、JavaScript の「URL に移動」動作を使用できます。フレーム付きの Web ページを開き、テキストまたは画像を選択して、[アクション] パネルから [URL に移動] を選択します。 Dreamweaver では、使用可能なすべてのフレームが [URL に移動] ダイアログ ボックスに表示されていることがわかります。リンクしたいフレームの 1 つを選択して対応する URL を入力し、次に別のフレームを選択して別の URL を入力します。
4. ファイルに中国語の名前を付けないでください。Web
ページを作成した後、通常は Web ページに代表的な中国語の名前を付けます。第 1 に、ファイル名を見ればファイルの内容が大まかに理解できます。さまざまなハイパーリンク間の相互呼び出しを容易にすることができます。ただし、Dreamweaver でこれを行うと、Dreamweaver は中国語のファイル名をあまりサポートしていないことがわかり、誤ったページ呼び出しが頻繁に発生するため、今後 Dreamweaver で Web ページを保存するときは、英語または数字を使用するようにしてください。ファイル名を変更することで、上記のエラー現象を回避できます。
5. フォントの解像度を上手に設定する
Web ページを作成していると、作成した Web ページがローカルのコンピュータで閲覧すると正常であるのに、別のコンピュータで閲覧すると元の美しい Web ページになるという経験をよくします。奇妙なことに、これはなぜでしょうか。各コンピュータの解像度は、ホームページを異なる解像度で正常に表示できるようにするためのものであることがわかりました。これは、Dreamweaver でより適切に解決されました。 Dreamweaver は、ドキュメントウィンドウの右下隅に、現在のドキュメントが設計されている解像度サイズを表示します。どの番号をクリックすると、ポップアップ メニューで現在のページの表示解像度を指定でき、変更してホームページをより柔軟にすることができます。異なる解像度のモニターでもより適切に表示できるようにします。
6. タグを巧みに非表示にします。
非表示の要素が Web ページに挿入された場合、Dreamweaver は非表示の要素を選択できるように、対応する要素タグをページに自動的に追加します。しかし、これは必ずしも良いことではありません。たとえば、多数のレイヤーを含むページの最初の行に表を挿入すると、レイヤー要素が多すぎるため、表が自動的にページの最初の行に戻ってしまいます。 2行目は、閲覧時の効果には影響しませんが、作業に支障をきたします。したがって、要素ラベルが煩わしいと感じた場合は、単純にそれをブロックします。方法は、Ctrl+U を押して環境設定パネルを開き、カテゴリで非表示要素を選択すると、すべての要素ラベルがパネルの右側に表示されます。不要な要素タグの前のチェックマークを外していただければ、今後その要素タグが出現しないことが保証されます。
7. ドラッグ アンド ドロップのテクニックを活用する
Dreamweaver を使用して Web ページを編集する場合、挿入する画像が多数あると、従来の操作では非常に面倒になります。方法。ドラッグ アンド ドロップ技術を使用すると、この問題をうまく解決できます。まず、Dreamweaver の操作ウィンドウをアクティブ ウィンドウにして、エクスプローラー ウィンドウを表示するためのスペースを確保します。挿入する画像ファイルを見つけたら、それらをマウスで Web ページの適切な部分に 1 つずつドラッグします。これらの画像は、ファイルの HTML コードに自動的に追加されます。もちろん、ドラッグした画像ファイルは gif、jpg などの Web 画像形式のファイルである必要があります。すでに Web ページ上にある画像についても同様で、画像をドラッグするだけです。ただし、ドラッグされた画像にハイパーリンクがある場合は、ハイパーリンク アドレスのみがドラッグされるため、ドラッグ テクノロジを使用することはできません。
8. 更新時間を自動的に設定する
Web ページの繰り返し訪問を増やすには、常に更新することが非常に重要です。しかし、個人の Web ページの場合、毎日時間内に更新するのは簡単ではないかもしれません。したがって、Web ページが自動的に更新されるようにしたいと考えています。以下の作者は、このソース コードを...< /BODY> に追加するだけで済みます。時刻の更新:
< Script Language="JavaScript"> </script>;2 つ目は、Dreamweaver で [テキスト]/[カスタム スタイル]/[編集]/[スタイル シート]/[新規]/[HTML タグの再定義] をマウスでクリックし、そこから を選択します。装飾で「なし」を選択し、最後に「OK」をクリックすれば完了です。
12. テキストを巧みにコピーする
複数の異なるアプリケーション間でテキストをコピーすることは、実際の仕事でもよく行われることです。ただし、Dreamweaver から編集領域のテキストを別のアプリケーションにコピーすると、HTML コードとテキストが一緒にコピーされます。通常は、ショートカット キー Ctrl - を使用します。コピー時に C キーを押すと、Dreamweaver は選択したテキストのみをコピーします。
13. ショートカットキーを上手に活用する
. Dreamweaverでは、Ctrl-BやCtrl-Iを使って文字に太字や斜体を適用するなど、ショートカットキーを利用することもできます。次のキーボード ショートカットを選択してください。 テキストには HTML 形式が適用されます。 Ctrl-0: 書式なし Ctrl-T: 段落 Ctrl-1: 見出し 1 Ctrl-2: 見出し 2 Ctrl-3: 見出し 3 Ctrl-4: 見出し 4 Ctrl-5: 見出し5 Ctrl-6 : Title 6
14. Web ページを自動的に閉じる
指定した時間内に Web ページを自動的に閉じるには、Web ページのソース コードのタグの後に次のコードを追加します。 < script LANGUAGE ="JavaScript"> </ /script> ここで、コードの 3000 は 3 秒を意味し、ミリ秒単位で測定されます。
15.
Dreamweaver を使用して非常に複雑なエフェクトを作成する場合、特定のテーブルや画像などを繰り返し使用する必要がある場合があります。 Web ページ内で複数のオブジェクトに名前を付けると、これらのオブジェクトを繰り返し使用すると面倒になったり、エラーが発生したりする可能性があります。これらのオブジェクトを呼び出しやすくするために、新しいオブジェクトを作成するたびに、代表的で覚えやすい名前を付けることを忘れないでください。これらのオブジェクトに名前を付けるときは、オブジェクトの「プロパティ」パネルから行うことができます。
16. 画像リンクに動的な効果を追加する リアルな
効果を実現するために、マウスがリンク上を移動するときに動きがあることが望ましい場合があります。この効果は、Dreamweaver を使用して簡単に実現できます。デザインをする際には、まず元の画像とマウスを上に移動させた後の画像の 2 つの画像を用意する必要があります。次に、最初の画像をマウスでクリックし、プロパティ パネルのリンク列にリンクするファイルを入力し、キーボードの F8 キーをクリックし、ポップアップの [動作] ウィンドウで「+」記号をクリックして、 「画像を交換」を選択し、表示されるウィンドウで 2 番目の画像を選択し、最後に「OK」をクリックします。