ウェブデザイナー職の面接でよくある質問と回答

1. ASP.NET Web アプリケーションのテンプレートとは何ですか? それらの違いは何ですか?
【答え】
テンプレートは、ASP.NET Web サイト、ASP.NET Web サービス、個人用 Web サイトスターターキット、空の Web サイトの 4 つのカテゴリに分かれています。
ASP.NET Web サイト (Web アプリケーションとも呼ばれます) には、ファイルシステムサイト、ローカル IIS サイト、FTP サイト、リモートサイトの 4 つのカテゴリが含まれます。第 11 章の図 11-1 の「場所」を使用して、さまざまなサイトタイプを選択します。
ASP.NET Web サービスは、サーバーによって提供されるサービスです。サーバーは、メソッドが記述されている言語に関係なく、インターネット上の任意のオペレーティングプラットフォーム上の他のクライアントから直接呼び出すことができるいくつかのメソッドを提供します。
個人ウェブサイトスターターキットは、ホームページ、概要、写真ギャラリーなどが含まれる、事前に作成された個人ウェブサイトです。これを基に独自のコンテンツやページを追加できます。
空の Web サイト_作成するときは、ファイルやページのない空のプロジェクトを作成します。必要なさまざまなリソースファイルを追加できます。
2. 同期 Web サイトとは何ですか? 意味を理解するには、コンピューターで例 11-2 を完了してください。
【答え】
ウェブサイトの同期とは、ウェブサイトのコピーツールを使用して、ローカルウェブサイトとリモートウェブサイト間で各ファイルの最新バージョンをコピーし、両方のウェブサイトにすべてのファイルの同じコピーが含まれるようにするプロセスです。
3. HTML の意味は何ですか? HTML 本体はどのようなタグで構成されていますか?
【答え】
HTML は、Hyper Text Markup Language の略で、Web ページの最も基本的な要素です。タグとタグの間のコンテンツが HTML の本体を構成します。テキスト、グラフィック、リンク、その他のページ要素など、Web ページ内のすべてのコンテンツはタグに含まれます。
4. 記号 br と p の違いは何ですか?
【答え】
br タグと p タグはどちらも行を区切るために使用できますが、それらには違いがあります。 <br> タグは、現在の行を中断して新しい行を開始しますが、新しい行は元の行と同じプロパティを維持します。つまり、新しい行と元の行は同じ段落に属し、<p> タグは行が分割されたときに新しい段落を開始します。<br> タグには対応する終了タグ </br> がなく、<p> タグは </p> と組み合わせて使用する必要があり、省略することはできません </p>。
5. URL とは何ですか? その機能は何ですか? いくつの種類がありますか? 違いは何ですか?
【答え】
URL は、Web 上でファイル情報を検索するために使用される Uniform Resource Locator です。
URL は絶対 URL または相対 URL にすることができます。絶対 URL は、プロトコル名://コンピュータドメイン名/パスとファイル名の形式の完全なリソースアドレスを参照します。一般に、外部のインターネットリソースを指定する場合は絶対 URL を使用する必要があります。相対 URL は、現在のページを基準としたリソースへのパスです。相対 URL を使用する場合、現在のディレクトリと親ディレクトリ (親ディレクトリ) を表すために、通常、ドット "." と二重ドット ".." が使用されます。ウェブサイトを作成するときは、サイトのリソースの相対的な場所が変更されない限り、相対 URL を使用します。
6. 次のコードを使用して表を描画してみます。
【答え】

