2023年8月1日发(作者：)

美工组面试问题

美工组面试问题

美工面试题总结

面试题类型一：

一、 填空题（40分）

1、目前常用的WEB标准静态页面语言是。（4分）

2、改变元素的外边距用，改变元素的内填充用。（6分）

3、在Table中，TR是，TD是。（6分）

4、如果给一行两列的表格（table）定义高度样式，在标签中定义最合理，最能减少代码的臃肿。（5分）

5、对ul li的样式设成无，应该是用什么属性。（6分）

6、在新窗口打开链接的方法是。（4分）

7、Color:#666666;可缩写为。（2分）

8、合理的页面布局中常听过结构与表现分离，那么结构是，表现是。（9分）

二、选择题（20分）

1、在下面的 XHTML 中，哪个可以正确地标记折行？（5分）

A：
B： C：

2、下列哪些是格式良好的 XHTML？（5分）

A：

A short paragraph

B：

A short paragraph

C：

A short paragraph

3、在以下的 HTML 中，哪个是正确引用外部样式表的方法？（5分）

A：

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline

3.为什么FF下文本无法撑开容器的高度?

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6

可以这样定义：

div { height:auto!important; height:200px; min-height:200px; }

4.为什么web标准中IE无法设置滚动条颜色了?

原来样式设置：

解决办法是将body换成html

5.为什么无法定义1px左右高度的容器?

IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

6.怎么样才能让层显示在FLASH之上呢?

解决的办法是给FLASH设置透明:

7.怎样使一个层垂直居中于浏览器中?

这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二

8、firefox嵌套div标签的居中问题的解决方法

假定有如下情况：

如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切 正常；但是在Firefox中b却会是居左的。

解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin: 0 auto;。

9、HTML的含义是什么?其主体部分由什么标记构成?

HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。

10、标记br和p有什么区别?

标记br和p都可以用来换行，但是二者是有区别的。

标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而

标记在换行的时候另起了一新的段落；

标记无对应的结束标记
，而

标记必须和

配合使用，不能省略

。

11、 URL指的是什么?有何作用?分为几种?有什么区别?

URL是统一资源定位符，用于定位Web上的文件信息。

URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称://计算机域名/路径和文件名。一般情况下，在指定外部Internet资源时应使用绝对URL。相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。

12、说明在网页设计中层的作用

层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。

它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。

13、CSS指的是什么?在网页制作中为什么要使用CSS技术?

CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

14、网页制作中有哪几种样式设置方法?各有何特点?

网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。

(1) 内联式样式设置：

设置方法：直接在要设置样式的各标记元素中修改style属性;

优点：直观、方便;

缺点：不易于维护和修改;

适用于：网页中个别需要修改的元素的样式定义;

(2) 直接嵌入式样式设置：

设置方法：在HTML文档的之间添加定义， 部分是所有需要设置样式的元素的属性定义。

优点：对当前页面内的所有元素的样式修改、维护比较方便; 缺点：对于网站建设，要采用相同的样式设置则比较麻烦;

适用于：单独网页的样式定义;

(3) 外部链接式样式设置：

设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加一个对该样式文件的链接：

href=”” rel=”Stylesheet” />即可;

适用于：需要统一显示样式的网站建设。

15、用户自定义的类和ID在定义和使用时有什么区别?

定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。

16、为什么web标准中IE无法设置滚动条颜色了?

原来样式设置：

解决办法是将body换成html

17、 样式定义如下，试说明显示结果，并做相应解释

样式表文件：

body{background-color:#ccccff;}

p{color:Blue;font-size:30px; }

h1{color:Yellow;font-size:medium;}

p a{color :Orange;font-size:40px; }

HTML文件：

样式作业练习

scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }

标题1

标题2

文本

这是一个链接演示。

另一个链接

