美工面试题目（合集）

谁践踏了优雅 2024-03-17 13:12 68阅读 0赞

![378298b0b6c44f08960da5774c9b9c02.bmp][]

**美工面试题目篇1**

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分)

**　美工面试题目篇2**

1.用js代码写出一个页面加载后能不断变换背景的效果

2.利用DOM知识是列出一个ul中li的总数，li中的内容

3.写出你会用的兼容个中不同浏览器的hack css代码，如IE7 FF

4.说出你所知道的web标准方面的知识

5.高级图像处理(可网上查询教程)：模仿例图

6.Form表单的哪个属性是表单数据的传送方式?

7./images/123.jpg 与 images/123.jpg,那种写法是相对根目录的?

**　美工面试题目篇3**

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

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

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

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

标记使当前行强行中断而另起一行，但是新行与原来的行保持相同的属性，即新行与原来的行属于同一段落，而标记在换行的时候另起了一新的段落;标记无对应的结束标记，而标记必须和配合使用，不能省略。

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

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

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

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

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

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

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

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

**Web前端工程师笔试题**

**Web前端开发工程师笔试题篇1**

1. 在一个框架的属性面板中，不能设置下面哪一项。( C )

A.源文件 ; B.边框颜色 ;

C.边框宽度

D.滚动条

2. CSS样式表根据所在网页的位置，可分为?(B )

A.行内样式表、内嵌样式表、混合样式表

B.行内样式表、内嵌样式表、外部样式表

C.外部样式表、内嵌样式表、导入样式表

D.外部样式表、混合样式表、导入样式表

3.对于标签，其中\*代表GET或( C )

A. SET

B. PUT

C. POST

D. INPUT

4. HTML代码

表示?(D )

A. 创建表格

B. 创建一个滚动菜单

C. 设置每个表单项的内容

D. 创建一个下拉菜单

5. 在表单中包含性别选项，且默认状态为“男”被选中，下列正确的是( A )

男

6. 在CSS中下面哪种[方法][Link 1]表示超链接文字在鼠标经过时，超链接文字无下划线?(B )

A. A:link\{TEXT-DECORATION: underline \}

B. A:hover \{TEXT-DECORATION: none\}

C. A:active \{TEXT-DECORATION: blink \}

D. A:visited \{TEXT-DECORATION: overline \}

7. 下面代码片段，说法正确的是:(B )

.DIV1 \{ position:absolute;

line-height:22px;

height:58px;

background-color: \#FF0000; \}

A. Line-height:22px;修饰文本字体大小

B. position:absolute;表示绝对定位，被定位的元素位置固定

C. height:58px; 表示被修饰的元素距离别的元素的距离

D. background-color: \#FF0000; 表示被修饰的元素的背景图像

8. 在Dreamweaver 中, 在设置各个框架属性时, 参 数Scroll 是用来设置( B )属性的。

A. 是否进行颜色设置

B. 是否出现滚动条

C. 是否设置边框宽度

D. 是否使用默认边框宽度

9. 以下链接到电子邮件的正确格式是(B )

A. 邮箱

B. 邮箱

C. 邮箱

D. 邮箱

10. 若将Dreamweaver中2个横向相邻的单元格合并，则两单元格中文字会( A )

A.文字合并

B.左单元格文字丢失

C.右单元格文字丢失

D.系统出错

**Web前端开发工程师笔试题篇2**

1. ID为left的DIV标签，用CSS设置DIV的左边为红色实线，下面设置正确的是 (C )

A.style=”border-top: \#ff0000 1 solid;”

B.style=”border-left: 1, \#ff0000 ,solid;”

C.style=”border-left: 1 \#ff0000 solid;”

D.style=”border-right: 1, \#ff0000, dashed;”

2. html语言中，设置表格边框宽度的标签是?(A )

3. 的意思是?(A )

A. 图像相对于周围的文本左对齐

B. 图像相对于周围的文本右对齐

C. 图像相对于周围的文本底部对齐

D. 图像相对于周围的文本顶部对齐

4. 一个有 3 个框架的 Web 页实际上有几个独立 的HTML 文件?(C )

A. 2 B. 3

C. 4 D. 5

5. 下列标签可以不成对出现的是( B)

A.〈HTML〉〈/HTML〉

B.〈P〉 〈/P〉

C.〈TITLE〉〈/TITLE〉

D.〈BODY〉〈/BODY〉

6. 下列那个不是CSS选择符(A )

A.p

B..td

C.\#box

D.shop

7. 在CSS的三种选择符种，哪个优先级最高?( C )

A.标签选择符

B.类选择符号

C.ID选择符

8. 引入样式表的方式有几种?

引入样式表的方式有两种：方式一通过link引入，如

Type=“text/css” href=“css.css”> 方法二 通过import导入 如import css.css

9. 关于Document对象，下列叙述正确的是(AC )

a)Document对象表示浏览器中显示的HTML文档

