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 ページ上にある画像についても同様で、画像をドラッグするだけです。ただし、ドラッグされた画像にハイパーリンクがある場合は、ハイパーリンク アドレスのみがドラッグされるため、ドラッグ テクノロジを使用することはできません。