(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”显示;

“另一个链接”：没有样式定义，按默认方式显示。

18、什么是脚本语言?目前流行的有哪些脚本语言?主要区别是什么?

脚本语言是一种介于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。

19、设计一个应用程序，要求从下向上滚动显示一行信息 (1)建立一个新的Web应用程序，在页面的【源】视图中加入。

(2)切换到【设计】视图，调整控件大小和位置，然后在控件中输入显示内容，例如“欢迎参加MARQUEE控件练习”。

(3)修改该控件的【behavior】属性为【scroll】。

(4)修改该控件的【direction】属性为【up】。

20、查找资料，学习掌握如何使用背景音乐、模式对话框和非模式对话框?模式对话框和非模式对话框的区别是什么?

可以用bgsound播放背景音乐，例如,当音乐文件个数较多时，可以把音乐名保存到数据库中，然后根据具体情况灵活地选择要播放的乐曲。

模式对话框的格式为：

(sURL[,vArguments][,sFeatures])

用来创建一个展示指定HTML文档的模式对话框。sURL是字符串，用来指定HTML文档;vArguments指定展示文档时使用的参数;sFeatures用来指定窗体的参数值。例如：

非模式对话框的格式为：

(sURL[,vArguments][,sFeatures])

参数含义同模式对话框。例如：

21、请设计一个类似XX站点首页的web 页面：

1．页面为典型的header, footer加3栏的结构； 2．页面在800×600以上显示分辨率下是自动适应浏览器宽度的（自动变宽）；

3．Header区域有站点logo, 和主菜单，主菜单采用tab风格横向排列；

4．样式表中应该至少定义

,

,

,

, 等标签，使得这些标签可以在页面上显示美观。

您可以分析和研究XX站点目前的页面和css, 但绝对不要抄袭XX站点的页面结构和css, 也不要复制目前的页面的设计，这个考试不但考您的'html, css知识，而且考您的基本构图和美感，因此您可以在上述基本要求满足的情况下，任意自由发挥。

注意事项：

1．使用CSS + DIV来组织页面结构，不允许使用

来组织；主菜单的tab请用
    来实现，通过css控制其样式

    2．手写代码，不允许使用可视化网页编辑工具

    3．请把CSS单独文件存放，如果需要使用Javascript, js文件也单独存放，注意文件命名和class, id的命名规范

    4．尽可能少使用图片，而多依靠css来控制颜色

    网页制作知识：div+css 面试题目

    1.超链接访问过后hover样式就不出现的问题?

    被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A

    的双倍边距BUG

    例如:

    浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为什么FF下文本无法撑开容器的高度?

    标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉he

    ight设置min-height:200px; 这里为了照顾不认识min-height的IE6

    可以这样定义：

    div { height:auto!important; height:200px; min-height:200px; }

    4.为什么web标准中IE无法设置滚动条颜色了?

    原来样式设置：

    解决办法是将body换成html

    5.为什么无法定义1px左右高度的容器?

    IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

    6.怎么样才能让层显示在FLASH之上呢?

    解决的办法是给FLASH设置透明:

    7.怎样使一个层垂直居中于浏览器中?

    这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二

    8、firefox嵌套div标签的居中问题的解决方法

    假定有如下情况：

    如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切 正常；但是在Firefox中b却会是居左的。

    解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin: 0 auto;。

    呵呵。分享一下我给应聘“界面与网页设计帅”出的题。

    这套题没有分数的，我只是看应聘者掌握了哪方面的知识。以及对代码的熟悉。

    呵呵。个人认为不太难。但现在面试近十人了，没有一个人能够做到全对的。呵呵，很多是不会，因为大多是偏重

    于设计。但很多人是因为粗心

    一、 理论题

    1. HTML中文全称为：

    2. 网页中的12px等于 pt

    3. 如何网页实现文本框的50%透明背景？

    4. Photoshop中，下面哪些命令可以调节图像的色彩

    a. 曲线 b. 蒙版 c. 色相|饱和度 d. 渐变映射 5. Photoshop中，哪些工具或命令产生的元素是矢量的

    a. 曲线 b. 钢笔 c. 铅笔 d. 径向模糊

    6. Flash中，如何将位图转换成矢量图？

    7. Dreamweaver中网页预览的快捷链是：

    请将下列代码转换成网页图形

1px”>

1 text here 2
3

width=”60″ height=”60″>

 5
a b c d

第三项，也就是上机操作了，二十分钟做出一个下拉菜单。很简width=”400″ border=”0″ cellspacing=”0″

cellpadding=”4″ style=”border-bottom: #000000 solid 单的那种。 [/quote]

闭卷考试的话我可能都不及格了

//css

1. css 中id和class如何定义,哪个定义的优先级别高?

如class定义一个html元素没有边框,而id定义这个元素有边框,结果呢?

id级别高,定义的html元素有边框

2. 如何指定div元素中样式类为c1,字体大小为9pt 的css样式?

答案1:div .c1{font-size:9pt;}

//html

答案2: 1)在css文件中定义类c1