質問 6 から得られた表 7 は、Web デザインにおける中間層の役割を示しています。
【答え】
レイヤー、つまり DIV タグは、ブロックレベルの HTML タグです。タグ間に段落、表、画像などのコンテンツを追加できるため、同じ DIV タグ内の要素は同じスタイルを持ち、ページを表示するときに同時に表示、移動、非表示にすることができます。
主な機能は次のとおりです。(1) いくつかのマークアップ要素を整理し、DIV 属性を適用して、これらのマークアップ要素の統一されたスタイルを定義します。(2) z-index 属性を使用して、ページ上の要素の重なり表示効果を実現します。(3) ページにさらに特殊効果を表示します。
8. マスターページの目的は何ですか?
【答え】
マスターページの拡張子は「.master」で、これは Web ページのテンプレートに相当します。他の Web ページでは、マスターページが参照されている限り、マスターページのページが自動的に表示されます。デザイナーは参照されたマスターページの予約部分を変更でき、他の部分は変更されません。このようにして、複数のページのスタイルの一貫性を保つことができ、Web デザインが大幅に容易になります。
9. CSS とは何ですか? Web ページ制作で CSS テクノロジを使用する必要があるのはなぜですか?
【答え】
CSS (Cascading Style Sheets) は、カスケーディングスタイルシートとも呼ばれ、Web ページ内の 1 つ以上の要素の外観を制御するために使用されます。ウェブページ制作において、スタイルシートを使用すると、同じ外観を持つ要素に対する繰り返し設定作業を大幅に削減できるため、ウェブページの設計とメンテナンスが大幅に容易になります。具体的な応用例: スタイルシート内の要素の表示スタイルの定義を変更すると、そのスタイルシートを使用するすべてのウェブページ内の対応する要素の表示スタイルが自動的に変更されます。
10. Webページ制作におけるスタイル設定方法にはどのようなものがありますか？それぞれの特徴は何ですか？
【答え】
Webページの作成方法は、インラインスタイル設定、直接埋め込みスタイル設定、外部リンクスタイル設定の3つがあります。
1) インラインスタイル設定:
設定方法: スタイルを設定する各タグ要素のスタイル属性を直接変更します。
利点: 直感的で便利。
デメリット: 保守や変更が容易ではない。
適用対象: Web ページ上で変更する必要がある個々の要素のスタイル定義。
2) 直接埋め込みスタイル設定:
設定方法: HTML文書の<head></head>と<style></style>の間に<style></style>定義を追加する最初の部分には、スタイル設定が必要なすべての要素の属性が含まれています。
利点: 現在のページ内のすべての要素のスタイルを変更および維持するのに便利です。
デメリット：ウェブサイト構築では、同じスタイル設定を使用するのは面倒です。
適用対象: 単一の Web ページのスタイル定義。
3) 外部リンクスタイル設定:
設定方法: すべてのスタイル定義を別のファイルに置きます。このファイルで指定されたスタイルを使用する必要があるすべての Web ページでは、<head> と </head> の間にスタイルファイルへのリンクを追加します。<link type="text/css" href="MyStyle1.css" rel="Stylesheet" />それでおしまい;
適用対象: 統一された表示スタイルを必要とする Web サイトの構築。
11. ユーザー定義クラスと ID を定義して使用する場合の違いは何ですか?
【答え】
定義する際、クラスはピリオド「.」で始まり、ID は # で始まります。クラスを使用すると、ページ上の複数の異なる要素から参照できますが、ID はページ上で 1 回しか参照できません。
12. スタイル定義は次のとおりです。表示結果とそれに応じた説明を記入してください。
スタイルシートファイル StyleExercise.css:
引用文は次のとおりです。

コードをコピー

コードは次のとおりです。

体
{
背景色:#ccccff;
}
p
{
色：青;
フォントサイズ:30px;
}
h1
{
色：黄色;
フォントサイズ:中;
}
パ
{
色：オレンジ;
フォントサイズ:40px;
}

HTML ファイル:
引用文は次のとおりです。

コードをコピー

コードは次のとおりです。

<ヘッド>
<title>スタイルの宿題演習</title>
<link type="text/css" rel=スタイルシート href=StyleExercise.css />
<スタイル>
h1{色:赤;}
.first{背景色:黒;}
</スタイル>
</head>
<本文>
<h1 style="color:brown;">タイトル 1</h1>
<h1 class=first>タイトル 2</h1>
<p style="font-size:20px;">テキスト</p>
<p>これは <a href=<a href="https://www.jb51.net">https://www.jb51.net</a>>link</a> のデモです。 </p>
<a href=<a href="https://www.jb51.net">https://www.jb51.net</a>>別のリンク</a>
</本文>