b)Document对象的常用属性bgcolor用来设置文档的背景图片

c)Document对象的常用方法getElementById()用于访问唯一的一个元素

d)Document对象的常用方法getElementByNames()

10. 在javascript 中，以下哪个变量名是非法的(B )

a)Name

b)9name

c)Name\_a

d)Name9

**Web前端开发工程师笔试题篇3**

1. Javascript可以在以下什么地方执行?(B )

a)服务器端的IE浏览器

b)客户端的IE浏览器

c)在服务器端的tomcat容器里

d)在客户端的tomcat容器里

2. 在javascript中，( B )变量在函数外声明，并可从脚本的任意位置访问

a)局部

b)全局

c)typeOf

d)New

3. 关于javascript说法正确的是(B )。

a)它是面向对象的

b)它是基于对象的

c)它是面向过程的

d)以上说法都不正确

4. 以下哪条语句会产生运行错误(A )

A、var obj = ()

B、var obj = \[\]

C、var obj = \{\}

D、var obj = //

5. 在javascript中，下拉列表框的(B )方法可从列表中删除一个元素

a)Add( )

b)Remove( )

c)Focus( )

d)blur()

6. 请选择结果为真的表达式(C )

a)null instanceof Object

b)null === undefined

c)null == undefined

d)NaN == NaN

7. 在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本(AB )

8. 在javascript中，String 对象的方法不包括(D )。

a)charAt()

b)substring()

c)toUpperCase()

d)Length

9. 下拉菜单中，用户更改表单元素Select中的值时，就会调用(A )事件处理程序。( )

a)onChange

b)onFocus

c)onMouseOver

d)onClick

10. ( C )事件处理程序可用于在用户单击按钮时执行函数

a)onSubmit

b)onChange

c)onClick

d)onBlur

## **css怎么设置背景颜色透明度** ##

### **css设置背景颜色透明度的方法** ###

创建一个hml文件。

在hml文件找到一个<body>标签，在这个标签里创建一个<div>标签并添加一个类，在这把这个类设置为：rgba。

代码：<div class="rgba"></div>

为div添加样式。在<title>标签后面创建一个<style>，在<style>标签里设置rgba类的高和背景透明度的样式(rgba(R,G,B,A))。透明度参数，取值在0~1之间，不可为负值，透明度参数越小透明度越高。

保存后使用浏览器查看。可以看到当透明度为由0.1修改为1时div背景由灰色变为了黑色。

所有代码。可以把所有代码复制到新建的hml文件上，保存好后使用浏览器打开借口看到效果。

## **制作网站需要哪些技术\_网站建设有什么制作技术** ##

**　　网站建设的制作技术**

1、谈到网站制作技术，我们要站在用户角度来考虑，主要看我们做网站的时候要考虑到浏览者那端是否正常访问，这就是网站浏览器的兼容性问题。

目前处于浏览器的变化也非常的快，存在一个选择的问题，国内网民大部分使用老版本的IE浏览器比如IE6，但去年四月份的时候，微软宣布WindowsXP会推出历史舞台，其携带IE6会逐渐的退出，我们在制作网站的时候，建议着眼未来考虑，我们的网站至少要兼容IE8，也就是Windows7自带的浏览器版本。(要知道目前最新版本是IE11)，所以浏览器的兼容性是我们需要考虑的。

2、网站程序脚本，现在主流的网站制作技术是PHP+Mysql。

建议少用Flash，需要网页特技效果的话，我们最好统一使用jQuery。使用成熟可靠的Html5+Css3技术，这里需要注意的是，因为html5和CSS3目前还没有完全成熟，但其中有相当一部分技术已经成熟可以使用的。我们在网站制作的时候，可以有选择性的使用，前提是对这些技术有充分的了解与测试。

3、移动互联网这个大趋势，网站兼容手机浏览这个势在必行。

现在很多网站制作公司往往采用两个方案：一个是独立的手机网站，用来响应设计让一个网站自动适合不同尺寸的手机。当然这就用到网站制作公司的设计水平了，再就是一个针对电脑用户浏览的网站。

**　　网站建设的知识技术**

一、网站搭建原理

1、认识网站虚拟空间：虚拟空间是用来存放网站文件的。如：图片信息，html文件，php文件等。虚拟空间相当于一个硬盘空间，只是这个空间可以被互联网用户以网址或IP地址的形式访问。