.c1

{

FONT-SIZE: 10pt;

}

2)设置div使用该样式。

…

//html

1. 用html实现如下表格(不如嵌套实用表格)

三行三列,其中第一行第一列和第二行第一列合并;

第二行第二列和第二行第三列合并(现场画表)

2. web标准网站有那些优点

便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等

//js 1. 简述ajax的原理.

利用XmlHttpQuest实现在脚本中访问web服务，并可使用回调函数来实现页面的异步调用，就是当用户在页面上操作的时候，可以不用页面刷新就完成服务端的一次调用。

2. js中如何定义class,如何扩展prototype?

答案:function class1(){};

() = function(){};

3. 如何添加html元素的事件,有几钟方法.

答案1:

(“onload”,fn);

答案2: 1) 直接在页面html元素中添加；

2) 通过页面设计器添加；

1. Web应用程序的模板有哪些?它们之间的区别是什么?

【解答】

模板有：网站、 Web服务、个人网站初学者工具包、空网站四类。

网站_即通常说的Web 应用程序，它包括有文件系统站点、本地IIS站点、FTP站点和远程站点四类。通过第11章的图11-1中的“位置”来选择不同的站点类型。

Web服务_是一个服务器端提供的服务，该服务器端提供了一些方法，这些方法可以在Internet上被其他客户在任何操作平台上直接调用，而且不需要考虑这些方法是用哪种语言写的。

个人网站初学者工具包_是一个已经创建好了的个人网站，其中包括主页、摘要和相册等。可以在此基础上添加自己的内容或者是页面。

空网站_创建时仅仅建立一个空白的项目，不包含任何文件或页面。可以向其中添加所需要的各种资源文件。

2. 什么是同步网站?上机完成例11-2，体会其含义。

【解答】

在本地网站和远程网站间通过复制网站工具复制每一个文件的最新版本，以致两个网站拥有所有文件的同一副本，这样的过程就是同步网站。

3. HTML的含义是什么?其主体部分由什么标记构成?

【解答】

HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。

4. 标记br和p有什么区别?

【解答】

标记br和p都可以用来换行，但是二者是有区别的。

标记使当前行强行中断而另 起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而

标记在换行的时候另起了一新的段落；< br>标记无对应的结束标记
，而

标记必须和

配合使用，不能省略< /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)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给 网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

【美工组面试问题】

2023年8月1日发(作者：)

美工组面试问题

美工组面试问题

美工面试题总结

面试题类型一：

一、 填空题（40分）

1、目前常用的WEB标准静态页面语言是。（4分）

2、改变元素的外边距用，改变元素的内填充用。（6分）

3、在Table中，TR是，TD是。（6分）

4、如果给一行两列的表格（table）定义高度样式，在标签中定义最合理，最能减少代码的臃肿。（5分）

5、对ul li的样式设成无，应该是用什么属性。（6分）

6、在新窗口打开链接的方法是。（4分）

7、Color:#666666;可缩写为。（2分）

8、合理的页面布局中常听过结构与表现分离，那么结构是，表现是。（9分）

二、选择题（20分）

1、在下面的 XHTML 中，哪个可以正确地标记折行？（5分）

A：
B： C：

2、下列哪些是格式良好的 XHTML？（5分）

A：

A short paragraph

B：

A short paragraph

C：

A short paragraph

3、在以下的 HTML 中，哪个是正确引用外部样式表的方法？（5分）

A：

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline

3.为什么FF下文本无法撑开容器的高度?

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉he ight设置min-height:200px; 这里为了照顾不认识min-height的IE6

