2. ファイルのタイトルをすばやく変更します。新しいファイルを作成するとき、多くの場合、ファイルのタイトルの内容は無視され、後で変更する必要がある場合、各ファイルを開いて個別に変更する必要があります。実際、この作業はサイト ウィンドウで簡単に完了できます。サイト ウィンドウの [表示] メニューの [ページ タイトルの表示] を開くと、サイト ウィンドウ内のファイルに元のファイル名の代わりにファイル ヘッダーが表示されます。デフォルトのファイルヘッダーは「無題のドキュメント」です。2 回クリックして、デフォルトのテキストを必要なファイルヘッダーに変更します。図に示すように:
3. サイト マップを迅速に生成します。現在のサイトのすべてのファイル構造を含むサイトマップを作成する必要があるが、適切な方法が見つからない場合があります。 Dreamweaver 自体にはこの機能があります。方法は次のとおりです。 [ファイルを開く - サイト マップの保存] コマンドを実行し、ポップアップ ダイアログ ボックスに保存したファイル名を入力すると、.bmp または .png 形式のサイトがルート ディレクトリに自動的に生成されます。現在のサイトの写真。
2. ページレイアウト段階のテクニック
Dreamweaver は優れたページ作成ツールであるだけでなく、正確なページの組版とレイアウトを実行することもできます。このセクションでは、いくつかのページ レイアウトのテクニックを紹介します。
1. 補助フォームを開きます。デザインを担当した友人は、Web ページの要素を正確に配置したいと考えており、各要素を自分の希望に応じて正確に配置できることを気に入っています。 Dreamweaver に付属するグリッド機能は、この希望を実現するのに役立ちます。 [表示] - [グリッドの編集] コマンドを実行して、座標支援をオンにします。グリッドまたはポイント表示を選択し、今後新しい要素を挿入または追加するときに、設定に従って正確に配置されます。
2. テーブル レイアウト ページのテクニックを使用します。 Dreamweaver のテーブル関数を適切に使用すると、ページを美しくするという目的を簡単に達成できます。以下にいくつかのテクニックを紹介します。
1) 1pxの枠線を作成します。 Dreamweaver では単一ピクセルのテーブルの境界線を作成できないと不満を漏らす友人もいます。実際、テーブルのプロパティ パネルを注意深く使用すると、そのような単一ピクセルのテーブルを作成できます。まず、オブジェクト パネルを使用してテーブルを挿入し、テーブルの幅、高さ、行と列を定義します。このとき、Dreamweaver に挿入されるテーブルのデフォルトの CellPad、CellSpace、Border はすべて 0 です。プロパティ パネルでテーブルの Border を 0、CellPad を 5 に定義します (これにより、セル内のコンテンツとセルの端の間に 5 ピクセルが維持されます)。CellSpace は 1 (これにより、セル間に 1 ピクセルが維持されます)。アイテム）。テーブルの背景色を暗い色 (#999999 など) に設定し、セルの背景色を明るい色 (#FFFFFF など) に設定します。閲覧して効果を観察するだけです。
2) データテーブルをインポートします。 Excel ファイルで作成したテーブルを Dreamweaver にインポートする必要がある場合があります。元の Excel ファイルをタブ区切りの .txt テキスト ファイルとして保存できます。 Dreamweaver で「挿入 - 表形式の日付」を実行すると、次のウィンドウが開きます。
各パラメータを追加した後、データを Dreamweaver のテーブルにインポートできます。
3) テーブルをフォーマットします。各セルのパラメータを繰り返し設定するのが面倒な場合は、[コマンド] メニューにある [テーブルの書式設定] コマンドを使用して、Dreamweaver の複数のテーブルのカラー スキームを選択できます。選択したテーブルに配色が自動的に適用されます。図に示すように:
4. テーブルとレイヤー間の交換。ページのコンテンツを自由に配置することを好む友人もいますが、テーブルの仕組みが好きではありません。実際、柔軟なレイヤーを使用してページ コンテンツを配置し、満足したらそれを表に変換できます。変換したいレイヤーを選択し、「修正」→「変換」→「レイヤーをテーブルに」コマンドを実行します。図に示すように:
5. 複数のフレーム ページを同時に更新します。リンクをクリックしたときに、他の 2 つ以上のフレーム ページのコンテンツを同時に更新する必要があります。これは、Dreamweaver の動作を使用して次の手順で実現できます。
1) リンクのテキストまたは画像を選択します。
2) [動作] パネル ([動作]) を開き、プラス記号をクリックして [URL に移動] 動作を追加します。
3) [URL に移動] ダイアログ ボックスでは、現在存在するすべてのフレーム ウィンドウが表示され、それぞれウィンドウ名を選択し、各ウィンドウで更新するファイルの内容を個別に設定できます。 Dreamweaver では、ターゲット ファイルが設定されているウィンドウの後に「*」記号が追加され、このフレーム ウィンドウに URL が設定されていることを示します。
4) 完了したら [OK] をクリックします。このリンクをクリックすると、複数のウィンドウの内容が同時に更新されます。
3. 内容
コンテンツをより速く、より便利に整理する方法は、すべての友人が知りたいことです。次のヒントを知っているかどうかはわかりませんが、重要なのは、継続的に使用することでその利点を発見できることです。
1. クイックラベル編集。手書きコードに慣れている友人の場合、多くの場合、コード ウィンドウに切り替えてコードを手動で追加する必要があります。実際、Dreamweaver のクイック タグ エディターを使用すると、さまざまな HTML タグをすばやく挿入できます。その 1 つは、プロパティ パネルをクリックすることです。
アイコンの挿入、別のショートカットは Ctrl+T です。どちらの方法でもクイック タグ編集が開きます。以下に示すように、リストから必要なソース コード タグを直接選択できます。
2. 画像の境界線をすばやく追加します。 Web ページに挿入される多くの画像には枠線がありません。これを行うために画像処理ソフトウェアを開く必要がない場合があります。 1 つの方法は、画像を選択し、プロパティ パネルで境界線を 1 ピクセルに直接定義することです。これにより、画像に 1 ピクセルの境界線が追加されます。もう 1 つの方法は、スタイルとして img タグを直接定義することです。すべての辺に 1 ピクセルを設定すると、Web ページに挿入されたすべての画像に同じ境界線が付きます。図に示すように:
3. ドラッグしてリンクを追加します。 Dreamweaver は、ドキュメントからサイト内の他のファイルへのリンクの直接ドラッグをサポートしています。図に示すように、サイト ウィンドウとドキュメント ウィンドウを並べて配置できます。
次に、ドキュメント内でリンクする必要があるテキストを選択し、プロパティ パネルを開き、以下に示すように、リンク アドレス バーの後のファイルへのポイントをサイト ウィンドウのターゲット ファイルにポイントします。
4. 背景音を追加する方法。 Dreamweaver へのマルチメディア サウンド ファイルの挿入について、多くの友人が少し混乱しています。実際、Dreamweaver 作業ウィンドウの左下隅にあるタブをクリックして、[動作] パネルを開き、[+] 記号をクリックします。ポップアップ動作ウィンドウで、「サウンドの再生」を選択し、「必要なサウンド ファイルを追加できます」を選択します。ドキュメント ウィンドウでサウンド ファイルのロゴを選択し、プロパティ パネルで [パラメーター] をクリックして、図に示すように、BGM のループ数、自動再生するかどうか、およびその他のプロパティを設定します。
4. 美化
Web ページのさまざまな要素を美しくするのは時間がかかり、必ずしも効果的であるとは限りません。次のヒントが少し役立つかもしれません。
1. カラースキームをすばやく作成します。各リンクステータスのテキストの色を設定する必要があることがよくあります。自分の色のセンスがあまり良くないと感じているため、いつも色を合わせるマニュアルを探している人もいます。実際、Dreamweaver 自体にはすでにいくつかのカラー スキームが付属しています。[コマンド]、[カラー スキームの設定] コマンドを開くと、多くのカラー スキームのセットがあり、それぞれが背景色、テキストの色、各リンクの色を定義していることがわかります。選択する必要があるのは 1 種類だけです。下の図を参照してください。
2. CSS リンク スタイルのスキル。テキスト リンクには通常、リンク、ホバー、アクティブ、訪問済みの 4 つの状態があります。通常、テキスト リンクの状態ごとに異なる色とスタイルを定義しますが、友人は、閲覧時に、定義したスタイルが期待どおりに表示されないことに気づきます。主な理由は、スタイル シートでのリンクの定義順序には特定の要件があるためです。正しい順序は A:link、A:visited、A:hover です。実際、普通の友人の場合は、ホバー ステータスを変更したいだけであることが多いのですが、ちょっとしたコツは、上記の方法に従ってリンク スタイルを定義するのではなく、a と a:hover ステータスのスタイルのみを定義することです。ホバー状態だけが他の状態と異なります。修正方法は以下の通りです。
3. 接続テキストと下線を異なる色で作成します。通常のリンク テキストとリンクの下線は同じ色です。実際、Border には、Border の色とスタイルが指定されている限り、スタイル シートの Border 属性を使用して通常のリンクの下線を置き換えることもできます。この目的は、テキストのさまざまな色の定義によって達成できます。たとえば、以下に示すように、[境界線] オプションでテキストを黒、下線を赤として定義できます。
5. 効率を上げるためのテクニック
Dreamweaver には、ライブラリ プロジェクトの作成、テンプレートの使用、履歴パネル機能、検索と置換機能など、作業効率を大幅に向上させるコマンドも多数含まれています。ここでは、これらのコマンドの威力を実証するための小さなトリックをいくつか紹介します。
1. Word ファイルをクリーンアップするためのヒント。一部の Word ファイルを HTML ファイルに変換する必要があることがよくありますが、この変換の結果、生成される HTML ファイルは非常に大きくなり、Dreamweaver のいくつかの機能を使用すると、無駄なコードを簡単にクリーンアップできます。まず、Word によって生成された HTML ファイルを開き、[コマンド] メニューの [Word HTML のクリーンアップ] コマンドを実行します。プログラムは元の Word バージョンを自動的に識別し、不要なコードを削除します。ただし、この時点のファイルにはまだ多くの繰り返しコードが含まれており、主に多数の
タグが含まれています。[コマンド] メニューで [HTML のクリーンアップ] コマンドを再度実行し、ポップアップで [特定のタグ] オプションを選択します。コマンドを実行すると、span タグと p タグがすべてクリアされます。
ただし、現時点では、ファイル内の各画像属性には v:shapes="_x0000_i1025" のような属性も含まれており、これらの属性をクリアする必要があります。 [検索と置換] パネルを開き、以下に示すように置換ルールを設定します。実行後、すべての画像のこれらの属性がクリアされます。写真に示すように。
2. ファイルタイトルを素早く置き換えます。前に、サイト ウィンドウでファイル タイトルを置換できることを紹介しましたが、一度に 1 つのファイルのタイトルのみを置換できます。前の手順で紹介した検索と置換コマンドを使用して、複数のファイルのタイトルを置換してみることができます。ファイルを一度に。通常、新しく作成されたファイルのタイトルは「無題のドキュメント」になります。「編集」-「検索と置換」コマンドを開いて次の設定を行うと、「無題のドキュメント」というタイトルの現在のサイト上のすべてのファイルが独自のタイトルに置き換えられます。
3. デフォルトのドキュメント形式を設定します。上記の方法は高速ですが、新しいファイルを作成するたびに、デフォルトのファイル タイトルは依然として「無題ドキュメント」になります。新しいドキュメントを作成するときに、Dreamweaver はデフォルトのページをデフォルトの形式として呼び出すため、このファイルは Dreamweaver 4ConfigurationTemplatesDefault.html であり、背景色などの統一された形式をサイト内で設定できるようになります。 、フォント サイズ、ファイル タイトルなどを指定して、上記の Default.html ファイルに上書き保存します。今後新しいファイルを作成するとき、Dreamweaver は設定した形式を自動的に適用するため、作業効率が大幅に向上します。
6. アフターメンテナンス
さて、上記で多くの紹介を行った後、Web ページ作成スキルをいくつかマスターしましたが、完成したページにはエラーは含まれなくなりますか?あなたのリンクはすべて正しいリンクですか?あなたのページはどのブラウザーでも適切に動作しますか?サイト上に不要になったファイルがまだたくさんありますか?同様の問題がまだ多く存在しており、これらはサイトのその後の検出と保守に起因します。ここでは、さらにいくつかの検出後のテクニックを紹介します。
1. リンクの検出。メニューの [ファイル] - [リンクのチェック] コマンドを実行すると、Dreamweaver は以下に示すように、現在のサイト内のすべてのリンクと無効なリンクを自動的に検出します。
検出結果をダブルクリックすると、対応するページが自動的に開き、間違ったリンクを直接見つけることができるため、リンクエラーを修正するのに非常に便利です。
2. 不要なファイルを迅速に検出します。メニュー コマンド「サイト - リンクのチェック」を実行すると、サイト全体でリンク ファイル検出機能をオンにすることができ、この機能を使用してサイト内の不要なファイルをチェックして削除することもできます。上部のドロップダウン ボックスで [孤立したファイル] を選択するだけで、サイト内の不要なファイルがすべて下にリストされ、それらをすべて選択して Delete キーを押して削除します。
