1> DW でスペースを入力するにはどうすればよいですか?
スペースを入力するという問題は、DW ではよくある問題になっているようです。DW の使用法を紹介する多くの書籍や記事で N 回目にしたことがあるかもしれません。
DW でのスペース入力の制限は「半角」テキスト状態に対するものであるため、入力メソッドを全角モードに調整することで回避できます。方法は次のとおりです。中国語の入力メソッドを開きます (人工知能 ABC を例にします)。例)、Shift + Space を押して全角状態に切り替えると、これで問題なくなるはずです。
さらに、多くの「回避策」方法によってスペースを入力する目的を達成することもできます。たとえば、
ソース コードにスペースを表す HTML コード「 」を直接追加します
。ある程度の長さでテキストを調整します。色は現在の背景色などと同じですが、後者は一部のブラウザで問題が表示される可能性があることに注意してください。
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」属性を追加します。 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」を選択し、
スクリプトなど表示したくない項目の前にある「チェックマーク」をチェックします。
15> 表示しないブラウザの表示内容を整える「フレーム」をサポートしていないのですか?
現在、ブラウザにはさまざまな種類があるため、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 タグの再定義」を選択し、同時にハイパーリンクを表す「a」を選択する必要があります。特定のタグ「タグ」を選択し、「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は再生しないことを意味します(デフォルト値)。
27> 変更された日付を Web ページに自動的に追加するにはどうすればよいですか?
ソース ファイル <body></body> の間に次のコードを追加するだけです。
<Script Language="javascript"><!--
document.write("Last Updated:"+document.lastModified)
-->< /Script>
はブラウザに「最終更新日: 2001/8 /19」として表示されます。 」
28> ポップアップ POPUP 情報を制御するにはどうすればよいですか?
リンクをクリックすると、強調して説明されたプロンプト情報、つまりポップアップ メッセージが表示されることがあります。例えば、リンク先で目的のコンテンツページの制作が完了していない場合、POPUP情報を利用して説明することができます。
Web ページ上の適切な場所にリンク テキストを入力して選択し、プロパティ パネルにリンクを作成します。選択した状態で、クイック起動パッドの「動作」ボタンをクリックし、
左上の「+」記号をクリックし、リストから「Popun message」を選択し、次のウィンドウに表示される情報を入力して
「設定」を設定します。このアクションのマウス イベント (Events) はクリック (onclick) として指定されます。ブラウザでのプレビュー効果は次のとおりです。
29> ブラウザのステータス バーで URL アドレス情報を非表示にするにはどうすればよいですか?
Web を閲覧しているときに、リンク上にマウスを置くと、リンク先のアドレスが下のステータス バーに自動的に表示されます。セキュリティの問題を考慮して、アドレスを「0」にリセットする、つまり空白に設定する必要がある場合があります。
これを実現するには、リンク コードでいくつかのトリックを実行するだけです。
< a href=http://tech.163.com/school onMouseOver="window.status='none';return true">NetEase 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」という単語を入力し、マウスをドラッグして選択し、プロパティ パネルに切り替えて、リンク入力ボックスに次のコマンドを入力します
。件名 = ネチズンからの手紙&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 プラグインをダウンロードし、その中の 2 つのファイル (イメージ ファイル Cross Browser Static Division.gif と Web ページ ファイル Cross Browser Static Division.htm を含む) を DW インストール ディレクトリ ConfigurationObjectsCommon にコピーする必要があります。
DW を再起動すると、下部に SI 項目があることがわかります。それを選択し、ポップアップ ウィンドウでフローティング レイヤーから上と左までの距離を設定し、指定したちょうどを挿入します。内容(写真はこちら)。
40> テキストと画像コンテンツを共存させるにはどうすればよいですか?
DW では、画像オブジェクトが 1 行を占めることが多いことは誰もが知っていますが、テキスト コンテンツは画像に平行な行にのみ配置できます。どうすればテキストを画像の周囲に表示できるでしょうか。
画像を選択すると、プロパティ パネルの右上隅に [配置] プロパティ メニューが表示され、[左] を選択すると、テキストが画像の右側に均等に配置されていることがわかります。
41> 複数のウィンドウの接続を実現しますか?
パネル デザインは常に DW の主要な機能であり、DW4 バージョンではすでに非常に多くのパネルが使用されています。では、それをより効率的に使用するにはどうすればよいでしょうか。 「ウィンドウ接続」とは、簡単に言うと、必要に応じて 2 つ以上のパネルを 1 つのウィンドウに配置できる、誰でも簡単にカスタマイズできる技術的な機能です。 1 つのパネルのタブ バーをクリックして 2 つのパネルにドラッグし、黒い境界線が表示されたら、マウスを放します。この時点で 2 つのパネルが 1 つに結合されます。
42> 幅1の細い線を作成するには?
DWでは横線が「ライン」として表示されますが、細い線を描く場合、太すぎて繊細さが足りないため満足のいく性能が得られません。
その後、テーブルを適用することで柔軟な実装方法を採用できます。
Webページに1行1列の表を挿入し、表の「cellpadding」と「cellspacing」を「0」、セルの「bgcolor」を赤に設定することももちろん可能です。他の色では、代わりに「高さ」で高さを 1 に設定します。
最も重要な手順は、ソース コードを確認して、<td>< /td> の " " を削除することです。
43>枠線が 1 の正方形を作成するにはどうすればよいですか?
もちろん、ここでテーブルの設定を完了する必要があります。
おそらく、これは簡単ではないと言うかもしれません。 1 行 1 列のテーブルを作成し、その「Border」値を 1 に設定するだけです。実際、この方法で作成されたテーブルは、境界線が 1 の正方形ではありませんが、非常に「厚い」です。
同様に、まず1行1列の表を挿入し、表の「border」と「cellpadding」を「0」、「cellspacing」を「1」に設定します。テーブルの「bgcolor」を赤(つまり枠線の色)に設定し、セルの「bgcolor」を白(つまり同じ背景色)に設定すればOKです。
44> 異なるページを返すように異なるブラウザを設定するにはどうすればよいですか?
ブラウザーが異なれば、サポートされるテクノロジーや効果も異なります。したがって、当社がデザインした Web ページは、すべてのブラウザーで適切または最適に表示されない可能性があります。このとき、ブラウザを決定するためのジャンプが必要です。
ユーザーが異なるタイプまたはバージョンのブラウザーで開くと、ユーザーの通常のブラウジングを保証するために異なるページが返されることがあります。 クイック起動パッドの「動作」ボタンをクリックし、「+」記号をクリックして、ドロップダウン リストから「参照の確認」を選択します。
45> Web ページ上のどこにでもドラッグできるオブジェクトを作成するにはどうすればよいですか?
Web サイトにアクセスすると、マウスでドラッグできる要素が多数表示されますが、そのほとんどが画像です。たとえば、閲覧したいコンテンツが広告画像によって妨げられている場合は、マウスで選択して脇に置くことができます。
この効果は、レイヤーの「レイヤーのドラッグ」動作によって実現されます。もちろん、簡単な設定を行う前に、ターゲットレイヤーが選択されていることを確認する必要があります。 。