可以这样定义：

div { height:auto!important; height:200px; min-height:200px; }

4.为什么web标准中IE无法设置滚动条颜色了?

原来样式设置：

解决办法是将body换成html

5.为什么无法定义1px左右高度的容器?

IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

6.怎么样才能让层显示在FLASH之上呢?

解决的办法是给FLASH设置透明:

7.怎样使一个层垂直居中于浏览器中?

这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二

8、firefox嵌套div标签的居中问题的解决方法

假定有如下情况：

如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切 正常；但是在Firefox中b却会是居左的。

解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin: 0 auto;。

9、HTML的含义是什么?其主体部分由什么标记构成?

HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。

10、标记br和p有什么区别?

标记br和p都可以用来换行，但是二者是有区别的。

标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而

标记在换行的时候另起了一新的段落；

标记无对应的结束标记
，而

标记必须和

配合使用，不能省略

。

11、 URL指的是什么?有何作用?分为几种?有什么区别?

URL是统一资源定位符，用于定位Web上的文件信息。

URL有绝对和相对之分。绝对URL就是指完整的资源地址，具体形式为：协议名称://计算机域名/路径和文件名。一般情况下，在指定外部Internet资源时应使用绝对URL。相对URL指资源相对于当前页面的路径。使用相对URL时，一般使用点“.”和双点“..”表示当前目录和上一级目录(父目录)。在制作网站的时候，只要站点各资源的相对位置不变，就使用相对URL。

12、说明在网页设计中层的作用

层，也就是DIV标记，是一个区块级的HTML标记，在该标记之间可以添加段落、表格、图片等内容，使同一个DIV标记中的元素具有相同的样式，并可在页面显示时同时出现、移动以及隐藏。

它的主要作用有以下两点：(1) 将一些标记元素组织起来，应用DIV的属性为这些标记元素定义统一的样式;(2) 利用其z-index属性，实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能。

13、CSS指的是什么?在网页制作中为什么要使用CSS技术?

CSS(Cascading Style Sheets)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

14、网页制作中有哪几种样式设置方法?各有何特点?

网页制作中有：内联式样式设置、直接嵌入式样式设置和外部链接式样式设置三种方式。

(1) 内联式样式设置：

设置方法：直接在要设置样式的各标记元素中修改style属性;

优点：直观、方便;

缺点：不易于维护和修改;

适用于：网页中个别需要修改的元素的样式定义;

(2) 直接嵌入式样式设置：

设置方法：在HTML文档的之间添加定义， 部分是所有需要设置样式的元素的属性定义。

优点：对当前页面内的所有元素的样式修改、维护比较方便; 缺点：对于网站建设，要采用相同的样式设置则比较麻烦;

适用于：单独网页的样式定义;

(3) 外部链接式样式设置：

设置方法：把所有样式定义放在一个独立的文件中，凡是需要使用该文件中规定样式的网页，只要在其与之间添加一个对该样式文件的链接：

href=”” rel=”Stylesheet” />即可;

适用于：需要统一显示样式的网站建设。

15、用户自定义的类和ID在定义和使用时有什么区别?

定义时，类以英文形式的句点“.”为起始标志，ID以“#”为起始标志;使用时，类可以在一个页面中被多个不同的元素引用，而ID在一个页面中只能被引用一次。

16、为什么web标准中IE无法设置滚动条颜色了?

原来样式设置：

解决办法是将body换成html

17、 样式定义如下，试说明显示结果，并做相应解释

样式表文件：

body{background-color:#ccccff;}

p{color:Blue;font-size:30px; }

h1{color:Yellow;font-size:medium;}

p a{color :Orange;font-size:40px; }

HTML文件：

样式作业练习

scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }

标题1

标题2

文本

这是一个链接演示。

另一个链接