2、认识域名的作用含义：域名可以理解为网站的地址，多个域名可以对应一个主机IP地址。最常见的还是一个IP对应一个域名。

3、动态网站的数据库支持：传统的静态网站无需数据库支持。而这是用来存放网站数据的空间，这里的网站数据可并非指的是网站的html文件、图像信息等，指的是如网站访客提交的留言，个人信息等。

二、建站基础知识

html:也就是超文本标记语言，这种语言是应用最广泛的一种语言，简单易懂，可以使得网站的文本和图像可以做到有机结合，形成一个整体。

table、div+css:每个网站都有着相当规范的布局排版，美观得体，这得益于table、div+css的布局技术，相较于table布局、xml的布局更加简单灵活、代码更加简洁。

Javascript技术：这是一种可以使得网站更加生动活泼的程序语言，如图片的自然切换，跑马灯等特效，让网站的页面更加有亲和力、生动形象。

三、平面设计

简单说来就是photoshop，一个优秀的网站不必可少的就是动人的设计，如网站的banner设计、logo图片、图标设计等都离不开优秀的平面设计来对网站进行图片的处理。

四、脚本语言

用来实现网站的一些基本功能，如用来完成动态网站的用户访问提交数据等，这种语言可以插入到html静态网页中，如php、asp等都是较为流行的服务器脚本语言。可以用来编写网站的后台用于管理网站，前台功能应用。

五、搜索引擎优化

制作网站的目的不仅仅是为了展示自己，更是为了获取更多的点击量以及转化量，更直接的目的是为了获得良好的搜索引擎排名。包括：SEO搜索引擎优化和SEM搜索引擎竞价推广，如网站结构的优化、代码优化、关键词布局等。都需要对网站进行不断完善。

六、编辑能力

简单的编辑能力只要会写文章即可，如果想让网站更有吸引力，优秀的文字功底必不可少，内容是网站的第一生产力，网站中原创的文章也是提高网站排名的助理。

七、代码质量

当创建一个网站，它是很好的做法，以符合标准。这通常是通过描述指定元件做什么。不符合标准的网站无法使用或容易出错的，标准可以涉及到正确的页面布局的可读性，以及确保适当地关闭了编码元素。

八、CMS建站

整站开发是一项浩大的工程，需要多人配合。制作网站CMS(内容管理系统)是再适合不过的、也是最为快捷的建站方式，很多优秀的CMS使得如今的网站建设更加智能化、简单易上手。只需要做出漂亮的前端，在页面中嵌入执行语句即可使得网站快速运作管理。

**　　网站建设必须掌握的技术**

1、图像处理软件

这样的软件有很多，用的最多的当属Photoshop，另外还有Fireworks、CoreldRAW、Illustrator、Freehand等等。当然，您如果都会最好，不过用好其中一个足以!

软件的具体学习我就不说了，您可以自己百度一下。

需要说明的是，如何利用图像处理软件设计网站界面(这也是一个不错的选择哦!在威客网上随便一个网站界面至少也得200rmb吧!我做过最高的一个是1000rmb，就一张图哦!)。

掌握软件的使用后我们需要考虑的是如何制作网站界面，这一点大家不用太着急，就像我们写文章一样。

抄——仿——创作

所以在界面设计方面首先也要抄，简单说呢，就是找您认为好的网站界面照着做，要完全自己做，尽可能做出来后一模一样。这样你每天做一个，做上半月应该可以了

然后您需要仿。曾听说过一句不知道是谁说的名言：设计就是天下一大抄!所以您可以选择性的仿作，比如头部仿这个站的，某个版块仿那个站的，另一版块再仿另外某个站点。这样的组合不要太格格不入即可。如此您仿上十几个应该可以创作了。

最后就是自己设计了。不要把设计想得很难，如果前面两个过程您都认认真真的完成了，您完全可以自己来设计的。相信我，也相信你自己!具体可查看网站美工教程

2、HTML代码

html是一种很简单的语言，你只需要记住它就可以了，没什么变化。具体请查看HTML&CSS教程。这里的重点是div+css。

3、Javascript&ajax

一个特效控制软件，一般用于表单控制及事件处理。具体可以看JavaScript教程

4、Dreamweaver

一个像word一样间的网页编辑软件。重点掌握其代码模式的操作。

5、动态编程语言和数据库

asp、php、jsp、asp.net。ASP教程

6、SEO技术

搜索引擎优化，具体可看网站推广SEO教程

[378298b0b6c44f08960da5774c9b9c02.bmp]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/15/0ea8c51aa0984aec9902d9ca3d28074e.png
[Link 1]: http://www.xuexila.com/way/