网页设计师职位应聘面试的常见试题及参考答案
(编辑：jimmy 日期: 2024/12/23 浏览：3 次 )
1. ASP.NET Web应用程序的模板有哪些?它们之间的区别是什么?
【解答】
模板有：ASP.NET网站、ASP.NET Web服务、个人网站初学者工具包、空网站四类。
ASP.NET网站_即通常说的Web 应用程序，它包括有文件系统站点、本地IIS站点、FTP站点和远程站点四类。通过第11章的图11-1中的“位置”来选择不同的站点类型。
ASP.NET Web服务_是一个服务器端提供的服务，该服务器端提供了一些方法，这些方法可以在Internet上被其他客户在任何操作平台上直接调用，而且不需要考虑这些方法是用哪种语言写的。
个人网站初学者工具包_是一个已经创建好了的个人网站，其中包括主页、摘要和相册等。可以在此基础上添加自己的内容或者是页面。
空网站_创建时仅仅建立一个空白的项目，不包含任何文件或页面。可以向其中添加所需要的各种资源文件。
2. 什么是同步网站?上机完成例11-2，体会其含义。
【解答】
在本地网站和远程网站间通过复制网站工具复制每一个文件的最新版本，以致两个网站拥有所有文件的同一副本，这样的过程就是同步网站。
3. HTML的含义是什么?其主体部分由什么标记构成?
【解答】
HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。
4. 标记br和p有什么区别?
【解答】
标记br和p都可以用来换行，但是二者是有区别的。<br>标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而<p>标记在换行的时候另起了一新的段落；<br>标记无对应的结束标记</br>，而<p>标记必须和</p>配合使用，不能省略</p>。
5. URL指的是什么?有何作用?分为几种?有什么区别?
【解答】
URL是统一资源定位符，用于定位Web上的文件信息。
URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称://计算机域名/路径和文件名。一般情况下，在指定外部Internet资源时应使用绝对URL。相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL.
6. 试画出代码如下的表格。
【解答】
第6题 得到的表格
7 说明在网页设计中层的作用。
【解答】
层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。
它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。
8. 母版页的作用是什么?
【解答】
母版页(Master Page)的扩展名为“.master”，它相当于网页的模板。在其他网页中，只要引用了母版页，母版页的页面就可以自动显示出来，设计者可以修改引用的母版页中预留的部分，其它部分保持不变，这样就可以使多个页面的风格保持一致，给网页设计带来了很大的方便。
9. CSS指的是什么?在网页制作中为什么要使用CSS技术?
【解答】
CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
10. 网页制作中有哪几种样式设置方法?各有何特点?
【解答】
网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。
1) 内联式样式设置：
设置方法：直接在要设置样式的各标记元素中修改style属性;
优点：直观、方便;
缺点：不易于维护和修改;
适用于：网页中个别需要修改的元素的样式定义;
2) 直接嵌入式样式设置：
设置方法：在HTML文档的<head></head>之间添加<style></style>定义，<style></style> 部分是所有需要设置样式的元素的属性定义。
优点：对当前页面内的所有元素的样式修改、维护比较方便;
缺点：对于网站建设，要采用相同的样式设置则比较麻烦;
适用于：单独网页的样式定义;
3) 外部链接式样式设置：
设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其<head>与</head>之间添加一个对该样式文件的链接：<link type="text/css" href="MyStyle1.css" rel="Stylesheet" /> 即可;
适用于：需要统一显示样式的网站建设。
11. 用户自定义的类和ID在定义和使用时有什么区别?
【解答】
定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。
12. 样式定义如下，试说明显示结果，并做相应解释。
样式表文件StyleExercise.css：
以下是引用片段：
复制代码代码如下:
body
{
background-color:#ccccff;
}
p
{
color:Blue;
font-size:30px;
}
h1
{
color:Yellow;
font-size:medium;
}
p a
{
color :Orange;
font-size:40px;
}
HTML文件：
以下是引用片段：
复制代码代码如下:
<head>
<title>样式作业练习</title>
<link type="text/css" rel=Stylesheet href=StyleExercise.css />
<style>
h1{color:red;}
.first{background-color:black;}
</style>
</head>
<body>
<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链接</a>演示。</p>
<a href=<a href="https://www.jb51.net">https://www.jb51.net</a另一个链接</a>
</body>
1) 第一次使用的P、H1~H6标记均以红色的“40px”大小的字体显示;
2) 超链接未选中时，以蓝色字体显示;当鼠标移动到上方时，以原字体大小的1.5倍的橙色字体显示;当超链接被点击之后，以暗红色字体显示;
3) 所有P标记的内容都以列表的形式显示;
4) 所插入图片的左右两侧都允许有文字出现;
5) 使用背景图片，并使其在整个页面的两个方向平铺。
【解答】
该HTML页面与样式表文件建立了链接，显示时以“#ccccff”色为背景色;
“标题1”：三种样式定义方式都使用了，最终按照就近原则，以内联式样式定义的颜色“brown”、外部链接的样式表文件定义的字体大小“medium”显示;
“标题2”：使用了外部链接和直接嵌入的样式定义，以直接嵌入式定义的颜色“red”、类.first定义的背景色“black”、 外部链接的样式定义的字体大小“medium”显示;
“文本”：使用了外部链接和内联式的样式定义，以内联式定义的字体大小“20px”、外部链接的样式定义的颜色“blue”显示;
“这是一个……演示”：使用了外部链接的样式定义，以颜色“blue”、 字体大小“30px”显示;其中“链接”二字，使用了包含选择符的样式定义，以样式表定义的颜色“orange”、字体大小“40px”显示;
“另一个链接”：没有样式定义，按默认方式显示。
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 Explore版本3或更高的版本支持VBScript，Netscape的浏览器并不支持VBScript。
JScript从一组编程语言如C, C++以及Java等之中脱离出来的，是Microsoft公司在其Internet Explore 3.0浏览器中开始实现的解释性脚本语言。Jscript来源于Netscape公司出版的JavaScript文档，但是并不具有JavaScript的全部特性。
JavaScript是基于SUN公司的JAVA语言，用于创建动态的联机应用程序，这些程序能够将客户端和服务器端的对象和资源连接在一起。Microsoft Internet Explore和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用来指定窗体的参数值。例如：
以下是引用片段：
复制代码代码如下:
<script>window.showModalDialog('test1.htm','Dialog Arguments Value',
'dialogHeight: 341px; dialogWidth: 656px; dialogTop: 86px; dialogLeft: 100px; edge: Raised;
center: Yes; help: Yes; resizable: Yes; status: Yes;');</script>
非模式对话框的格式为：
window.showModelessDialog(sURL[,vArguments][,sFeatures])
参数含义同模式对话框。例如：
以下是引用片段：
复制代码代码如下:
<script>window.showModelssDialog('test1.htm','Dialog Arguments Value',
'dialogHeight: 341px; dialogWidth: 656px; dialogTop: 86px; dialogLeft: 100px; edge: Raised;
center: Yes; help: Yes; resizable: Yes; status: Yes;');</script>
【解答】
模板有：ASP.NET网站、ASP.NET Web服务、个人网站初学者工具包、空网站四类。
ASP.NET网站_即通常说的Web 应用程序，它包括有文件系统站点、本地IIS站点、FTP站点和远程站点四类。通过第11章的图11-1中的“位置”来选择不同的站点类型。
ASP.NET Web服务_是一个服务器端提供的服务，该服务器端提供了一些方法，这些方法可以在Internet上被其他客户在任何操作平台上直接调用，而且不需要考虑这些方法是用哪种语言写的。
个人网站初学者工具包_是一个已经创建好了的个人网站，其中包括主页、摘要和相册等。可以在此基础上添加自己的内容或者是页面。
空网站_创建时仅仅建立一个空白的项目，不包含任何文件或页面。可以向其中添加所需要的各种资源文件。
2. 什么是同步网站?上机完成例11-2，体会其含义。
【解答】
在本地网站和远程网站间通过复制网站工具复制每一个文件的最新版本，以致两个网站拥有所有文件的同一副本，这样的过程就是同步网站。
3. HTML的含义是什么?其主体部分由什么标记构成?
【解答】
HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。
4. 标记br和p有什么区别?
【解答】
标记br和p都可以用来换行，但是二者是有区别的。<br>标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而<p>标记在换行的时候另起了一新的段落；<br>标记无对应的结束标记</br>，而<p>标记必须和</p>配合使用，不能省略</p>。
5. URL指的是什么?有何作用?分为几种?有什么区别?
【解答】
URL是统一资源定位符，用于定位Web上的文件信息。
URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称://计算机域名/路径和文件名。一般情况下，在指定外部Internet资源时应使用绝对URL。相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL.
6. 试画出代码如下的表格。
【解答】
第6题 得到的表格
7 说明在网页设计中层的作用。
【解答】
层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。
它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。
8. 母版页的作用是什么?
【解答】
母版页(Master Page)的扩展名为“.master”，它相当于网页的模板。在其他网页中，只要引用了母版页，母版页的页面就可以自动显示出来，设计者可以修改引用的母版页中预留的部分，其它部分保持不变，这样就可以使多个页面的风格保持一致，给网页设计带来了很大的方便。
9. CSS指的是什么?在网页制作中为什么要使用CSS技术?
【解答】
CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。
10. 网页制作中有哪几种样式设置方法?各有何特点?
【解答】
网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。
1) 内联式样式设置：
设置方法：直接在要设置样式的各标记元素中修改style属性;
优点：直观、方便;
缺点：不易于维护和修改;
适用于：网页中个别需要修改的元素的样式定义;
2) 直接嵌入式样式设置：
设置方法：在HTML文档的<head></head>之间添加<style></style>定义，<style></style> 部分是所有需要设置样式的元素的属性定义。
优点：对当前页面内的所有元素的样式修改、维护比较方便;
缺点：对于网站建设，要采用相同的样式设置则比较麻烦;
适用于：单独网页的样式定义;
3) 外部链接式样式设置：
设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其<head>与</head>之间添加一个对该样式文件的链接：<link type="text/css" href="MyStyle1.css" rel="Stylesheet" /> 即可;
适用于：需要统一显示样式的网站建设。
11. 用户自定义的类和ID在定义和使用时有什么区别?
【解答】
定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。
12. 样式定义如下，试说明显示结果，并做相应解释。
样式表文件StyleExercise.css：
以下是引用片段：
复制代码代码如下:
body
{
background-color:#ccccff;
}
p
{
color:Blue;
font-size:30px;
}
h1
{
color:Yellow;
font-size:medium;
}
p a
{
color :Orange;
font-size:40px;
}
HTML文件：
以下是引用片段：
复制代码代码如下:
<head>
<title>样式作业练习</title>
<link type="text/css" rel=Stylesheet href=StyleExercise.css />
<style>
h1{color:red;}
.first{background-color:black;}
</style>
</head>
<body>
<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链接</a>演示。</p>
<a href=<a href="https://www.jb51.net">https://www.jb51.net</a另一个链接</a>
</body>
1) 第一次使用的P、H1~H6标记均以红色的“40px”大小的字体显示;
2) 超链接未选中时，以蓝色字体显示;当鼠标移动到上方时，以原字体大小的1.5倍的橙色字体显示;当超链接被点击之后，以暗红色字体显示;
3) 所有P标记的内容都以列表的形式显示;
4) 所插入图片的左右两侧都允许有文字出现;
5) 使用背景图片，并使其在整个页面的两个方向平铺。
【解答】
该HTML页面与样式表文件建立了链接，显示时以“#ccccff”色为背景色;
“标题1”：三种样式定义方式都使用了，最终按照就近原则，以内联式样式定义的颜色“brown”、外部链接的样式表文件定义的字体大小“medium”显示;
“标题2”：使用了外部链接和直接嵌入的样式定义，以直接嵌入式定义的颜色“red”、类.first定义的背景色“black”、 外部链接的样式定义的字体大小“medium”显示;
“文本”：使用了外部链接和内联式的样式定义，以内联式定义的字体大小“20px”、外部链接的样式定义的颜色“blue”显示;
“这是一个……演示”：使用了外部链接的样式定义，以颜色“blue”、 字体大小“30px”显示;其中“链接”二字，使用了包含选择符的样式定义，以样式表定义的颜色“orange”、字体大小“40px”显示;
“另一个链接”：没有样式定义，按默认方式显示。
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 Explore版本3或更高的版本支持VBScript，Netscape的浏览器并不支持VBScript。
JScript从一组编程语言如C, C++以及Java等之中脱离出来的，是Microsoft公司在其Internet Explore 3.0浏览器中开始实现的解释性脚本语言。Jscript来源于Netscape公司出版的JavaScript文档，但是并不具有JavaScript的全部特性。
JavaScript是基于SUN公司的JAVA语言，用于创建动态的联机应用程序，这些程序能够将客户端和服务器端的对象和资源连接在一起。Microsoft Internet Explore和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用来指定窗体的参数值。例如：
以下是引用片段：
复制代码代码如下:
<script>window.showModalDialog('test1.htm','Dialog Arguments Value',
'dialogHeight: 341px; dialogWidth: 656px; dialogTop: 86px; dialogLeft: 100px; edge: Raised;
center: Yes; help: Yes; resizable: Yes; status: Yes;');</script>
非模式对话框的格式为：
window.showModelessDialog(sURL[,vArguments][,sFeatures])
参数含义同模式对话框。例如：
以下是引用片段：
复制代码代码如下:
<script>window.showModelssDialog('test1.htm','Dialog Arguments Value',
'dialogHeight: 341px; dialogWidth: 656px; dialogTop: 86px; dialogLeft: 100px; edge: Raised;
center: Yes; help: Yes; resizable: Yes; status: Yes;');</script>
下一篇：设计一个有趣的网站的方法与技巧(图)