(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”显示;

“另一个链接”：没有样式定义，按默认方式显示。

18、什么是脚本语言?目前流行的有哪些脚本语言?主要区别是什么?

脚本语言是一种介于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。

19、设计一个应用程序，要求从下向上滚动显示一行信息 (1)建立一个新的Web应用程序，在页面的【源】视图中加入。

(2)切换到【设计】视图，调整控件大小和位置，然后在控件中输入显示内容，例如“欢迎参加MARQUEE控件练习”。

(3)修改该控件的【behavior】属性为【scroll】。

(4)修改该控件的【direction】属性为【up】。

20、查找资料，学习掌握如何使用背景音乐、模式对话框和非模式对话框?模式对话框和非模式对话框的区别是什么?

可以用bgsound播放背景音乐，例如,当音乐文件个数较多时，可以把音乐名保存到数据库中，然后根据具体情况灵活地选择要播放的乐曲。

模式对话框的格式为：

(sURL[,vArguments][,sFeatures])

用来创建一个展示指定HTML文档的模式对话框。sURL是字符串，用来指定HTML文档;vArguments指定展示文档时使用的参数;sFeatures用来指定窗体的参数值。例如：

非模式对话框的格式为：

(sURL[,vArguments][,sFeatures])

参数含义同模式对话框。例如：

21、请设计一个类似XX站点首页的web 页面：

1．页面为典型的header, footer加3栏的结构； 2．页面在800×600以上显示分辨率下是自动适应浏览器宽度的（自动变宽）；

3．Header区域有站点logo, 和主菜单，主菜单采用tab风格横向排列；

4．样式表中应该至少定义

,

,

,

, 等标签，使得这些标签可以在页面上显示美观。

您可以分析和研究XX站点目前的页面和css, 但绝对不要抄袭XX站点的页面结构和css, 也不要复制目前的页面的设计，这个考试不但考您的'html, css知识，而且考您的基本构图和美感，因此您可以在上述基本要求满足的情况下，任意自由发挥。

注意事项：

1．使用CSS + DIV来组织页面结构，不允许使用

来组织；主菜单的tab请用
    来实现，通过css控制其样式

    2．手写代码，不允许使用可视化网页编辑工具

    3．请把CSS单独文件存放，如果需要使用Javascript, js文件也单独存放，注意文件命名和class, id的命名规范

    4．尽可能少使用图片，而多依靠css来控制颜色

    网页制作知识：div+css 面试题目

    1.超链接访问过后hover样式就不出现的问题?

    被点击访问过的超链接样式不在具有hover和active了,解决方法是改变CSS属性的排列顺序: L-V-H-A

    的双倍边距BUG

    例如:

    浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline 3.为什么FF下文本无法撑开容器的高度?

    标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度，又想能被撑开需要怎样设置呢？办法就是去掉he

    ight设置min-height:200px; 这里为了照顾不认识min-height的IE6

    可以这样定义：

    div { height:auto!important; height:200px; min-height:200px; }

    4.为什么web标准中IE无法设置滚动条颜色了?

    原来样式设置：

    解决办法是将body换成html

    5.为什么无法定义1px左右高度的容器?

    IE6下这个问题是因为默认的行高造成的，解决的方法也有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

    6.怎么样才能让层显示在FLASH之上呢?

    解决的办法是给FLASH设置透明:

    7.怎样使一个层垂直居中于浏览器中?

    这里使用百分比绝对定位，与外补丁负值的方法，负值的大小为其自身宽度高度除以二

    8、firefox嵌套div标签的居中问题的解决方法

    假定有如下情况：

    如果要实现b在a中居中放置，一般只需用CSS设置a的text-align属性为center。这样的方法在IE里看起来一切 正常；但是在Firefox中b却会是居左的。

    解决办法就是设置b的横向margin为auto。例如设置b的CSS样式为：margin: 0 auto;。

    呵呵。分享一下我给应聘“界面与网页设计帅”出的题。

    这套题没有分数的，我只是看应聘者掌握了哪方面的知识。以及对代码的熟悉。

    呵呵。个人认为不太难。但现在面试近十人了，没有一个人能够做到全对的。呵呵，很多是不会，因为大多是偏重

    于设计。但很多人是因为粗心

    一、 理论题

    1. HTML中文全称为：

    2. 网页中的12px等于 pt

    3. 如何网页实现文本框的50%透明背景？

    4. Photoshop中，下面哪些命令可以调节图像的色彩

    a. 曲线 b. 蒙版 c. 色相|饱和度 d. 渐变映射 5. Photoshop中，哪些工具或命令产生的元素是矢量的

    a. 曲线 b. 钢笔 c. 铅笔 d. 径向模糊

    6. Flash中，如何将位图转换成矢量图？

    7. Dreamweaver中网页预览的快捷链是：

    请将下列代码转换成网页图形

1px”>

1 text here 2
3

width=”60″ height=”60″>

 5
a b c d

第三项，也就是上机操作了，二十分钟做出一个下拉菜单。很简width=”400″ border=”0″ cellspacing=”0″

cellpadding=”4″ style=”border-bottom: #000000 solid 单的那种。 [/quote]

闭卷考试的话我可能都不及格了

//css

1. css 中id和class如何定义,哪个定义的优先级别高?

如class定义一个html元素没有边框,而id定义这个元素有边框,结果呢?

id级别高,定义的html元素有边框

2. 如何指定div元素中样式类为c1,字体大小为9pt 的css样式?

答案1:div .c1{font-size:9pt;}

//html

答案2: 1)在css文件中定义类c1

