1. サイトを定義します。
1. 任意のルート ディレクトリ (ここではドライブ E であると仮定します) にフォルダを作成します。たとえば、MyWeb という名前を付けます。
***注意: Web サイトで使用されるすべてのファイルには英語名が必要です。
2. Dreamweaver を開き、[サイト - 新しいサイト] を選択してダイアログ ボックスを開きます。 [サイト名] に Web サイトの名前を入力し (中国語も可能です)、ローカル ルート フォルダーに先ほど作成したフォルダー (E:web) を選択します。次に、確認します。
***注: Dreamweaver を再度開くと、作成したばかりのサイトが自動的に表示されます。複数のサイトがある場合は、メニュー「サイト - サイトを開く」で選択できます。
2. ページの作成
1. ローカル フォルダー E:MyWeb の下の空白スペースで、右クリックして [新しいファイル] を選択し、ページを作成します。デフォルトのファイル名は untitled.htm です。 htm は、この Web ページ ファイルが静的 HTML ファイルであることを意味します。名前をindex.htmに変更します。
***Web サイトの最初のページの名前は、通常、index.htm または Index.html です。他のページの名前は自分で決めることができます。
2.index.htm をダブルクリックして、ページの編集状態に入ります。タイトル ボックスに Web ページの名前を入力し、右クリックして [ページ プロパティ] を選択し、[ページ プロパティ] ウィンドウを開きます。ここでは、Web サイトのタイトル、背景色または背面画像、ハイパーリンクの色 (通常はデフォルトで十分です) を設定し、その他はすべてデフォルトのままにすることができます。
3.このときカーソルは左上隅にあり、「ホームページへようこそ」などの文章を入力できます。テキストを選択し、[ウィンドウ/プロパティ] メニューを使用してプロパティ パネルを開き、テキスト サイズを 6 に選択してテキストを中央に配置し、テキストの前にいくつかの改行を使用して中央に配置します。ページ。
4.フォントを選択するには、「フォント: フォントリストの編集」の最後の項目を選択します。次に、ダイアログ ボックスで + 記号を選択し、[利用可能なフォント] 列のフォント リストに追加する必要があるフォントを選択し、中央のボタンをクリックして追加します。
***Web ページで最も一般的に使用されている漢字は Song フォントです。特別なフォントをリストに追加して使用しないでください。コンピュータに特殊なフォントがインストールされていない場合、他の人はそれらのフォントを見ることができません。必要な場合は画像化してからご使用ください。
***Web ページ上でスペースを入力するには、入力方法を全角に調整する必要があります。
***Web ページ上で行を折り返す方法は、Shift+Enter です。 Enter キーを押すだけで段落を変更できます。
3. ページに画像を追加します。
1. ローカル フォルダ E:MyWeb の下の空白スペースで、右クリックして [新しいフォルダ] を選択します。これにより、フォルダが作成され、その名前を tu または pic に変更できます。または画像はOKです。
2. メニュー「ウィンドウ/オブジェクト」を使用してオブジェクトパネルを開き、「画像の挿入」をクリックして、ダイアログボックスに挿入する画像を選択します。 「このファイルをルート フォルダーにコピーしますか?」というダイアログ ボックスが表示された場合は、「はい」を選択して、作成したフォルダーにファイルを保存する必要があります。
3. 画像を選択し、プロパティ パネルを開きます。ここで、画像に名前を付けたり、画像の高さと幅をリセットしたり、画像の隅にある点をドラッグしてサイズを変更したりできます。 Shift キーを押したまま隅の点をドラッグすると、アスペクト比を維持しながら画像を引き伸ばすことができます。元のサイズに戻すには、右下隅の「サイズ変更」ボタンをクリックします。
4.「リンク」はここにアドレスを直接入力できます。 「置換」は画像の説明、つまりマウスが画像をポイントしたときに表示されるテキストです。「境界線」は画像の境界線の幅、「配置」は位置合わせ方法です。
4. ハイパーリンクの追加
1. テキストにリンクを追加します。
たとえば、ページに「My Article」と入力して選択し、プロパティ パネルを開き、[リンク] ボックスでリンク先のページを選択します。次の「ターゲット」ボックスでは、通常、現在開いているウィンドウの代わりに self を使用して新しいウィンドウを開くか、空白を選択して新しいウィンドウを開きます。
2. 上のテキストへのリンクと同じ方法で画像へのリンクを追加し、プロパティ パネルのリンク ボックスで画像を選択します。
****写真はさまざまな複数のリンクを作成できます。その方法は次のとおりです。
プロパティパネルの「マップ」項目の下にいくつかのグラフィックがあります。たとえば、四角形をクリックすると、カーソルが十字に変わり、画像上に青い長方形のホットゾーンを描画できます。プロパティ パネルでこのホット ゾーンのアドレスを選択すると、マウス ポインタが表示されます。同様に、円を使用してホットスポットを設定すると、画像に他のリンクを設定できます。
3. 電子メール リンクを追加します。電子メール リンクを追加するテキストまたは画像を選択し、プロパティ パネルを開き、[リンク] ボックスに電子メール アドレスを入力します。形式は次のとおりです: mailto: 電子メール アドレス。間にスペースは入れないことに注意してください。
4. exe、Zipなど、ブラウザで開けないファイルへのリンクの場合、閲覧者がリンクをクリックすると、ファイルのダウンロードまたはオンライン再生機能が実現します。
5. テーブルの使用
1. [挿入/テーブル] をクリックして、設定用のテーブル パネルを開きます。行、列、幅、境界線などの数、「セルの塗りつぶし」はセルの内側と内容の間の距離、「セルの間隔」はセル間の距離、単位はピクセルです。
2. 表を挿入した後、表の境界線をクリックして表全体を選択します。次に、下のプロパティパネルでさまざまな設定を行うことができます。
3. カーソルをいずれかのセルに移動すると、現在表示されているプロパティ パネルがセルのプロパティ パネルになります。セルに対してさまざまな操作を実行することもできます。背景色、背景画像、枠線、結合、分割など。
6. テーブルに対するその他の操作
- 細い線のテーブルを作成する原理:
1. テーブル全体を選択し、その背景を黒に設定します (この色はテーブルの線の色です)。
2. すべてのセルを選択し、背景を白に設定します。
2. 表を自動的にフォーマットする 1. まず表を作成し、それを選択します。
2. メニューから「コマンド/フォーマットテーブル」を選択します。つまり、いくつかのプリセットされたテーブル スタイルを選択できます。
Sany Pixel Divider 1. 1 行 1 列、幅 200 ピクセル、境界線とマージン 0 の表を挿入します。
2. テーブルを選択し、テーブルの高さを 1 ピクセルに設定し、背景色 (目的の線の色) を設定します。
3. コードと設計ウィンドウに切り替えて、コードを削除します。
7. 表を使用して完全なページ
- Web ページの上部 (通常はアイコン、広告、ナビゲーション メニューを含む)
を構築します。
1. 1 行 2 列、幅 760 ピクセル、境界線とマージン 0 の表を作成します。
2. テーブルを選択し、配置を中央揃え、背景色を#3366CCに設定します。
3. 左側のセルにカーソルを置き、水平方向の配置を左揃え、垂直方向の配置を上揃えに設定し、通常、ここに Web サイトのアイコン、つまりロゴが挿入されます。
4. 右側のセルにカーソルを置き、幅を 500 に設定し、水平方向の配置を中央に、垂直方向の配置を中央に揃えて、画像 (通常は Web ページの広告) を挿入します。バナー。
5. 作成した表の後にカーソルを置き、「挿入/表」をクリックして、1 行 1 列、幅 760 ピクセル、境界線とマージン 0 の表を作成します。
6. 作成した表を選択し、配置を中央揃え、背景色を #005173 に設定します。
7. 複数の画像をナビゲーション バー メニューとしてテーブルに次々に挿入します。
2. Web ページの中央部分 (左側にコラム一覧、中央に Web サイトのニュース、右側にコラム一覧)
1. ナビゲーション バー テーブルの後に、[挿入/テーブル] をクリックして、1 行 3 列、幅 760 ピクセル、境界線とマージン 0 のテーブルを作成します。そして、配置モードを中央揃え、背景色を#FFFFFFFFに設定します。
2. 左のセルにカーソルを置き、幅を 18% に設定し、水平方向に中央に配置し、垂直方向に上部に配置して、画像とナビゲーション バーを挿入します。
3. 挿入した画像の後にカーソルを置き、「挿入/表」をクリックして、12 行 1 列、幅 90% の表を挿入します。セル間隔を 1 に設定し、背景色を #CCCCCC に設定します。
4. 表の最初のセルにカーソルを置き、高さを 20、背景色を #FFFFFF に設定します。挿入/画像。ナビゲーション テキストの前に小さなドットを挿入します。残りの11個のセルも同様に設定すると、左の列分類リストが完成します。
5. メインテーブルの中央のセルにカーソルを置き、幅を 66% に設定し、水平方向に中央に配置し、垂直方向に上部に配置してから、/image を挿入してナビゲーション バーを挿入します。
6. 画像の後にカーソルを置き、「挿入/表」をクリックして、4 行 1 列、幅 95% の表を挿入します。セル間隔を 1 に設定し、背景色を #CCCCCC に設定します。
7. テーブルの最初のセルにカーソルを置き、マウスをドラッグして 4 つのセルすべてを選択し、高さを 60 に、背景色を #FFFFFF に設定します。
8. メインテーブルの右側のセルにカーソルを置き、幅を 16% に設定し、水平方向に中央に配置し、垂直方向に上部に配置し、挿入/画像を使用してナビゲーション バーを挿入します。
9. 画像の後にカーソルを置き、「挿入/表」をクリックして、7 行 1 列、幅 90% の表を挿入します。間隔を 1 に設定し、背景色を #CCCCCC に設定します。
10. Ctrl キーを押したまま、挿入した表のセル 1、3、5、および 7 をマウスでクリックし、高さを 55、背景色を #FFFFFF に設定します。
11. セル 2、4、6 を選択し、高さを 6、背景色を #FFFFFF に設定します。
12. ソース コード ウィンドウに切り替え、セル 2、4、および 6 のスペース記号「 」を削除します。
3 つの Web ページの下部 (通常、著作権情報およびその他の関連コンテンツが含まれます)
1. メインテーブルにカーソルを置き、[挿入/テーブル] をクリックして、2 行 2 列、幅 760 ピクセル、境界線とマージン 0 のテーブルを作成します。
2. テーブルを選択し、配置を中央揃え、背景色を#3366CCに設定します。
3. 表の行 1 の左のセルにカーソルを置き、幅を 50%、水平配置をデフォルト、垂直配置をベースライン、背景色を #FFFFFF に設定し、コンテンツの色を入力します。あなたが望むものは何でも。
4. テーブルの行 1 の右セルにカーソルを置き、[挿入/画像] をクリックして丸い画像を挿入し、その後ろに「電子メール」という単語を入力し、そのサイズと色を 1 および #FFFFFF に設定します。
5. Insert/Form Object/Text Field、テキストフィールドを挿入します。幅は任意です。
6.挿入/画像、GO画像を挿入します。
7. ページのプロパティを設定します。 [編集/ページ プロパティ] メニューをクリックし、[タイトル] 列にタイトルを入力し、背景画像を選択して、上枠を 0 に設定します。
*** Web ページ全体をさまざまな部分に分割し、それらをさまざまなテーブルで結合すると、ブラウザがページを読み取るのにかかる時間を短縮できます。 ; ブラウザは表全体を読み取った後にコンテンツを表示するため、表全体をフレーム化しないことをお勧めします。
8. レイアウト テーブルを使用して完全なページを作成します
。 1. [挿入/レイアウト] をクリックすると、内部のレイアウト ビュー ボタンがレイアウト ビュー状態に切り替わります (デフォルトは標準ビュー)。メニューのView/Table View/Layout Viewからも入力できます。
2. まず [レイアウト テーブルを作成] ボタンをクリックし、図面のようにページ上にレイアウト テーブルを作成します。
3. 前の例と同様に、Web ページの上部、中央、下部の順に大きな表を描画します。
4. 再度「レイアウトセル描画」ボタンをクリックし、既に描画されているレイアウトテーブルにレイアウトセルを描画します。
5. 標準ビューに戻り、分割されたテーブルに小さなネストされたテーブルを挿入し、ページを調整し、ページ全体のデザインを完成させます。
****このような Web ページの閲覧速度が非常に遅くなるため、ページ全体を大きなレイアウト テーブルに配置する場合は注意してください。ページのレイアウトとコンテンツに応じていくつかのレイアウト テーブルを分割し、そこにレイアウト セルを挿入する必要があります。
9. レイヤーの使用
1. [挿入/レイヤー]をクリックします。アイコンをクリックしてマウスをドラッグしてレイヤーを作成することもできます。
3. 作成したレイヤーを選択し、プロパティ パネルを確認します。デフォルトの「レイヤー番号」と「ラベル」をそのまま使用します。プログラミングには「層番号」が必要ですが、現在は一般的には使用されていません。 「上」はページの上端からの距離、「左」は左端からの距離です。 「z 軸」はレイヤーの順序であり、大きな数字が小さな数字の上に積み重ねられます。
****色が設定されていない場合、レイヤーは透明になります。
4. 中間レイヤーの左上隅にある小さなボックスをクリックしてレイヤーをドラッグすると、サイズを調整することもできます。
5.「オーバーフロー」欄では、テキストがレイヤーのサイズを超えた場合、表示(超えた部分は表示されたまま)、非表示(超えた部分は非表示)、スクロール(オーバーフローの有無に関わらずスクロールバーが表示されます)超過)、自動(超過した場合にのみスクロールバーが表示されます)。
6. メニュー「ウィンドウ/その他/レイヤー」をクリックすると、レイヤー管理ウィンドウが表示されます。そこでレイヤーの名前と Z 軸の値を変更したり、目のアイコンをクリックしてレイヤーを表示または非表示にしたりできます。重複を防ぐオプションもあります。
7. レイヤーの位置合わせ。 Shift キーを押したまま複数のレイヤーを同時に選択します。次に、ここのオプションを使用して、[修正/位置合わせ]を使用します。
8. ネスト層。 ⑴まず文書内にレイヤーを挿入します。 ⑵ レイヤー内にカーソルを置き、引き続きレイヤーを挿入して、ネストされたレイヤーを取得します。 ⑶内側を子層、外側を親層と呼びます。 Z 軸の順序は同じです。親レイヤーをドラッグすると、子レイヤーも相互に相対的に移動します。子レイヤーを移動しても、親レイヤーは一緒に移動しません。
10. タイムラインを理解する
1. メニューの「挿入/レイヤー」をクリックしてレイヤーを挿入します。
2. 飛行機の写真などの写真をレイヤーに挿入します。 (ここの画像は小さなアニメーション .gif 画像でも構いません)
3. メニューの「ウィンドウ」/「その他」/「タイムライン」をクリックして、「タイムライン」ウィンドウを開きます。
4. ページ上に作成したレイヤーを選択し、レイヤーの左上隅にある小さなボックスのアイコンをマウスで押したまま、レイヤーをタイムラインの最初のフレームにドラッグします。このとき、15フレームの長さのタイムラインが自動作成されます。
5. タイムラインでフレーム 1 を選択し、ページ上のレイヤーをページの左上隅 (アニメーションが開始される位置) にドラッグします。
6. タイムライン上のフレーム 15 を選択し、フレームを任意の長さ (30 フレームなど) までドラッグします。
7. 30フレーム目を選択し、レイヤーをページ右下にドラッグすると、ウィンドウには1フレーム目から30フレーム目までのレイヤーの移動軌跡が表示されます。 (この時の動きは直線です)
8. 15 番目のフレームをクリックし、右クリックして [キーフレームの追加] を選択し、レイヤーをページの中央と下部にドラッグします。
9.「自動再生」項目にチェックを入れます。
11. ローリング掲示板を作る
1. ページ上にレイヤーを挿入し、そのレイヤーの背景を掲示板の枠として設定します。
2. 次に、作成したレイヤーにネストされたレイヤーを挿入し、ネストされたレイヤーを親レイヤーの下に移動します。
3. ネストされたレイヤーにテキストを入力し、中央に配置します。
4. タイムラインパネルを開き、サブレイヤーをオブジェクトとしてパネルに追加します。
5. 子レイヤーの上向きのパスを作成し、親レイヤーの上に移動します。
6. 最後のキーフレームをドラッグしてアニメーション時間を増やし、「自動再生」と「ループ」にチェックを入れます。
7. 親レイヤーを選択し、そのプロパティ パネルで「オーバーフロー」プロパティを「非表示」に設定します。
12. ページで Flash アニメーションを使用する
1. [挿入] の [Flash] ボタンをクリックして、ページにアニメーションを挿入します。 [挿入/メディア/フラッシュ] メニューを選択して、この手順を完了することもできます。
2. 挿入したアニメーションを選択し、プロパティ パネルを確認します。ここで幅と高さを設定したり、ドラッグしてサイズを変更したりできます。
3. ここで「再生」をクリックすると、アニメーションをプレビューできます。
13. 挿入したFlashアニメーションを透明にする
1. Webページにすでに背景がある場合、または写真の上にFlashアニメーションを挿入したい場合で、Flashアニメーション自体にも背景色があるため、見た目に影響します。 、次に、それを透明なアニメーションにする必要があります。
2. たとえば、ページに画像を挿入します。
3. 画像上にレイヤーを挿入し、そのレイヤーに必要な Flash アニメーションを挿入します。
4. Flashアニメーションを選択し、プロパティパネルの「パラメータ」ボタンをクリックします。
5. 「パラメータ」の左側のボックスに「wmode」と入力します。右側の「値」ボックスに「transparent」と入力します。
14. ページ上でサウンドを再生する
1. ページ全体を完成させた後、ページに BGM を追加したい場合は、通常、BGM は *.midi ファイルであることに注意してください。このようなサウンド ファイルは非常に小さく、簡単にダウンロードできます。他のフォーマットはBGMとしては適していません。
2. ページ上のすべてのテーブルに加えて、(この時点では編集ウィンドウの左下のラベル選択バーにこのアイテムのみが表示されていることに注意してください。または、左下隅をクリックしてこの動作が追加されていることを確認します)ページ全体に)。動作ウィンドウの「+」ボタンをクリックします (または、メニュー「ウィンドウ/動作」を使用して動作ウィンドウを開きます)。
3. ポップアップメニューから「サウンドの再生」を選択します。ダイアログボックスを開きます。
4. このダイアログボックスの「参照」で再生したいサウンドを選択し、確認します。
5. このとき、動作パネルにはイベントが onload として、アクションがサウンドの再生として自動的に表示されます。この行をクリックすると、中央にボタンが表示されます。ボタンをクリックして、このサウンドが再生されるイベントを設定します。 「イベントの表示」/「IE5.0」を選択できます。
6. 通常、Onload (ページが読み込まれるとき)、OnClick (マウスをクリックする)、OnMouseOver (マウスをオブジェクト上に移動する)、OnUnload (ページが閉じられるとき) などを使用します。
7. この動作は、画像やテキスト リンクにも設定できます。テキスト リンクでサウンドを再生する前に、まずテキストに空のリンクを追加します。つまり、テキストを選択してリンク ボックスに「#」記号を入力します。
15. ポップアップウィンドウ
1. まず、小さなウィンドウに表示されるページ (a.htm など) を作成します。ポップアップ ウィンドウはあまり大きくできませんので、コンテンツは少なくしてください。
2. 作成したページを開き、ページ上のすべてのテーブルの外側にカーソルを移動し、動作ウィンドウの「+」ボタンをクリックし、ポップアップ メニューから「ブラウザ ウィンドウを開く」を選択します。
3. ダイアログボックスに対応する設定を入力します。表示される URL は a.htm です。ウィンドウの幅と高さはピクセル単位で指定します。必要に応じて、プロパティのすべてのパラメータを確認します。
4. 設定が完了したら、「OK」をクリックします。このとき、動作ウィンドウにはブラウジングウィンドウを開く動作が表示されますが、必要ない場合は、起動条件を自分で設定してください。
5. この動作は、画像やテキスト リンクにも設定できます。 。
6. 訪問者へのオープン時の歓迎の表現、Web サイトのアナウンス、退室時の別れなどの表現に使用できます。
16. ステータス バー情報の制御
1. ページを開いて画像を選択します。
2. 動作ウィンドウの「+」ボタンをクリックし、テキストの設定/ステータス バーのテキストの設定を選択します。
3. ダイアログボックスの「メッセージ」欄に、この絵の紹介など、表示したい文字を入力します。
4. 動作のトリガー条件を OnMouseOver (マウスがオブジェクト上を移動する) に設定すると、マウスがこの画像の上を通過すると、関連情報がステータス バーに表示されます。
5. マウスを取り外した後にこのメッセージを消す必要がある場合は、この動作を再度使用し、「メッセージ」列に何も書き込まず、トリガー条件を OnMouseOut (マウスが取り外された) に変更します。
6. この動作はテキストにも設定できます。または、ページ全体に設定することもできます。
17. ポップアップ情報
1. 作成したページを開き、左下の項目をクリックします。動作ウィンドウの「+」ボタンをクリックし、ポップアップメニューから「ポップアップ情報」項目を選択します。
2.設定画面の「メッセージ」欄に表示したいメッセージを入力します。
3. トリガー条件が Onload (ページのロード時) に設定されている場合、ページを開くためのウェルカム メッセージとして使用できます。 OnUnload (ページが閉じられたとき) に設定されている場合、ユーザーがページを閉じたときのお別れメッセージとして使用できます。
4. テキストの特定の段落にポップアップ メッセージを設定することもできます。たとえば、他の人にテキストの一部をコピーさせたくない場合は、テキスト全体を選択します。<P> が段落である左下隅に表示されます。
5. 次に、同じことを行って、メッセージに著作権などのステートメントを入力します。トリガー条件を OnBeforeCopy (右ボタンを押したときにトリガー) または OnCopy (右ボタンを押してコピーしたときにトリガー) に設定するだけです。
18. ダイナミック写真ボタン
1. 同じサイズの写真を 2 枚用意します。一般的な方法は、1 枚をグレースケール写真として、もう 1 枚をカラー写真として使用することです。または、凹型のボタンが付いているものと、盛り上がったボタンが付いているものもあります。
2. 例: 3 行 1 列の表を挿入し、幅を 180 ピクセルに設定します。
3. カーソルを最初の行に置き、グレースケールの画像を挿入します。
4. プロパティ パネルの [リンク] 列にリンクするアドレスを入力し、画像に tu1 などの名前を追加します。
5. 動作ウィンドウの「+」ボタンをクリックし、ポップアップメニューから「画像の交換」を選択します。
6. このとき、「画像」欄に交換する画像が表示され、「Templeオリジナルファイルは」欄で交換する画像が選択されます。
7. 以下に「画像のプリロード」と「マウスがスライドしたときに画像を復元」という 2 つのパラメータがあり、両方とも選択する必要があります。
8. 同様に、他の 2 つの動的ボタンを作成します。
19. フレームを使用してページをレイアウトする
フレームは、フレームセットと個別のフレームという 2 つの主要な部分で構成されます。
1. 挿入されたフレームをクリックすると、定義された 13 個のフレーム スタイルが表示されます。上中下構造を例に考えてみましょう。
2.「上・中・下」のフレーム構造のアイコンをクリックすると、ページ上に上下2つのフレームが挿入され、ページ全体が3分割されます。上に「上」、真ん中に「中」、下に「下」と入力します。
3. まず保存します。メニューの「ファイル」/「すべて保存」をクリックします。このとき、まずフレームセット ファイルを保存し、kuangjia.htm などの名前を自分で変更できます。フレームセット内の他のページは個別に保存されます。該当ページを保存するとこの部分が点線枠で囲まれるので、上記部分をshang.htmとして保存できます。下の部分は xia.htm として保存されます。中間部分は zhong.htm として保存されます。
4. これまでに、フレームセットと、フレームセットを構成する上部、中間、下部のページの 4 つのページを保存しました。したがって、実際にはこのフレームは 4 ページで構成されているため、フレームを使用するとユーザーの閲覧速度が遅くなります。
5. 「ウィンドウ」/「その他」/「フレーム」をクリックしてフレームパネルを開きます。ここでフレームをクリックして選択します。フレームを選択すると、編集ウィンドウ内の対応するフレームに点線が表示されます。
6. 例: 上のトップフレームを選択すると、上のフレームのプロパティがプロパティ パネルに表示されます。また、中枠と下枠を選択し、それぞれのプロパティを個別に設定することもできます。
7. 編集ウィンドウで、2 つのフレーム間の境界にマウスを置くと、カーソルが上下の矢印の形に変わり、フレーム セット全体が選択されます。
8. このとき、フレームグループ全体のプロパティがプロパティパネルに表示されます。ここでは、フレームセットの枠線の有無、幅、色などを設定できます。しかし、最も重要なことは、ここで設定されたフレームの各フレームのサイズを設定できることです。
9. プロパティ パネルの右側のアイコンの上のフレームを選択し、その動作を 80 ピクセルに設定し、その境界線を 0 に設定します。
10. 下のフレームを選択し、行の高さを 30 ピクセル、境界線を 0 に設定します。
11. 中央のフレームを選択し、行の高さを 1 に、単位を相対に設定します。 (相対とは、他の行に対する現在の行の割合を意味します。これを 1 に設定すると、閲覧ウィンドウの上部と下部を除く残りのスペースをすべて占有することになります。
12. 例: topFrame にカーソルを置き、右クリックして [ページ プロパティ] を選択し、背景色を #FF6600 に設定します。次に、insert/table を実行し、1 行 2 列の表を挿入し、境界線の余白を 0 にします。最初のセルの幅を 116 ピクセルに設定し、画像を挿入します。 2番目のセルの横方向の配置を中央に、縦方向の配置を下に設定し、「Leo」、「Capricorn」、「Gemini」という単語を順に入力します。
13. 中央のフレーム mainFrame にカーソルを置き、右クリックして [ページ プロパティ] を選択し、背景色を #FFFFCC に設定します。次に、大きな画像を挿入します。
14. カーソルをbottomFrameに置き、右クリックして「ページのプロパティ」を選択し、背景画像を設定します。
15. 「獅子座」「山羊座」「双子座」のリンク先ページとして、さらに3ページを作成します。
16.「Leo」を選択し、プロパティでリンク先のページを設定し、「ターゲット」で「メインフレーム」を選択すると、中枠にコンテンツが表示されます。
17.「山羊座」と「双子座」にもリンクを設定します。
20. ジャンプメニュー
1. メインメニューの「挿入/フォームオブジェクト/ジャンプメニュー」をクリックします。 「挿入/フォーム」の「ジャンプメニュー」アイコンからもジャンプメニュー設定画面を表示できます。
2. まず「本文」欄に「該当するWebサイトを選択してください」と入力します。次に、ウィンドウ上の「+」ボタンをクリックします。現時点では、メニューには追加のオプションがあり、このオプションにはリンクがなく、ジャンプ メニューの説明テキストとしてのみ使用されます。
3. テキスト列に「Sina」などの目的の Web サイトを入力し、「選択時の URL」列に Web サイトのリンク アドレスhttp://www.sina.com.cnを入力します。 、メニュー項目 この列には別のオプションがあり、このオプションはネットワークのリンク アドレスに対応します。
4. 同じ方法を使用して、他のオプションと対応するリンクをメニューに追加します。 「上」ボタンと「下」ボタンを使用して順序を調整することもできます。
5. 設定ウィンドウで「メニューの後に移動ボタンを挿入」オプションを選択しないでください。 「URL変更後の最初の項目を選択する」項目を選択すると、ジャンプメニューを使用して特定のページに移動した後、ジャンプメニューページに戻った場合でも、そのページ内のジャンプメニューには最初の項目が表示されたままになります。デフォルトの内容。
6. 設定が完了したら「OK」をクリックします。
****ジャンプ メニューはフォームであるため、実際にはフォーム (赤い点線の領域) が最初に挿入され、次にドロップダウン メニューがフォームに挿入されます。
7. オプションを変更する場合は、ページ上のドロップダウン メニューを選択して、プロパティ パネルの [値のリスト] をクリックして、さまざまな内容を変更できます。
8. ジャンプ メニューが選択されると、動作は動作ウィンドウにも表示されます。動作をダブルクリックして設定ウィンドウに入り、リセットします。
9. 上記のように、[メニュー項目] の最初の項目がプロンプトではなくリンクである場合は、[オプション] で [メニューの後に移動ボタンを挿入] を選択します。 「進む」ボタンを追加します。
21. プラグインの使用(Dreamweaver 機能拡張)
1. まず、必要なプラグインをダウンロードします。ここでは、Animate Browser ウィンドウを例にします。ウィンドウのサイズを動的に変更するプラグインです。 Dreamweaver Extension Manager を開き、ダウンロードしたプラグインをインストールします。
2. Dreamweaverを起動し、作成したページで左下隅の<body>を右クリックし、ビヘイビアーウィンドウの「+」ボタンをクリックし、「ブラウザウィンドウをアニメーション化」を選択し、対応する設定を行います。ここでは、ウィンドウを開く前は高さと幅が 0 に設定され、開いた後は画面いっぱいに設定されます。トリガー条件は onLoad です。
22. ローリング字幕
1. ローリング字幕を挿入したい位置にカーソル挿入ポイントを置きます。
2. 挿入パネルの「タグセレクター」をクリックします。
3. マーキータグを選択し、「挿入」ボタンをクリックします。その後、「タグセレクター」を閉じます。
4. コードビューに切り替えます。 2 つのマーキー タグの間にカーソルの挿入ポイントを置きます。
5. 「ウィンドウ」/「タグインスペクター」を選択します。タグインスペクターでは、タグのさまざまな使用法を設定できます。
6. 動作設定項目の右側にあるドロップダウン矢印をクリックし、スクロールする字幕コンテンツの移動方法を選択します。 3 つのオプションの意味は次のとおりです。 代替: コンテンツは反対方向にロールされます。スクロール: コンテンツが同じ方向にスクロールします。スライド: コンテンツが字幕の境界線に触れるとスクロールが停止します。
7. 方向属性は、字幕コンテンツのスクロール方向を設定します。 4 つのオプションは次のことを意味します。 down: 下向きの動き。左: 左に移動します。右:右に移動します。上:上向きの動き。
8.scrollamount 属性は、字幕のスクロール速度を設定します。通常は 1 に設定されます。
9.scrollDelay 属性は、字幕コンテンツがスクロールされるときの一時停止時間をミリ秒単位で設定します。スクロールをスムーズに見せたい場合は、値をできるだけ小さくする必要があります。この例では、1 ミリ秒に設定されています。
10. width 属性は、ローリング字幕の幅を設定します。これは任意であり、たとえば 300 に設定されます。
11. onMouseOver イベントは、マウスが移動して字幕をスクロールするときのアクションを設定します。多くの場合、スクロールを停止するように設定されます。 onMouseOut イベントは、マウスがスクロール字幕から離れたときのアクションを設定し、多くの場合、スクロールを開始するように設定されます。これら 2 つの項目は選択できず、手動でのみ入力できます。 onMouseOver の後に「this.stop();」を入力し、onMouseOut の後に「this.start();」を入力します。
12. style 属性は、字幕コンテンツのスタイルを設定します。この例では、字幕のテキスト サイズを設定するには、「font:12px;」を手動で入力する必要もあります。
13. ループ属性は、字幕コンテンツがスクロールされる回数を設定します。デフォルト値は無制限です。 「-1」も無限大です。
14. すべてのコード: ローリング字幕コンテンツ
23. CSS スタイル シートの作成
1. Web ページにテキストを入力します。
2. 「CSS スタイル」パネルを開くか、「ウィンドウ/CSS スタイル」を使用してパネルを開きます。
3. パネルの下部には、「スタイルの追加」、「新規スタイル」、「スタイルの編集」、および「スタイルの削除」という 4 つのボタンがあります。
4. 「新しいスタイル」をクリックしてダイアログボックスを開きます。名前を入力します。名前の前にピリオドがあることに注意してください。たとえば、.zi という名前を付けます (中国語の名前は使用できません)。タイプ: カスタム スタイルを作成します。定義: このドキュメントのみ。
5. この時点で、別のダイアログ ボックスを開き、左側のカテゴリで [種類] を選択し、右側のフォントを Songdynasty、サイズを 14 ピクセル、任意の色に設定します。それでOK。
6. ページ上のテキストを選択し、ウィンドウ内の Style.zi をクリックします。この時点で、CSS スタイルがこのテキストに適用されます。
7. 定義したばかりの CSS スタイルを変更する場合は、そのスタイルをクリックして、下の [スタイルの編集] ボタンをクリックします。
24. ダイナミック リンク スタイル シートの作成
1. [新しい CSS スタイル] ダイアログ ボックスをクリックし、[定義先] 列で [このドキュメントのみ] を選択し、[種類] 列で [CSS セレクターを使用する] を選択します。
2。スタイルシートタイプが「CSSセレクターを使用」を選択すると、ドロップダウンメニューの名前が「セレクター」に変更され、入力コンテンツがCSSセレクターをクリックしていることを示します。動的リンク。
A:リンク - ハイパーリンクの通常の状態:訪問されたハイパーリンク状態。
A:ホバー - カーソルがハイパーリンクに移動するとき。
3。次の状態を別々に設定します。 (オレンジ)。
4.同じ方法を使用してAを設定します。
5.次の設定A:ホバー、下線に設定し、色を#ff6600(オレンジ)に設定します。
6. Aを設定する必要はありません:アクティブ、それは自動的にa:Hoverに依存します。
7. Webページに文を入力し、プロパティパネルの「#」へのリンクを設定します。それでおしまい。
****注:a:link、a:visited、a:hover、a:active、それ以外の場合は、予想される効果は発生しない順に設定する必要があります。
ページに2つ以上のリンク効果が必要な場合は、次の方法を使用できます。
1. [新しいスタイル]ボタンをクリックし、スタイルタイプに「CSSセレクターを使用」を選択し、a.link2: "selector"列にリンクを直接入力し、下線なしでa.link2:redにリンクを設定します。
2。次の2つのスタイルを定義し続けます。名前を直接入力して、a.link2:訪問し、紫色に下線を持ちません。 A.Link2:ホバー、青、下線付き。
3。現時点では、「CSSスタイル」オプションの下にLink2という名前のカスタムスタイルがあります。
4.ページに段落を入力し、#リンクを追加し、リンクを選択し、[スタイルシート]ウィンドウの[スタイルLink2]をクリックして、このスタイルをリンクに適用します。
5.同じ方法を使用して、同じページで異なるリンク形式を作成できます。
****特定のスタイルを維持するために、同じページにあまりにも多くのリンクスタイルを作成することはお勧めできません。
25。外部スタイルシート
***異なるページに同じスタイルシートを適用します。
1.新しいスタイルシートを作成し、名前を付けて、タイプの「カスタムスタイルを作成」を選択し、定義の「新しいスタイルシートファイル」を選択します。
2。確認後、ウィンドウを開いて外部スタイルシートを保存します。次に、地元のサイトに保存してください。
3。この時点で、スタイルシートウィンドウに新しいスタイルシートファイルが追加され、ファイルの接尾辞がCSSであることがわかります。
4.現在のページの内部スタイルシートが他のページで使用するために外部スタイルシートファイルにエクスポートしたい場合は、スタイルシートウィンドウの右上隅にある灰色のアイコンをクリックして、「エクスポートスタイルシート」を選択できます。この時点で、スタイルシート名を選択して、外部ファイルとして保存できます。
5.他のページが外部スタイルのシートを使用する必要がある場合、[スタイルシート]ウィンドウの最初のボタン「スタイルシート」をクリックしてウィンドウを開き、外部スタイルシートファイルを選択し、ADDの「リンク」を選択します。確認できます。
26。その他のCSS
**** CSSの背景は、テキストの背景、テーブルの背景画像などを設定することです。
**** CSSのブロックとは、テキストのテキスト間隔、アライメント、サブスクリプト、上付き文字、配置などの設定を指します。
**** CSSのボックスとは、画像とテキストコンテンツ間の空白の距離の設定、および画像とテキストを混合する方法を指します。
**** CSSの国境とは、テーブルテキストエリア、ボタンなどの美化を指します。
**** CSSのリストとは、リスト項目のスタイルの設定を指します。つまり、概要のような段落です。
**** CSSの位置決めとは、ページ上の画像の相対的および絶対的な位置を設定することを指します。
**** CSSの拡張、カーソルはカーソルスタイルに設定できます。カーソルスタイルは、手(ハンドタイプ)、クロスウェア(クロスタイプ)、テキスト( "i"タイプ)、待機(待機型)、デフォルトに設定できます(デフォルトタイプ)、ヘルプ(ヘルプタイプ)、およびさまざまな方向の矢印タイプ。
****フィルターのCSSの拡張は、CSSフィルター効果、つまり画像の透明度、輝きなどを処理するために使用できます。ただし、その効果はあまり明白ではありません。
27.オンラインフォトアルバム
1を作成します。最初に、fireworksmxソフトウェアをインストールします。
2。インターネットに配置するために必要な写真を処理し、それらを同じサイズに処理し、フォルダーに入れます。
3. [コマンド]/[Webサイト]アルバムをメニューにクリックして、[設定]ウィンドウを開きます。
4.アルバムタイトル、字幕情報、その他の情報を入力します(後で変更することもできます)。 「ソースイメージフォルダー」、写真を保存したばかりのフォルダーを選択します。
5。「宛先フォルダー」、[参照]ボタンをクリックして、現在のサイトディレクトリを選択します。 (すべての写真をサイトに保存)
6.ニーズに応じて「サムネイルサイズ」アイテムを選択でき、「ファイル名」アイテムを選択した場合、各画像のファイル名が生成されたアルバムに表示されます。
7.「列」セルは、各行に表示される写真の数であり、自分で変更できます。
8.通常、次の2つの「形式」に「高品質」を選択します。
9. [各画像のナビゲーションページを作成する]オプションを選択します。わかりました。
28.カスタマイズされたWebページトランジション機能
**** Webページトランジションとは、視聴者がスクロール、ブラインドなどのWebページに入るまたは離れるときにページが提示するさまざまな更新エフェクトを指します。 Webページはよりダイナミックに見えますが、適度にも注意を払う必要があります。さもなければ、あまりにも派手な変更が視聴者の嫌悪感を簡単に喚起する可能性があります。ステップ:
1.ページを開き、メニューの[挿入/ヘッダータグ/メタ]をクリックすると、メタダイアログボックスがポップアップします。
2.ダイアログボックスのプロパティオプションのドロップダウンリストでHTTP等価オプションを選択し、Valueボックスのページエンパーを入力して、Webページを入力するときにWebページの移行効果があることを示します。
3。コンテンツボックス= 4のタイプRevelingTrans(遷移= 2)は、遷移効果が4秒であることを意味します収縮。
4。入力後、[OK]をクリックして保存します。このようにして、ハイパーリンクをクリックしてこのページを入力すると、効果がわかります。
5.次の効果のように、遷移のコード名を選択するだけ
です
ボックスシュリンク0溶解12
箱のような拡張1左と右に右中央に向かって縮小
サークルは2を縮小し、中央は左右に拡大します14
サークル3を拡張し、中央15に向かって上下に縮小します
消去する4ミドルを上下に拡張する16
5段階の左下に拡張する5段階17
左に6を消去します18は階段で18を左上に拡張します
右に消去する7ステップ19で右下に拡張
垂直ブラインド8右上へのはしごのような拡張20
水平ブラインド9ランダムな水平線21
水平チェッカーボード10ランダム垂直線22
垂直チェッカーボードスタイル11ランダム23
21、ライブラリアプリケーション
**** Webサイト内の一部のコンテンツは、自分で作成したWebサイトアイコンなど、繰り返し使用する必要があります。現時点では、このコンポーネントはライブラリに保存され、いつでも呼び出すことができます。
1.ページを開き、アイコンなどの保存する必要があるコンポーネントを選択します。
2. [メニュー]ウィンドウ/リソースをクリックして、リソースウィンドウを開きます。次に、ボトムブックサンプルのボタンを選択して、ライブラリパネルを開きます。
3.下の新しいボタンをクリックして、ライブラリに選択したアイコンを保存します。
4.新しいページにライブラリのコンテンツを適用する場合は、ライブラリパネルを開き、使用するアイコンを選択し、以下の「挿入」をクリックします。
30.テンプレートを使用して、サイト(ホームページまたは内部ページ)をすばやく完了します
1。最初に、作成するWebサイトを計画し、各リンクのコンテンツを設計します。私のウェブサイトなど:
ホームページのリンクは次のとおりです。Webバージョン、アニメーション版、メッセージを残してください、私について、私に連絡してください。教室¦ ¦オリジナルのコースウェア¡
アニメーションバージョンのリンクは、Webバージョンと同じです。
以下は、さまざまな記事またはコースウェアページへのリンクです。たとえば、「教室で真実を検索する」は、レッスンプランのタイトルでいっぱいのページにリンクしており、各レッスンプランのタイトルから、レッスンプランが配置されているページにリンクします。他の人にも同じことが当てはまります。
2。あなた自身の計画とお気に入りにもっと適したWebページテンプレートをダウンロードします( http://www.mbsky.com )。その他は、通常、画像という名前のフォルダーであり、写真が配置されている場所と呼ばれるものです。
3.サイトを定義し、これら2つのファイル(フォルダー)をサイトフォルダーにコピーします。
4. index.htmファイルをダブルクリックして、ホームページの編集状態を入力します。その後、ニーズに合わせてページを変更できます。これにより、ホームページが完成します。
31.既存のWebページをテンプレートとして保存
**** Webサイトに多数の繰り返しページがあるときに使用します。 (新しいテンプレートを作成して使用する前に、必ずサイトを定義してください)
1.ページを選択し、[ファイル/]をクリックしてテンプレートとして保存して、現在のページをテンプレートとして保存します。 [テンプレートの保存]ウィンドウが開き、テンプレートに名前を付けてから保存します。
2。この時点で、テンプレートという名前のフォルダーがサイトに自動的に作成され、保存したテンプレートがこのディレクトリに保存されていることがわかります。その拡張は.dwtです
3.このテンプレートは、現在使用中に変更できません。したがって、テンプレートの編集可能な領域を設定する必要があります。
4.たとえば、現在のテンプレートページでは、ページの中央部分を編集可能にする必要があります。そうすれば、テンプレートを使用するときにコンテンツを追加できます。ページの中央にあるテーブルセルを選択し(CTRLキーを押してセルをクリックします)、メインメニューの[オブジェクト/編集領域を挿入/テンプレート]をクリックします。ダイアログボックスが開き、テンプレートに名前を付けて[OK]をクリックできます。
5.現時点で定義されている編集可能な領域は、水色の線で囲まれており、左上隅にある領域の名前があります。テンプレートファイルを保存して閉じます。
6.メインメニューで[ファイル/新規]をクリックし、新しいページウィンドウで上記の[テンプレート]オプションをクリックします。
7。この時点で、現在定義されているサイトは「テンプレートの」列にリストされており、サイトが所有するテンプレートファイルがウィンドウの中央の列に表示されます。テンプレートを選択すると、「プレビュー」列でプレビューできます。次に、[作成]ボタンをクリックして、新しいページを作成します。
8。編集可能な領域を除き、表示される新しいページでは、他の部品を変更できません。
32。独自のウェブサイトをアップロード
1。ウェブサイトスペースを適用してから、インターネットにアップロードします。現在、基本的には空きスペースはありません。
2。[適用]をクリックすると、登録を要求するフォームが表示されます。これには、通常、ユーザー名、パスワード、電子メール、連絡先番号、ホームページの名前、ホームページのカテゴリ、ホームページの紹介などが含まれます。
3.すべてに記入した後、次の項目を取得します:①ユーザー名(記入)
4. FTPアップロードソフトウェアをダウンロードしてインストールすると、cuteftpを使用できます(Kunshanウィンドウ/ソフトウェアはダウンロードできます、無料)
5. CuteFTPソフトウェアを開き、メインメニューで[ファイル/サイトマネージャー]をクリックします。
6.開くダイアログボックスにFTPアップロードアドレス、FTPサイトユーザー名、およびFTPサイトパスワードを入力し、[接続]をクリックしてサイトサーバーに接続します。 (2回目の開くときは自動的に接続します。もう一度記入する必要はありません)
7。接続が完了すると、フレームがページに表示されます。 )右に1つずつ、アップロードが完了します。
33。あなたのウェブサイトを宣伝するために、
他の人にウェブサイトのアドレスがありますか?
1.特別なソフトウェアを使用して、ウェブサイトを主要な検索エンジンにログインします。
2。手動ログイン。たとえば、Open Baidu( www.baidu.com )、そしてクリックすると「ウェブサイトのログイン」があります。 Baiduの検索エンジンに含まれているため、他の人があなたのウェブサイトにアクセスできるようにします。同じことが他のWebサイトへのログインにも当てはまります。