1、什么是Web标准？
Web标准是由W3C（W orldWide Web Consor tium）和其他标准化组织制定的一套规范集合，包含一系列标准，自然也包含了我们所熟悉的HTML，XHTML，JavaSc ript以及CSS等。
2、Web标准有哪三大部分？每部分的技术标准有哪些？
Web标准：结构、表现以及行为。
结构的web标准技术有：html（超文本标记语言）、xml（可扩展标记语言）、xhtml（可扩展超文本标记语言）
表现的web标准技术主要是CSS技术。
行为的Web标准技术主要有：DOM（文档对象模型）、ECMASc ript（JavaSc ript的扩展脚本语言）。
3、网站项目设计与开发的需求分析流程有哪些？
网站框架图或网站地图的规划、页面设计的需求总结、网站功能需求总结、技术说
明、关于网站优化的分析、网站报价、项目实施安排、售后服务
4、页面设计需求需要做哪些方面？
定义系统用户、页面整体配方案、页面数及分辨率、页面浏览器支持、页面广告及V I图标设计、页面交互设计、页面技术方案、网站页面搜索优化
5、网站功能需求需要做哪些方面？
网站功能级的需求，主要是指对网站整个业务流程和每个页面的功能模块的划分。
网站整体功能图、首页功能模块图、图书分类页、图书详细页、用户注册页、用户登录页、购物车页、平台帮助页
6、网页布局中常见的布局格式有哪些？
常用的布局模式主要包括：左中右、上中下，以及两种模式的结合。
7、网站设计布局中框架集有哪些？Iframe属于什么框架？
8、简述什么是位图，它与矢量图有什么区别？
位图是由许多点组成的，每一个点即为一个像素，位图可以编辑彩变化非常丰富的图像，图像容量
大。
矢量图又称为向量图形，是由线条和块组成的图像。
矢量图是由线条和块组成的图像，而位图是由许多点组成的。
9、简述图层的特点，它与像素和图像的关系是什么？
图层的特点：有上下关系、可以移动、相对独立、可以合并
图层是构成图像的重要组成单位，每个图层都由许多像素组成，而图层又通过叠加方
式组成整个图像。
10、图像常用的颜模式有几种？
RGB模式、C MYK模式、索引模式、灰度模式
11、三基是指哪三种颜？图像中的颜值分别有哪两种表示方式？
红、绿、蓝；两位16进制数
12、网页中能支持的图像格式有哪些？
PSD格式、JPG格式、G IF格式、PNG格式
13、简述蒙版的作用和原理
作用：在编辑图像中，为了方便的显示和隐藏原图像并且保护原图像不被更改
原理：蒙版是将不同灰度值转化为不同的透明度，并作用到它所在的图层，使图层不同部位透明度产生相应的变化。
14、什么是XHT ML语言，简述XHTM L语言结构？
XHTML指可扩展超文本标签语言（EXtens ibleHyperT ext Markup Langua ge）。
XHTML的目标是取代HTML。
XHTML与 HTML 4.01 几乎是相同的。
XHTML是更严格更纯净的 HTML 版本。
XHTML是作为一种X ML 应用被重新定义的 HTML。
XHTML是一个 W3C 标准。
文档头部: 由 <head>...</head> 定义的部分
文档主体: 由 <body>...</body> 定义的部分
15、简述XHTM L编码规范。
(1) XHTML标签必须被关闭。(2) 标签名和属性名必须用小写。(3) 属性值必须加
引号, 各属性值的引号不能省略。
16、简述建站的步骤。
（1）打开DreamWeav er CS6，选择菜单栏“站点”—“新建站点”
（2）进入新建站点对话框，
（3）单击“保存”
17、简述网站、网页、主页的区别与命名规则。
网站是所有网页的统称，网页是指网站里的每个页面。主页是指网站的首页，一般命名为index.html或者d efau lt.html。
18、简述对SEO优化的理解。
SEO（搜索引擎优化）。是一种利用搜索引擎的搜索规则来提高网站在有关搜索引擎
内排名的方式.
19、Div标签作为容器可以容纳哪些网页元素？
可以容纳段落的、标题、表格、图片，乃至章节、摘要和备注等各种XHT ML元素。
20、区块容器的特点是什么？
区块容器有两大特点：一就是区块元素必须独占一行，不允许本行的后面再有其他内容；二就是区块容器默认情况下的宽度跟它父级标签的宽度齐宽。
21、行内元素的特点是什么？
行内元素也有两大特点，刚好跟区块容器的特点相反：一是行内元素不需要独占一行，本行后面还允
许有其他的内容；二是行内元素的宽度在默认情况下跟它内部的内容的宽度齐宽。
22、<Span>与<Div>的异同点？
<Span>标签与<Div>标签一样，作为容器标签而被广泛应用在XHT ML语言中。
<Div>是一个块级元素，它包围的元素会自动换行。而<Span>仅是一个行内元素，在它的前后不会换行。<Span>没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。此外，<Span>标签可以作为子元素包含于<Div>标签之中，但反之不成立，即<Span>标签不可包含<Div>标签。
23、比较Div标签与Spa n标签的不同？
<Div>是一个块级元素，它包围的元素会自动换行。而<Span>仅是一个行内元素，在它的前后不会换行。<Span>没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。此外，<Span>标签可以作为子元素包含于<Div>标签之中，但反之不成立，即<Span>标签不可包含<Div>标签.
24、 简述a 标签的几种链接效果？
href:URL：链接的目标，链接到某个网址 href=”www.sina ”
空链接 href=”#”，指向E-mail 地址的超级链接 href=“mailt o:***”;
( 图像链接，文本链接，超链接)
25、 简述Inp u t 标签的几种属性？
常用的表单元素控件 在表单中，必须要使用各种表单元素来搜集用户的信息，完成人机之间的数据交互。常见的表单控件如表6-4所示：
表6-4 表单控件常用属性描述
input type="text"
input type="passw o rd"
input type="submi t "
input type="check b ox"
input type="radio "
input type =“file”
input type=“hidde n ”
selec t
textA r ea
单行文本输入框 密码输入框(输入的文字用*表示) 将表单(Form)里的信息提交给表单里a ctio n 所指向的文件 复选框 单选框 文件域 隐藏域 下拉框 多行文本输入框
26、 Img 标签、a 标签、Form 标签
分别有什么属性是必须要的？
插入图片—Img 标签
作用：向网页中插入一幅图像。
语法: <img src="url" alt="altte x t" />（详见表6-1所示）
表6-1 Img 标签常用属性表
src
heigh t
width URL pixel s % pixel s % 规定显示图像的 URL 定义图像的高度 设置图像的宽度
超链接<a></a>标签 作用：超级链接，网页中的链接又可以分为：文本超链接，图像超链接，E-mail 链接，空链接等。
语法: <a href="URL" targe
t =" "> ... </a>（详见表6-2所示）
表6-2 a 标签常用属性表
链接到某个网址 href=”www.sina ” 空链接 href=”#” 指向E-mail 地址的超级链接 href=“mailt o:***”
height widthtarget pixels%
pixels%
_blank
_paren t
_self
_top
定义图像的高度
设置图像的宽度
开一个新的(浏览器)窗口
在父窗口中打开
在当前窗口打开
在上一级窗口打开
表单<form></form>
作用：表单是实现动态网页的一种主要的外在形式。
语法:
<form name="form＿n ame" method="post" action="url" enctyp e="value" target="target＿win">
……
</form>（详见表6-3所示）
表6-3 Form标签常用属性表
name method
Action enctyp e target 表单的名称
定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get和po st。get的方式是将表单控件
的nam e/value信息经过编码之后，通过URL发送(你可以在地址栏里看到)。post的方式是将表单的内容通过http发送，你在地址栏看不到表单的提交信息。(一般来说，如果只是为取得和显示数据，用get，一旦涉及数据的保存和更新，那么建议用p ost)
用来定义表单处理程序(ASP，CGI等程序)的位置(相对地址或绝对地址)
设置表单资料的编码方式
Text/plin ：以纯文本形式传送信息
Applic ation/x-www-Form-urlenc oded：默认的编码形式
Multip art/Form-data ：使用mine编码
设置返回信息的显示方式
_blank：将返回信息显示在新开的浏览器窗口中
_self：将返回信息显示在当前浏览器窗口中
_paren t ：将返回信息显示在父级浏览器窗口中
_top ：将返回信息显示在顶级浏览器窗口中
27、简述T able、Th、Tr、T d的作用。
Table表示表格，Tr表示行，Th或Td表示单元格。
<table>元素：定义一个表格。每一个表格只有一对<table>和</table>，一张页面中可以有多个表格。
<tr>元素：定义表格的行
<th>、<td>元素：定义表格的一个单元格。每行可以有不同数量的单元格.
28、简述Thead、Tbody、Tfoot的作用。
Thead指明表格的表头部分，用来放标题之类的内容；Tbody指明表格的主体部分，用来放数据体；Tfoot指明表格的脚注部分。
29、单元格跨行和跨列的属性和值分别如何表示？放在代码的什么位置？
30、什么是CSS样式？它的作用是什么？
CSS（中文译为层叠样式表），它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
CSS的作用是定义网页的外观（例如字体，颜等等），它也可以和J avaSc ript等浏览器端脚本语言合作做出许多动态的效果。
31、CSS样式的选择器类型有哪些？它们如何书写？有什么区别？
（1）标记选择器
所谓标记选择器，指以网页中已有的XHT ML标签名作为名称的选择符，该样式定义后本文档所有该标签都会自动应用。
（2）类别选择器
用户在进行结构设计时，根据需要为多个XHTM L标签使用C lass进行自定义名称.
例如：
<div class=”new”></div>
web前端开发笔试题库
<p class=”new”></p>
<h3 class=”new”></h3>
CSS可以直接根据Cl a ss名称进行样式定义，方法为使用点号加上Cl a ss名称的形式定义。该标记定义后需要手动应用。例如：
.new {
backgr ound-color:#ccc;
font-size:14px;
}
（3）Id选择器
Id选择器是根据DOM文档对象模型原理所出现的选择器类型。每个标签均可以使用id=””的形式来对Id属性进行指定。例如：
<div id=”container”></div>
Id选择器使用#号加上Id名称的形式定义。该样式定义后本文档中该Id名称会自动应用。
#container {
font-size:14px;
width:100%;
}
32、如何进行CS S样式的集体声明和嵌套声明？
（1）集体声明
除了可以对单个对象指定样式外，也可以对一组对象进行相同样式指派。使用都
好进行分隔。这样做的好处是，对页面中需要使用相同样式的地方，只需书写一
次样式即可表现，从而减少代码量，改善代码结构。例如：
#one, .specia l {
text-decora tion:underl ine;
}
h1,h2,h3,h4,h5,p {
color:puple;
}
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论