Dreamweaver は常に多くのネチズンに好まれている Web デザイン ツールです。その強力なダイナミック エフェクトの作成機能に加えて、その便利で簡潔な操作インターフェイスもユニークです。以下では、Dreamweaver4 の最新バージョンを例として体系的に質問します。設計プロセスでよく遭遇する問題とテクニックをいくつか紹介します。
注: 便宜上、以下ではすべての Dreamweaver を DW 表現に縮小します。
1> DW でスペースを入力するにはどうすればよいですか?
スペースを入力するという問題は、DW ではよくある問題になっているようです。DW の使用法を紹介する多くの書籍や記事で N 回目にしたことがあるかもしれません。
DW でのスペース入力の制限は「半角」テキスト状態に対するものであるため、入力メソッドを全角モードに調整することで回避できます。方法は次のとおりです。中国語の入力メソッドを開きます (人工知能 ABC を例にします)。例)、Shift + Space を押して全角状態に切り替えると、これで問題なくなるはずです。
さらに、スペースを入力する目的は、多くの「回避策」方法によっても実現できます。たとえば、
特定のテキスト オブジェクトを入力した後に、スペースを表す HTML コード「 」を直接追加します。長さを変更してからテキストの色を調整します。 現在の背景色などと同じですが、後者は一部のブラウザで問題が表示される可能性があることに注意してください。 (笑、当時私が使用していたものは Wang Chenyun によって発見されました!)
2> ブラウザのアドレス バーの前にカスタマイズされた小さなアイコンを追加するにはどうすればよいですか?
NetEase Web サイトのホームページを閲覧すると、 WWW.163.COMの前に「Easy」という単語の付いた小さなアイコンが表示されることがあります。デフォルトでは、このアイコンは IE ブラウザーの指定された画像です。図に示すように:
実際、これは高度なテクノロジではなく、Web サイトのディレクトリに特定のファイルを追加するだけです。
このとき、あらかじめアイコンファイルを16*16ピクセルのサイズで作成しておく必要があります。ファイル拡張子は ico で、対応するディレクトリにアップロードされます。 HTML ソース ファイル "<head></head>" の間に次のコードを追加します。
<Link Rel="SHORTCUT ICON" href="http://画像のアドレス (先ほどのディレクトリに対応していることに注意してください) >
「SHORTCUT ICON」はアイコンの名前です。もちろん、ユーザーが IE5 以降を使用して閲覧する場合は、画像を Web サイトのルート ディレクトリにアップロードするだけで自動的に認識されます。
3> ブラウザ ウィンドウを最小化すると、もともとうまくデザインされた Web ページが醜く恥ずかしいものになるのはなぜですか?
これは誰もが注目する価値のある問題であるはずです。つまり、全画面モードで Web コンテンツを閲覧する場合にはまったく問題ありません。ウィンドウ最小化コマンドを使用するか、ウィンドウのサイズを手動で変更すると、この問題が徐々に発生します。 Web ページのコンテンツは、現在のウィンドウを表示範囲として順番に表示されます。たとえば、メモ帳の「自動行折り返し」と「行折り返しなし」の違いはまったく同じです。
この問題を解決するには、Web ページのレイアウトから始める必要があります。通常の状況では、Web コンテンツの配置は主にテーブルによって行われます。したがって、問題の「欠点」は形式にあります。
以下のテーブルのプロパティ パネルの表示を見てください。
テーブルの高さと幅の設定オプションとして、パーセントとピクセルの 2 つの異なるタイプが提供されていることに気づいたかもしれません。パーセンテージを使用すると、前述した問題が発生します。ピクセル単位の実際のサイズに修正してください。
4> Web ページが表示されたときに上部のプロンプト メッセージを変更するにはどうすればよいですか?
Web ページを閲覧するとき、上部のプロンプト情報は Web ページの主要なコンテンツを表すことが多く、訪問者が Web ページのコンテンツを事前に理解するのに役立ちます。 DW4 より前は、この操作は関数内で直接提供されておらず、ソース コード内の「Title」属性を適用することで完了することがよくありました。 DW4 への入力ははるかに簡単です。
編集ウィンドウの上部にある「タイトル」入力ボックスに必要なテキスト情報を直接入力するだけです。
5> 画像に指定した色の枠線を追加するにはどうすればよいですか?
枠線のない画像を Web ページに直接挿入すると、表示効果が非常に低くなります。 Microsoft FP で画像に満足のいく境界線を追加するのは非常に面倒であることに注意してください。
ただし、DW では境界線の幅を直接設定できる「境界線」プロパティがあるため、はるかに簡単です。写真に示すように:
幅を設定した後、必ず「色はどうですか?」と尋ねるでしょう。パネルの色は選べません!笑、実はここにはトリックがあります。マウスを使用して画像オブジェクトを選択するのではなく、ドラッグして選択してください。文字の色を設定するのと同じ方法で行うだけです。
6> 画像やリンクテキストにプロンプト情報を追加するにはどうすればよいですか?
Web ページを閲覧するときに、マウスを画像オブジェクトまたはリンクの上に置くと、マウスの右下にプロンプト メッセージ ボックスが表示されることがあります。目標についてコメントします。場合によっては、その役割が非常に重要になります。
まず、画像プロンプト情報の追加を見てみましょう。画像オブジェクトを選択すると、プロパティ パネルに「Alt」入力ボックスが表示されます。デフォルトでは、この入力ボックスは空白です。ここに必要なプロンプトの内容を入力するだけです。
その場合、リンク プロンプトの作成はそれほど単純ではありません。この機能は DW では直接提供されていないため、これを実現するには HTML コードを追加する必要があります。
<a href="" > に「Title」属性を追加します。タイトル=プロンプトコンテンツで十分です。
7> 独自の ZIP またはその他の種類のファイルを他の人がダウンロードできるようにするにはどうすればよいですか?
多くの若手 Web ページ作成者の目には、マウスのクリックだけでダウンロードが完了することは非常に「謎」なことのように見えます。ブラウザで認識されない DW 内の形式ファイル (HTM、HTML、ASP、PHP.PERL、SHTML など) がリンク ターゲットとして使用される場合、デフォルトの動作は次のとおりです。
このとき、ブラウザでダウンロード
する必要があるのは、ファイル名を書いてから、ディレクトリ内のテキストを
間違えないように注意してください。
ブラウザのフォントサイズ設定でWebページは変わりませんか?
ご存知のとおり、IEブラウザには機能設定の中に、このようにウィンドウ内容のフォントサイズを自由に設定できる機能があります。訪問者の習慣が異なると、訪問者に表示される Web ページも異なる場合があります。
たとえば、デザインでは元々サイズ 2 のフォントを使用していましたが、ユーザーの追加のブラウザ設定により、この時点で表示効果に問題が発生したとします。
その場合の解決策は、Web ページのコンテンツを特定の適切なサイズに定性的に強制することです。つまり、彼は変わることが許されないのです。この要件は、CSS スタイル シートによるフォントの強制制御によって実現できます。
9> ターゲットのリンクを新しいウィンドウとして開きますか?
新しいウィンドウで開くとは、その名前が示すように、現在のウィンドウを覆わずに別のブラウザ ウィンドウを開くことを意味します。 <a href="">「Target=_blank」を接続コードに直接追加できます。
HTML が貧弱な場合、この設定は DW プロパティ パネルにも表示され、[リンク] 入力ボックスに WWW URL を入力すると、その後ろにある [ターゲット] ドロップダウン ボックスも同時にアクティブになります。図に
示すように、上部の「空白」を選択する
だけです。10> 多くの商用 Web サイトと同様に、Web ページの読み込み時に広告ウィンドウが表示されないようにする方法。
これは多くの大規模な商用 Web サイトでよく見られます。これは、Behavior ビヘイビアを通じて DW に簡単に実装できます。
ロード中であるため、Web ページのコンテンツ全体をイベント オブジェクトとして扱うことができます。 DW 編集ウィンドウの左下隅にある「<body>」タグをクリックすると、すべての Web コンテンツが選択されていることがわかります。
「クイック起動パッド」の「動作」ボタンをクリックして、図に示すように動作パネルに入ります。
「参照ウィンドウを開く」項目を選択します。このとき、サイズや保持期間などのウィンドウのスタイルをカスタマイズすることもできます。ツールボタンなどのもう 1 つのポイントは、対応するイベントが「Onload」であることを忘れないでください。
11> クイック起動パッドに「タイムライン」がありません。どうすればよいですか?
DW がバージョン 4 にアップグレードされた後、アセットなどのいくつかの新しいプロジェクトがクイック起動パッドに追加されました。このとき、もともと上部にあったTimelinsボタンは押し下げられていました。
もちろん、今すぐ使用したい場合は、メニューの「Windows」-「タイムライン」から見つけることができます。しかし結局のところ、ランチパッドに入れるほど便利ではありません。現時点では設定から追加できます。
「編集」-「環境設定」ウィンドウに入り、図のように左側のプロジェクトリストで「パネル」を選択し、
上の「+」ボタンをクリックして、ドロップダウンリストから「タイムライン」を選択します。この時点では、現在の「ランチャーで表示」リストの内容にタイムラインが自動的に追加されていますので、OKです。変更された「ランチャー」パネルを図に示します。
同時に、パネルに表示されるボタンオプションを必要に応じて自由に選択して、作業効率を向上させることもできます。
12> 5 分ごとに自動的に更新されるように Web ページを作成します。これを実現するにはどうすればよいですか?
インターネットを閲覧していると、いくつかの Web ページに遭遇することがよくあります。一定時間が経過しても応答がない場合は、自動的に更新されます。訪問者にリマインドする目的に加えて、新しい更新アドレスが現在の URL ではない場合、自動ジャンプ機能が実装されています。
繰り返しリフレッシュするのか、自動ジャンプするのか。 Webデザインにおいては、どれも非常に実践的な作業です。以下に作り方を紹介します。
DW「オブジェクト」パネルの「ヘッド」セクションを選択します。デフォルトでは Common の「コンテンツ」が表示されます。
図に示すように
、上の [更新] ボタンをクリックすると、次のようなポップアップ ウィンドウが表示されます。
[遅延] 入力ボックスに更新遅延時間 (単位: 秒) を入力します。「アクション」は対象の URL です。リフレッシュに指定されています。現在のページを更新しているので、メニュー オプションの [このドキュメントを更新] を選択するだけです。
13> Web ページのキーワード (キー名) を定義するにはどうすればよいですか?
ユーザーが検索エンジンを使用して適切なコンテンツを含む Web ページを検索する場合、キーワードは無視できない役割を果たします。ほとんどの検索サーバーは、ネットワーク上に新しい Web ページが定期的に生成されたかどうかを自動的に検出し、ユーザーのクエリを容易にするためにキーワードごとに記録します。
もちろん、Web ページが検索エンジンのクエリ返リストに表示されるようにする必要があるのは、この時点ではキーワードの定義が特に重要です。
また、「ヘッド」パネルで、
図に示すように「キーワード」ボタンをクリックすると、次のように定義ウィンドウが表示されます。
定義する必要があるキーワードを 1 つずつ入力するだけです。各キーワードは で区切られていることに注意してください。 「;」記号、数に制限はありません。
14> 編集ウィンドウで不要なラベルを非表示にするにはどうすればよいですか?
ユーザーが Web ページに非表示の要素を挿入しすぎると、対応するラベルの行が編集ウィンドウの上部に表示され、ユーザーがいつでも見つけやすくなります。これらのタグ自体はブラウザでの表示効果に影響を与えませんが、タグが多すぎると、Web ページのコンテンツの位置がずれることが多くなり、Web ページの視覚的な調整がある程度妨げられます。どうすればこれらのものを取り除くことができますか?
図に示すように、「Preperence」パネルに入り、リストから「Invisibel Elements」を選択します。
スクリプト
など、表示したくない項目の前にある「チェックマーク」をチェックするだけです
。「フレーム」コンテンツをサポートしていないブラウザの表示?
現在、ブラウザにはさまざまな種類があるため、Web ページをデザインするときに最初に考慮するのは、「これはさまざまなブラウザで適切に表示されるかどうか」ということです。フレームは一例です!
しかし、これを回避するには非常に簡単で、次の内容をソース コードに追加するだけです。
< BODY><noframes> --- この Web ページにはフレーム構造が含まれており、正常に表示できない場合は、新しいバージョンのブラウザをダウンロードするか、主流のブラウザに変更してください --- < /noframes></ BODY>
16> 回避方法他の人があなたの Web ページをフレームに入れることを拒否しますか?
悪意のある一部の人々は、他の人が注意深く作成した Web ページをサブページの形で自分のフレームに挿入するなど、他の人の作品の成果を盗むことがよくあります。
では、Web コンテンツが「盗まれる」のを防ぐにはどうすればよいでしょうか?
Web ページのソース コードの <head></head> の間に次のコード コンテンツを追加するだけです:
<script language="javascript"><!--
if (self!=top){top.location=self.location;}
-->< /script>
17> コメントを追加するにはどうすればよいですか?
アノテーションコンテンツは、その名のとおり、説明コンテンツとしてのみ表示されるため、閲覧時にはWebページには表示されません。その機能は、特定の重要なコードまたは複雑なコードを必要に応じてマークし、より簡単かつ迅速に見つけられるようにすることです。
「オブジェクト」パネルの「非表示」セクション(つまり、非表示の要素)に入り、「コメント」の挿入ボタンを選択します。 ウィンドウは次のとおりです。
「コメント」に必要な情報を入力します。この時点でソース コードに戻ると、これらの操作によって次の形式のコードが追加されるだけであることがわかります
。 --これは記入する必要がある注釈の内容です-->
18> 水平線、色を設定できないのはなぜですか?
DW では、メニューの「挿入」-「水平線」で水平線を挿入するときに、プロパティ パネルに水平線の色の設定がないことがわかります。これは、初期の NC が < タグをサポートしていないためです。 hr> (水平線の HTML コード) ) COLOR 属性なので、DW にはそれに対する設定がありません。図に
示すように、必要に応じて、ソース ファイルに直接入力して変更することしかできません。
<hr color="対応するカラーコード">
19> 現在のウィンドウを閉じる機能を設定するにはどうすればよいですか?
ここでは、まず「ウィンドウを閉じる」をマークするために使用するテキストを入力し、それをマウスでドラッグして選択し、「リンク」入力ボックスに「/」を入力し、同時にソースコードウィンドウに切り込み、次のように入力します。リンクコードのevent -onclick=「javascript:window.close(); return false;」。
完全なコードは次のとおりです: < a href="/" onclick="javascript:window.close(); return false;">ウィンドウを閉じる</a>
もちろん、「ウィンドウを閉じる」というテキストを他のオブジェクトに置き換えることもできます。 、写真やボタンなど!
20> スケジュールされた時間に自動的に閉じるウィンドウについてはどうですか?
ウィンドウを閉じる機能については前述しましたが、自動で閉じる機能はどのように実装されているのでしょうか。
ソース コード <body> の後に次のコードを追加します:
< script LANGUAGE="javascript"> <!--
setTimeout('window.close();', 10000);
--> </script>
set Timeout は遅延時間を設定する関数です。10000 は 10 秒を意味します。
21> ブラウザ上でマウスの「形」を変更するにはどうすればよいですか?
通常、ブラウザ上ではマウスは「矢印」のスタイルで表示されますが、他の好きなスタイルに変更できますか?
マウスの形状の変更は、「CSS スタイル シート」を通じて DW に実装されます。
メニュー「テキスト」-「CSS スタイル」-「スタイルシートの編集」を選択すると、スタイルシートの編集ウィンドウが表示されます。次のように、クイック起動パッドの CSS スタイル ボタンをクリックして見つけることもできます。
「新規」をクリックします
。」ボタンをクリックして、デフォルトの「カスタムスタイルを作成する」を選択し、同時に下の定義で現在のWebドキュメントにのみスタイルを適用する「このドキュメントのみ」にします。
「スタイル定義」ウィンドウの左側のリスト項目から「拡張」を選択し、右側の
「カーソル」(マウス)で適切な形状を選択します。 F12 を押してツール内の効果を確認し、満足できない場合はスタイルを変更することもできます。
22>リンクテキストの下の下線を削除するにはどうすればよいですか?
リンクの作成が完了すると、多くの場合、リンク テキスト コンテンツの下に下線が自動的に追加され、コンテンツにハイパーリンクが含まれていることを示します。 Web ページに多くのリンクがあると、少し乱雑に見えますが、実際にはそれらを簡単に削除できます。
また、「スタイルシートの編集」ウィンドウに入り、「新規」をクリックして新しいスタイルを確立します
。以下に示すように、タイプ(タイプ)で「HTMLタグの再定義」を選択し、同時に「再定義」を選択する必要があります。特定のタグタグ内のハイパーリンクを表す「HTML タグ」を選択し、「OK」をクリックします。
このスタイルを編集し、以下のように左側のリストで「種類」を選択し、
「装飾」の「なし」チェックボックスをチェックすると、すべてのWebページのリンクテキストの下線が削除されます。
23> リンクテキスト上にマウスを「ホバー」すると変色、変形、その他の効果が得られるようにするにはどうすればよいですか?
Web サイトにアクセスするときに遭遇する最も一般的な効果の 1 つは、「マウスオーバー反応」です。いわゆる「マウスオーバー反応」は、色の変更や効果の変更など、リンク テキストに現れます。中心線)およびその他のオプション。
この効果はターゲットのコンテンツを強調するのに非常に優れた役割を果たすため、個人の Web サイトと一部の大規模な商用 Web サイト (Sina、Sohu、NetEase など) の両方に適用されます。
前の質問で、リンクの下線を削除する方法はすでにご存知だったので、ここでは詳しく説明しません。次の質問は、マウス応答イベントの処理を追加する方法です。
また、「スタイルシートの編集」ウィンドウに入り、「新規」をクリックして新しいスタイルを確立します。違いは、タイプタイプの最後の項目「CSSセレクターを使用」を選択し、「セレクター」で「a:hover」を選択していることです。 「」メニューを以下のように選択すれば
OK、編集スタイルウィンドウに入り、「種類」項目の文字色を「赤」に設定します。もちろん、マウスオーバー時の下線効果を追加することもできます。
24>Web ページの背景画像がコンテンツと一緒にスクロールしないようにするにはどうすればよいですか?
背景画像は多くの Web デザイナーがよく追加するもので、Web ページのコンテンツが 1 画面を超える場合、スクロール バーを引いたときに背景画像がコンテンツと一緒に比較的静かにスクロールします。そのため、背景をロックしてスクロールできないようにすることができます。平行?もちろん、「スタイルシートの編集」ウィンドウに入り、「新規」をクリックして新しいスタイルを確立し、タイプで「HTMLタグの再定義」を選択し、タグメニューで「本文」を選択し、リストで「背景」を選択することもできます。左に。以下のように
「添付ファイル」を「固定」に設定します
。ここで、scroll はデフォルトのスクロール表示を表します。
25> BGM を知っている必要がありますが、それを追加するにはどうすればよいですか?
Microsoft の Web ツール Frontpage には BGM 設定機能がありますが、DW には当然ありませんので、使用したい場合はソースコードに手動で追加するしかありません。
使用する前に、BGM を使用する場合は、Web ページのファイルのサイズに注意を払い、何かを見失わないように注意してください。
コードは次のとおりです。
<EMBED src="music.mid" autostart="true"loop="2" width="80" height="30">
ここで、src は音楽ファイルの場所を指定し、autostart は音楽ファイルがアップロードされた後のアクション。 true は自動的に再生を開始することを意味し、false は再生しないことを意味します (デフォルト値)。
26> 横線を使って幅1の細い線を作るにはどうすればいいですか?
実装方法はこちら(編集者追加)
27> Webページに変更日を自動で追加するには?
ソース ファイル <body></body> の間に次のコードを追加するだけです。
< script Language="javascript"><!--
document.write(“最終更新日:”+document.lastModified);
ブラウザでの
< /script> の表示形式
は「最終更新日:2001/8/19」28> ポップアップ POPUP 情報を制御するにはどうすればよいですか?
リンクをクリックすると、強調して説明されたプロンプト情報、つまりポップアップ メッセージが表示されることがあります。例えば、リンク先で目的のコンテンツページの制作が完了していない場合、POPUP情報を利用して説明することができます。
Web ページ上の適切な場所にリンク テキストを入力して選択し、プロパティ パネルにリンクを作成します。選択されたままの状態で、クイック起動パッドの「動作」ボタンをクリックします。たとえば、
左上の「+」記号をクリックし、リストから「Popun message」を選択し、プロンプトに必要な情報を入力します。次のウィンドウで、図に示すように、
このアクションのマウス イベント (Events) をクリック (onclick) に設定します。ブラウザでのプレビュー効果は次のとおりです。
29> ブラウザのステータス バーで URL アドレス情報を非表示にするにはどうすればよいですか?
Web を閲覧しているときに、リンク上にマウスを置くと、リンク先のアドレスが下のステータス バーに自動的に表示されます。セキュリティの問題を考慮して、アドレスを「0」にリセットする、つまり空白に設定する必要がある場合があります。
これを実現するには、次のようなリンク コードでいくつかの工夫をするだけです。
< a href=" http://www.pconline.com.cn/pcedu ";;;;;;; onmouseOver="window.status =' none';return true">Pacific Online Academy</a>
30>ステータス バーのプロンプト テキストを変更するにはどうすればよいですか?
デフォルトでは、Web ページが読み込まれると、Web ページのアドレスとその他の情報がステータス バーに表示されます。もっと魅力的にしたいですか?
DW の [動作] パネルで、[+] 記号をクリックして、[テキスト セットの設定] の下の [ステータス バーのテキスト] オプションを選択します。図に示すように、
[このサイトへようこそ] のような内容を入力します。 「ステータス バーのテキストを設定する」ウィンドウ。「Web サイト - ネットワーク管理メッセージ」およびその他のメッセージ情報を設定します。
31> 電子メールのフォーム処理方法を確立するにはどうすれば
よいですか? フォームは Web ページのインタラクティブな機能に不可欠な要素であるため、フォームの処理には高度な機能が使用されることがよくあります。 - レベルのネットワーク プログラミング言語。「すごい!」と思われるかもしれません。プログラムができない!実際、いくつかの単純なフォーム コンテンツ処理は電子メールでも実現できます。
まず次のコードを見てください:
<FORM name="content" method="post" action="使用するハンドラー" ></FORM>
上記は典型的なフォームの HTML ソース コードであり、METHOD によってメソッドが決定されます。 POST と GET の 2 つのタイプがあります。 ACTION は上で説明したハンドラーであり、通常は ASP/PHP/CGI を通じて実装できます。
では、電子メールを使用してそれを行うにはどうすればよいでしょうか? action=mailto:[email protected] なので、送信ボタンをクリックすると、次のようなプロンプト ウィンドウが表示されます。
[OK] をクリックすると、フォームの内容が指定されたメールボックスに送信されます。
32> 標準化された電子メール リンクを作成するにはどうすればよいですか?
いわゆる「電子メール リンク」とは、クリックするとブラウザが自動的にデフォルトのメール クライアント プログラムを呼び出して電子メールを送信することを意味します。
「PROBLEM MAIL ME」という単語を入力し、マウスをドラッグして選択し、プロパティ パネルに切り替えて、リンク入力ボックスに次のコマンドを入力します。
Mailto: [email protected] ?件名 = ネチズンからの手紙&bc= 他の電子メール アドレス&bcc= 他の電子メール アドレス。図に示すように、
Mailto は電子メール リンクのプロトコル、Subject は電子メールのタイトル、bc は同時にコピーされる電子メール アドレス、bcc はブラインド コピーを表します。
33> 「空のリンク」を作成するにはどうすればよいですか?
空のリンクは、リンク オブジェクトのないリンクです。空のリンクでは、ターゲット URL は「#」で表されます。つまり、リンクを作成する際に、プロパティパネルのLINK入力ボックスに「#」マークを入力するだけで、空のリンクになります。
空リンクの表示には、一部のページが定期的に完了していないなど、さまざまな要因が関係していますが、ページ表示の一貫性を維持するために(リンクのスタイルは通常のテキストのスタイルとは異なります)、使用できます。
34> 空のリンクをクリックすると、ページがトップにリセットされることがよくありますが、どう対処すればよいですか?
ブラウザでは、空のリンクをクリックすると、現在のページが自動的に最初のページにリセットされるため、ユーザーの通常の読書内容に影響が出るのは当然ですが、変更されないことが望まれます。
このとき、コード「javascript:void(null)」を使用して、元の「#」マークを置き換えることができます。振り返ってみると、問題は解決されました。
35> ページ内を自由にジャンプできるリンクをカスタマイズするにはどうすればよいですか?
オンラインで無料の電子雑誌を購読することが多い場合は、ディレクトリのようなリストを通じて、ページの任意の部分に簡単にジャンプできるこの種の「タブ リンク」に慣れているはずです。 「非常に長いコンテンツ」の Web ページ向けに設計されています。
まず、リンクがどこを指しているのか、つまり、画面がジャンプした後にリンクがどこに留まるのかを決定します。 「オブジェクト」パネルの「非表示」セクションに入り、対象のテキストを選択し、「名前付きアンカーの挿入」ボタンをクリックすると以下のような画面になります。
「アンカー名」にタグ名を入力し、「OK」をクリックすると、通常のテキストコンテンツと区別するために、テキストの下に赤い点線が自動的に表示されます。
次に、リンクを作成し、プロパティ パネルの LINK 入力ボックスに「#nchor Name (先ほどの名前)」を入力します。もちろん、別のページの特定の場所を指したい場合は、この小さなしっぽをそこに置くこともできます。
36> 1 つの画像に同時に多数のリンクを作成した場合はどうすればよいですか?
この問題は通常「イメージ ホット」と呼ばれるものです。もちろん、DW には「イメージ ホット エリア」と呼ばれる別の名前があります。
画像を選択すると、プロパティ パネルの左下隅に [マップ] ツールバーが表示され、
図では例として長方形ツールを使用します。をクリックすると、マウスが画像上に「+」の形で表示されます。これは、完了後、マウスを左右にドラッグすることで、
複数のホットスポット領域のリンクの作成を完了することができます。エリアを重複させることはできないことに注意してください。
37> マウスイベントに応答できるフリップ画像を作成するにはどうすればよいですか?
多くの Web ページでは、マウスをカーソル上に置くと別のタイトルに変わる列タイトルがいくつかあります。実際、それらの多くは 2 つの異なる画像を使用することによって実現されており、これはいわゆる「反転画像」効果です。
もちろん、反転したときに見た目に違和感がないように、あらかじめ全く同じサイズの画像を2枚用意しておく必要があります。「オブジェクト」パネルの「ロールオーバー画像」をクリックする
と、「ロールオーバー画像設定」ウィンドウが表示されます。
それぞれ「参照」ボタンをクリックして、「元の画像」と「ロールオーバー画像」のアドレスを決定します。必ず下の「ロールオーバー画像をプリロードする」チェックボックスを選択してください。選択しない
と、マウスをスライドするときにダウンロードに時間がかかります。効果が終わりました。
38>「空を飛び回る」絵を描くには?
多くの大きな商用 Web サイトのトップページでは、多くの広告画像が前後に表示されます。DW では、これはタイムラインを通じて行われます。
まず、対象の画像を Web ページに挿入し、同時に選択し、クイック起動パッドの [タイムライン] ボタンをクリックして、図に示すように [タイムライン] ウィンドウに入ります。
の 1 フレームの位置を右クリックします。タイムライン上で「オブジェクトの追加」を選択すると、タイムライン上に青色のカラーバー(デフォルトは1~15フレーム)が表示され、15フレームでカメラを停止し、ページ上の画像を移動の終了位置に移動します。
シンプルなモーションアニメーションが完成したので、途中にキーフレームを追加してパスの曲率を調整します。上の右矢印ボタンをクリックして効果をプレビューします。
39> ページ上に「静的に中断された」画像を作成するにはどうすればよいですか?
いわゆる「静的一時停止」とは、画像が常に Web ページ上の特定の位置に留まろうとすることを意味し、視覚的には画像がページとともに「歩いている」ように感じられ、あたかも一時停止されているかのように感じられます。
この効果の実現は JavaScript によって実現されますが、通常、これには一定レベルのプログラミング能力が必要です。幸いなことに、DW はこのエフェクトを作成するための固定プラグインを提供しているため、非常に簡単です。
まず、stav プラグイン /u/info_img/2009-05/31/stav.zip をダウンロードし、その中にある 2 つのファイル (イメージ ファイル Cross Browser Static Division.gif と Web ページ ファイル Cross Browser を含む) を解凍する必要があります。静的部門.htm) が DW インストール ディレクトリ ConfigurationObjectsCommon にコピーされます。
DW を再起動すると、下部に SI 項目があることがわかります。それを選択し、ポップアップ ウィンドウでフローティング レイヤーから上と左までの距離を設定し、指定したちょうどを挿入します。内容(写真はこちら)。
40> テキストと画像コンテンツを共存させるにはどうすればよいですか?
DW では、画像オブジェクトが 1 行を占めることが多いことは誰もが知っていますが、テキスト コンテンツは画像に平行な行にのみ配置できます。どうすればテキストを画像の周囲に表示できるでしょうか。
画像を選択すると、プロパティパネルの右上に「整列」プロパティメニューが表示されます。
このとき、図のように「左」を選択すると、テキストが均等に配置されていることがわかります。写真の右側。
41> 複数のウィンドウを接続するにはどうすればよいですか?
DW4 バージョンでは、パネルのデザインが常に重要な機能になっています。では、それをより効率的に使用するにはどうすればよいでしょうか。
「ウィンドウ接続」とは、簡単に言うと、必要に応じて 2 つ以上のパネルを 1 つのウィンドウに配置できる、誰でも簡単にカスタマイズできる技術的な機能です。
1 つのパネルのタブ バーをクリックして 2 つのパネルにドラッグします。黒い境界線が表示されたら、マウスを放します。操作は
図 42 に
示すとおりです。Web ページに何かを隠しますか?
Webデザインでは、トラフィック統計システムやユーザーアクセス解析システムなど、表示する必要のないコンテンツを挿入する必要がある場合があります。このとき、当然ながらそれらを非表示にする方法を検討する必要があります。それらの存在は、他の Web ページ要素のレイアウトに影響を与えません。
図に示すように、「オブジェクト」パネルの「レイヤー」ボタンをクリックし、マウスをドラッグして新しいレイヤーを作成し、その中に非表示にする必要があるすべてのコンテンツを置きます
。レイヤーを選択済みとしてマークし、同時にプロパティ パネルに切り替え、図に示すように Vis 値を「非表示」に設定します
。本当にすべてのコンテンツが消えてしまいました
43> シンプルなドロップダウン メニューを作成するにはどうすればよいですか?
ドロップダウン メニューは Web ページで非常に一般的であり、Web ページのスペースを大幅に節約できるため、友人リンク リストや共同 Web サイトのアドレスなど、複数のオブジェクトをリストする必要がある状況で主に使用されます。
DW は非常にシンプルな作成方法を提供しているため、退屈なコードを記述する必要はありません。
図に示すように、「オブジェクト」パネルの「フォーム」セクションに入ります。「
ジャンプメニューの挿入」ボタンをクリックして、「ドロップダウンメニュー」設定ウィンドウをポップアップします。
「テキスト」にメニュー項目の名前を入力します。 "; 「URL に移動」に URL を入力するか、「参照」ボタンを使用して選択します。上部の「+」サインをクリックして新しいメニュー項目を入力すると、すべてのアイテムが「メニュー項目」に表示されます。
44>幅1の細い線を作成する方法は?
DWでは、水平線は「線」の形で表示されますが、細い線を作るとき、それは主に厚すぎて必要な繊細さを持っていないため、十分に機能しません。
次に、テーブルの適用を通じて柔軟な方法を採用して実装できます。
1列と1列のテーブルをWebページに挿入し、テーブルの「セルパディング」と「セルスペシング」を「0」に設定し、もちろん赤に「BGColor」を設定します代わりに、「高さ」は1に設定します。
最も重要なステップは、ソースコードを確認し、<td> </td>の「」を削除することです。
45> 1の境界線を持つ正方形を作る方法は?
明らかに、今でもテーブル設定を完了する必要があります。
たぶんあなたは言うでしょう、これは単純ではありません! 1列と1列のテーブルを作成するだけで、「境界線」値を1に設定します。実際、このように作られたテーブルは、1の境界線を持つ正方形ではなく、「厚い」正方形です。
同様に、最初に1列と1列のテーブルを挿入し、テーブルの「境界線」と「セルパディング」を「0」に設定し、「Cellspacing」を「1」に設定します。テーブルの「bgcolor」を赤(つまり、境界の色)に設定し、セルの「bgcolor」を白に設定します(つまり、同じ背景)。効果は次のとおりです。46
>異なるブラウザをセットアップして、異なるページを返す方法は?
さまざまなブラウザがさまざまなテクノロジーと効果をサポートしています。したがって、私たちが設計するWebページは、すべてのブラウザーで適切にまたは最適に表示されない場合があります。現時点では、ブラウザを決定するためのジャンプが必要です。
ユーザーがブラウザのさまざまなタイプまたはバージョンで開くと、ユーザーの通常のブラウジングを確保するために異なるページを返すことができます。
クイック起動パッドの[動作]ボタンをクリックし、[+]サインをクリックし、[browse]を[browse]を選択します。ウィンドウは次のとおりです
。
47> Webページのどこにでもドラッグできるオブジェクトを作成する方法は?
Webサイトにアクセスすると、マウスでドラッグできる多くの要素が表示されます。たとえば、広告の写真が閲覧するコンテンツをブロックすると、マウスで選択して捨てることができます。
この効果は、レイヤーの「+」の符号をクリックして、「ドラッグレイヤー」を選択する必要があります。
48>外部スタイルのシート(CSS)をWebページに追加する方法は、
上記のWebページ要素の設定に分割されます。外部CSS参照は、<link>タグを介して実装されます。
<link>タグには、href; type; rel属性設定が含まれます。その中で、HREF:スタイルページファイルを校正するために使用されるアドレス:styleSheet/altermateのオプションを示します。
49> Webページのベース(ベースアドレス)を設定する目的は何ですか?
「オブジェクト」パネルの「ヘッド」セクションには、「ベース」と呼ばれるボタンがあります。これは、Webサイトのベースアドレスを正確に設定します。
私たち全員が知っているように、私たちがDWで使用するリンク方法は、ルートアドレスが変更されている限り、それに応じて自動的に変更されることです。
ただし、変更しないために必要な場合があります。つまり、固定アドレスを使用するように強制するために、図に示すように「ベース」ボタンをクリックします。
「HREF」のベースアドレスのURLを入力して、それを効果的にするために「OK」。
50> Webページでコンテンツを正確に見つける方法は?
これは説明的なスキルの質問であるため、50の質問の最後に置きます。現在、DW Webページのコンテンツポジショニングは、主にテーブルとレイヤーの両方で達成されています。
テーブルは、主にさまざまなコンテンツのレイアウトを完成させるため、テーブルを完全に「ぼかし」とすることができますすべてのブラウザに関係なく、普遍的であり、技術サポートはありません。
比較的言えば、レイヤーを使用すると、必要に応じてドラッグしてドロップできます。唯一のことは、レイヤーがブラウザの新しいバージョンでのみサポートされていることですが、現在の状況から判断すると、障害物はないはずです!