.c1

{

FONT-SIZE: 10pt;

}

2)设置div使用该样式。

…

//html

1. 用html实现如下表格(不如嵌套实用表格)

三行三列,其中第一行第一列和第二行第一列合并;

第二行第二列和第二行第三列合并(现场画表)

2. web标准网站有那些优点

便于网站页面改版,换肤,搜索引擎搜索,客户端浏览,减少网络流量等等

//js 1. 简述ajax的原理.

利用XmlHttpQuest实现在脚本中访问web服务，并可使用回调函数来实现页面的异步调用，就是当用户在页面上操作的时候，可以不用页面刷新就完成服务端的一次调用。

2. js中如何定义class,如何扩展prototype?

答案:function class1(){};

() = function(){};

3. 如何添加html元素的事件,有几钟方法.

答案1:

(“onload”,fn);

答案2: 1) 直接在页面html元素中添加；

2) 通过页面设计器添加；

1. Web应用程序的模板有哪些?它们之间的区别是什么?

【解答】

模板有：网站、 Web服务、个人网站初学者工具包、空网站四类。

网站_即通常说的Web 应用程序，它包括有文件系统站点、本地IIS站点、FTP站点和远程站点四类。通过第11章的图11-1中的“位置”来选择不同的站点类型。

Web服务_是一个服务器端提供的服务，该服务器端提供了一些方法，这些方法可以在Internet上被其他客户在任何操作平台上直接调用，而且不需要考虑这些方法是用哪种语言写的。

个人网站初学者工具包_是一个已经创建好了的个人网站，其中包括主页、摘要和相册等。可以在此基础上添加自己的内容或者是页面。

空网站_创建时仅仅建立一个空白的项目，不包含任何文件或页面。可以向其中添加所需要的各种资源文件。

2. 什么是同步网站?上机完成例11-2，体会其含义。

【解答】

在本地网站和远程网站间通过复制网站工具复制每一个文件的最新版本，以致两个网站拥有所有文件的同一副本，这样的过程就是同步网站。

3. HTML的含义是什么?其主体部分由什么标记构成?

【解答】

HTML即Hyper Text Markup Language超文本标记语言，是构成网页最基本的元素。标记和之间的内容构成了HTML的主体部分，网页中的所有内容，包括文字、图形、链接以及其他页面元素都包含在该标记符内。

4. 标记br和p有什么区别?

【解答】

标记br和p都可以用来换行，但是二者是有区别的。

标记使当前行强行中断而另 起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而

标记在换行的时候另起了一新的段落；< br>标记无对应的结束标记
，而

标记必须和

配合使用，不能省略< /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)也叫层叠样式表，它是用来控制网页中一个或多个元素的外观。在网页制作中，使用样式表可以减少很多具有相同外观元素的重复设置工作，从而给 网页的设计和维护带来了很大的方便;具体应用是：改变样式表中元素显示样式的定义，则在使用该样式表的所有网页中相应元素的显示样式都会自动发生改变。

【美工组面试问题】