1) 初めて使用されるP、H1〜H6タグは赤色の「40px」フォントサイズで表示されます。
2) ハイパーリンクが選択されていない場合は青いフォントで表示され、マウスをその上に移動すると、元のフォントサイズの 1.5 倍のオレンジ色のフォントで表示されます。ハイパーリンクをクリックすると、濃い赤のフォントで表示されます。
3) Pマークの付いたコンテンツはすべてリスト形式で表示されます。
4) 挿入された画像の左側と右側の両方にテキストを表示できます。
5) 背景画像を使用し、ページ全体の両方向に並べて表示します。
【答え】
この HTML ページはスタイルシートファイルにリンクされており、表示されるときの背景色は「#ccccff」になります。
「タイトル 1」: 3 つのスタイル定義方法をすべて使用します。最後に、近接の原則に従って、インラインスタイルで定義された色「茶色」と、外部リンクされたスタイルシートファイルで定義されたフォントサイズ「中」で表示されます。
「見出し 2」: 外部リンクと直接埋め込まれたスタイル定義を使用し、直接埋め込まれた定義で定義された色「赤」、クラス .first で定義された背景色「黒」、外部リンクスタイルで定義されたフォントサイズ「中」で表示されます。
「テキスト」: 外部リンクとインラインの両方のスタイル定義を使用し、インラインで定義されたフォントサイズ「20px」と外部リンクのスタイル定義の色「青」で表示されます。
「これは...のデモンストレーションです」: 外部リンクのスタイル定義が使用され、色「青」、フォントサイズ「30 px」で表示されます。単語「link」はセレクターを含むスタイル定義を使用し、スタイルシートで定義された色「オレンジ」、フォントサイズ「40 px」で表示されます。
「別のリンク」: スタイルが定義されていないため、デフォルトの方法で表示されます。
1) 初めて使用されるP、H1〜H6タグは赤色の「40px」フォントサイズで表示されます。
2) ハイパーリンクが選択されていない場合は青いフォントで表示され、マウスをその上に移動すると、元のフォントサイズの 1.5 倍のオレンジ色のフォントで表示されます。ハイパーリンクをクリックすると、濃い赤のフォントで表示されます。
3) Pマークの付いたコンテンツはすべてリスト形式で表示されます。
4) 挿入された画像の左側と右側の両方にテキストを表示できます。
5) 背景画像を使用し、ページ全体の両方向に並べて表示します。
13. スクリプト言語とは何ですか? 人気のあるスクリプト言語は何ですか? 主な違いは何ですか?
【答え】
スクリプト言語は、HTML言語とC++やVisual Basicなどのプログラミング言語の中間に位置する言語です。形式や機能は後者に近いかもしれませんが、アプリケーション開発言語ではないため、文法規則はそれほど厳密で複雑ではなく、コンパイルも必要ありません。現在人気のあるブラウザスクリプト言語には、ECMAScript、Jscript、JavaScript、VBScript などがあります。
VBScript は、ブラウザーで動作するように特別に設計された Visual Basic のサブセットです。ファイルアクセスや印刷など、スクリプトの範囲外の一部機能は含まれていません。これは Microsoft の Visual Basic 言語に基づいています。現在、Microsoft Internet Explorer バージョン 3 以上のみが VBScript をサポートしています。Netscape ブラウザは VBScript をサポートしていません。
JScript は、C、C++、Java などのプログラミング言語のグループから派生したものです。これは、Microsoft が Internet Explore 3.0 ブラウザで実装を開始した解釈型スクリプト言語です。 Jscript は Netscape が公開した JavaScript ドキュメントから生まれましたが、JavaScript のすべての機能を備えているわけではありません。
JavaScript は SUN の JAVA 言語に基づいており、クライアント側とサーバー側のオブジェクトとリソースを相互に接続できる動的なオンラインアプリケーションを作成するために使用されます。 Microsoft Internet Explorer と Netscape Navigator はどちらも JavaScript をサポートしています。
14. 情報行を表示するために下から上にスクロールする必要がある ASP.NET Web アプリケーションを設計します。
【答え】
1) 新しい Web アプリケーションを作成し、Default.aspx ページのソースビューに <MARQUEE></MARQUEE> を追加します。
2) [デザイン] ビューに切り替えて、コントロールのサイズと位置を調整し、「MARQUEE コントロール演習へようこそ」などの表示内容をコントロールに入力します。
3) コントロールの [behavior] プロパティを [scroll] に変更します。
4) コントロールの [direction] プロパティを [up] に変更します。
15. バックグラウンドミュージック、モーダルダイアログボックス、非モーダルダイアログボックスに関する情報を検索し、それらの使用方法を学習します。モーダルダイアログボックスと非モーダルダイアログボックスの違いは何ですか?
【答え】
bgsoundを使用してバックグラウンドミュージックを再生できます。たとえば、音楽ファイルの数が多い場合、音楽名をデータベースに保存しておけば、状況に応じて再生する音楽を柔軟に選択できます。
モーダルダイアログボックスの形式は次のとおりです。
window.showModalDialog(sURL[,vArguments][,sFeatures])
指定された HTML ドキュメントを表示するモーダルダイアログボックスを作成するために使用されます。 sURL は HTML ドキュメントを指定するために使用される文字列です。vArgumentsはドキュメントを表示するときに使用されるパラメータを指定します。sFeatures はフォームのパラメータ値を指定するために使用されます。例えば：
引用文は次のとおりです。

コードをコピー

コードは次のとおりです。

モードレスダイアログボックスの形式は次のとおりです。
window.showModelessDialog(sURL[,vArguments][,sFeatures])
パラメータの意味はモーダルダイアログボックスと同じです。例えば：
引用文は次のとおりです。

コードをコピー

コードは次のとおりです。

<<: HTML ボディタグと HTML でよく使われる制御タグの詳細な説明

>>: MySQLの分離レベルとロックメカニズムの詳細な説明