网页设计重点

网页设计第二章重点

2.1.1 网站的种类

1．根据网站提供的服务分类：信息类网站、交易类网站、互动游戏类网站、有偿信息类网站、功能型网站、综合类网站

2．根据网站的性质分类：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、非盈利机构网站、其他类型的网站

3．根据在大型搜索引擎上的设置分类

娱乐与休闲类网站、商业与经济类网站、艺术与人文类网站、健康与医药类网站、新闻与媒体类网站、政府与政治类网站、计算机与网络类网站、社会与文化类网站、科学与教育类网站、参考资料类网站

2.1.2网站建设的步骤（出简答！p22-p28，书上的详细内容也看一遍！）

1.网站目标和主题的确定

网站目标的确定（为什么要建立网站）；网站主题的确定（网站主题、网站风格、网站创意、网站名称）

2. 网站的规划

网站的规划包括：网站总体结构的设置、目录的设置和链接结构的设置。

3. 网站素材的准备

网站素材的准备包括：素材的搜集、整理加工、制作和存储等环节。

4. 网站制作工具的选择和确定

5. 网站的建立（设计制作网页）

6. 注册域名和申请网站空间

定个合适的域名：

由域名构成的网址会像商标一样，好的域名有助于将来塑造网上的形象。定义域名除了要考虑公司的性质以及信息内容的特征外，还应该使这个名字简洁、易记、具有冲击力。

租用虚拟服务器空间

一般虚拟主机提供商都能向用户提供大容量，高速度的服务器。用户可视网站的内容设置及其发展前景来选择。一页网页所占的磁盘空间大约20～50KB，10MB大约可以放置200～500页，但如果网站中的图片、动画较多，需要文件下载或有数据库等，就需要多一些空间。一般用户有50MB虚拟主机空间就够了。

7. 网站的测试和发布

网站在发布前后都应进行相关测试。

8. 网站的宣传和推广

首先企业自身要有推广网站的意识：在任何出现公司信息的地方都加上公司的网址，如名片、办公用品、宣传材料、媒体广告等。

9. 网站的更新和维护

网站建成之后，在运营的过程中需要定期不断更新网站的信息，及时总结经验和不足，逐步完善网站的功能

2.1.3 网站建设的原则

1.牢记内容第一的原则

2.网页文件命名原则

3.图片命名的原则

4.重视网页标题的设计

5.网站导航设计要清晰

6.网页长度应限定在三个整屏以内

7.善用图像元素

8.网站中所有路径都采用相对路径

9.确保链接的有效性，链接层次不要太深

10.善用表格来布局，但表格的嵌套层次要控制在三层左右

11.遵循3次点击规则

12.兼顾下载速度与美观

13.及时更新网页

14.避免滥用技术

15.要保护好个人信息

2.2.1网页的版面布局（加粗字体要背过，不加粗的理解或能自己叙述出来即可）

1网页板式的基本类型：

（脑海中要清楚以下8种型的图像效果，书上有图）

国字型、拐角型、三型、对称对比型、标题正文型、框架型、封面型、flash型其中，对称对比型：左右或上下对称，一半深色一半浅色，视觉冲击力强

标题正文型：最上面是标题，下面是正文。一般是文章页面或注册页面

框架型：分左右框架型、上下框架型、综合框架型

（左右框架型：是指一种左右为分别两页的框架结构，一般左边是导航链接或标

题标记，右边是正文。大型论坛常用此种。

上下框架型类似，上下分别为两页的框架结构。

综合框架型是左右框架型与上下框架型的结合，较复杂）

封面型：大部分为一些精美的平面设计并结合一些小动画，放上几个简单的链接或者仅是一个进入的链接，甚至直接在页面的图片上做上栏目链接。

2.布局安排

点的布局，线的布局，面的布局，线条和形状

点的排列所引起的视觉流动，引入了时间的因素，利用点的大小、形状与排列距离的变化，可以使页面富于节奏韵律。

线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。

作为视觉元素的线，不仅有长度和方向上的变化，还有粗与细、虚与实、粗糙

和光滑等变化

面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。

分为黄金分割，等间距分割，判断分割，数学级数分割

线条和形状：直线条的艺术效果是挺拔、规矩、整齐，有轮有廓。

曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。

一般应用于青春、活泼的主页题材。

2.2.2网页色彩设计

1.色彩的基本原理

●色彩的三属性：色相明度纯度

●色彩的心理感觉：（1）色彩有冷暖感。

（2）色彩有兴奋感与沉静感。

（3）色彩有膨胀感与收缩感。

（4）色彩有前进感与后退感。

（5）色彩有轻重感。

●十二色相环

2.网页色彩设计原理

（1）色彩的面积与位置

（2）色彩的对比：在背景图象上添加文本，一种较好的方法是使用相近色作为背景，补色作为文本色。

（3）网页配色分析

3网页色彩搭配原理：（1）色彩的鲜明性（2）独特性（3）合适性、（4）联想性、（5）合理性、（6）时尚性、

（1）色彩的鲜明性、色彩鲜艳，引人注目

（2）独特性、与众不同的色彩搭配，衬托出网站的个性

（3）合适性、按照内容决定形式的原则，色彩应服务于网站的内容，和网站的气氛相适应（4）联想性、不同色彩产生不同联想

（5）合理性、照顾到人眼睛的生理特点，不用大面积高纯度色相，不过分强烈颜色对比，避免视觉疲劳

（6）时尚性、关注流行色的发展

4、网页各组成部分色彩的设计方法

（1）网页内容：要求背景亮，文字暗，反之亦然，对比度要大

（2）网页标头：logo放置的地方用深色，具有较高对比度。标题使用与页面内容非常不同的字体或颜色，也可以采用页面内容的反色

（3）导航菜单所在区域：菜单背景设置暗一些，依靠较高颜色对比度，比较强烈的图形元素或独特字体将网页内容和菜单的不同准确区分开来

（4）侧栏：注意将网页内容和菜单的不同准确区分开来，同时也要易于阅读

（5）页脚:不应该喧宾夺主

2.2.3-2.2.4

1、网页设计原则：对比原则（大小对比、明暗对比、粗细对比、曲线与直线的对比、水平线与垂直线的对比、质感的对比、位置的对比、多重对比），协调原则(主与从、动与静、入与出、统一与协调)，平衡原则、趣味原则

2、文字编排形式有两端对齐、居中对齐、左对齐或有对齐和绕图排列。

3、图像的形式：方形图、退底图、出血图以及这三种形式的结合。

4、网页中图像的格式：gif、jpeg、bmp、png

5、点布局：通过点的大小、主次引起浏览者的视觉流动。

6、线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。

7、面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。黄金分割、等间距分割、判断分割、数学级数分割

2.2.5—2.2.6

文字格式：

常用的中文字体有宋体、黑体、楷体、仿宋、行书、隶书、魏碑等。

常用的英文字体有Arial、Times New Roman、Impact等。

艺术字能为网页添色不少，但也不能随便地套用各种艺术字体。

最适合于网页正文显示的字体大小为12磅左右

许多新闻性网站，通常采用9磅的字号。

文字的编排：

常见的文字编排形式有两端对齐、居中对齐、左对齐或有对齐和绕图排列。

图形格式：

GIF格式

GIF格式是非失真压缩。

JPEG格式

JPEG格式的图像采用失真的压缩算法，压缩比例越大，图像质量越差。

PNG格式

PNG格式是一种非失真压缩格式，具有JPEG和GIF格式的全部优点。

SWF格式

SWF是Macromedia Flash软件生成的流式多媒体文件，其特点是具有小巧精致的矢量画面以及非常强大的交互性能，可以在下载时同步播放。

图像编排：

网页排版通常有四种形式：方形图、退底图、出血图以及这三种形式的结合

网页设计第三章重点

HTML:是一种建立网页文件的语言，它通过标记式指令，将影像，声音，图片和文字等连接起来。

学习html的意义：（1）浏览器解释效率高。（2）格式漂亮。（3）无任何垃圾代码产生，加快了网页的传输速度。

单标记：<标记名称> 双标记：<标记>内容

标记的属性的格式为：<标记属性1="属性值1" 属性2="属性值2" …> 受影响的内容

HTML文档是一种纯文本格式的文件，HTML文档的基本结构为：

网页的内容

标记是文档的主体部分，其格式为：…

各属性值的含义如下：

Background：设置网页背景图像。images-URL：图像文件的路径

bgcolor：设置网页背景颜色，默认为白色。text：设置网页正文文字的色彩，默认为黑色。Link:设置网页中可链接文字的色彩。Alink：设置网页中被鼠标点中时可链接的文字的色彩Vling：设置网页中已经被单击过的可链接文字的色彩。

Leftmargin：设置页面左边距topmargin：设置页面上边距

Value：表示空白量。Color：表示颜色值。

HTML遵循的语法规则：（1）html以纯文本形式存放，扩展名为htm或html.(2)html标记不区分大小写。（3）多数html标记可以嵌套，但不可以交叉。（4）html标记一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号。(5)html源文件中的换行，回车符和空格在显示效果是无效的。

HTML的文本格式标记

1.标题格式标记的格式为：（P64 例3-2）

标题文字

n用来指定标题文字的大小，n取1～6的整数值，取1时文字最大，6时文字最小。

属性align设置标题在页面中的对齐方式：left、center或right。缺省时默认为left。

2.文字格式标记：标记设置文字的格式为：（P65 例3-3）

被设置的文字

size用来设置文字的大小。数字的取值范围从1～7，size取1时最小，取7时最大。

face用来设置字体。如黑体、宋体、楷体_GB2312、隶书、Times New Roman 等。

color用来设置文字颜色。

3.字型设置标记：(P65 例3-4)

…:文字以粗体显示

…:文字显示为斜体

…:显示下划线

…:删除线

…:使文字大小相对于前面的文字增大一级

…:使文字大小相对于前面的文字减小一级

^…:使文字成为前一个字符的上标

_…:使文字成为前一个字符的下标

…:使文字显示为闪烁效果

…:以等宽体显示西文字符

…:输出引用方式的字体，通常是斜体

…:强调文字，通常用斜体加黑体

…:特别强调的文字，通常也是斜体加粗体

4.段落标记的格式为：

文字

其中属性align用来设置段落文字在网页上的对齐方式：left（左对齐）、center（居中）和right（右对齐）。缺省时默认为left。

5.强制换行和不换行标记
、... （P66 例3-5）

标记放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，而又不会在行与行之间留下空行，即强制文本换行。强制换行标记的格式为：文字

不换行标记可令文字不能因太长使浏览器无法显示而换行，它对住址、数学公式、一行数字等尤其有用。其格式为：

文字

6.分区显示标记的格式为：

文本、图像或表格

其中属性align用来设置文本块、一段文字或标题在网页上的对齐方式：left、center和right。缺省时默认为left。

注意：

标记和

标记不能嵌套使用

7.预排格式标记的格式为：（P67 例3-6）

预排格式的文本 

8.水平线标记的格式为：

---

size设定线条粗细，以像素为单位，默认为2。

width设定线段长度，可以是绝对值（以像素为单位）或相对值（相对于当前窗口的百分比）。

color设定线条颜色，可以采用颜色的名称，也可以用以“#”引导的一个十六进制数代码来表示。

noshade指定线条是否有阴影，缺省时线为空心有阴影，否则为实心线条。

9.文本缩排标记的格式为：（P69 例3-7）

文本

注：要实现多次缩排可以使用多次缩排标记。

10.列表标记：

（1）无序列表的格式为：（P69 例3-8）

• 第一个列表项

• 第二个列表项

  …

注意：列表整个表项与上下段文本之间各有一行空白。

标记是单标记，即一个表项的开始，就是前一个表项的结束。type指定每个表项左端的符号类型，可为disc（实心圆点）、circle（空心圆点）、square（方块）。

（2）有序列表的格式为：（P70 例3-9）

1. 表项1

2. 表项2

   …

有序列表整个表项与上下段文本之间各有一行空白；列表项目向右缩进并左对齐；各表项前带顺序号。

注：有序列表和无序列表标记的应用对比（P71 例3-10）

（3）定义列表的格式为：（P72 例3-11）

列表条目1

条目1的说明

列表条目2

条目2的说明

…

11.流动字幕标记的格式为：（P73 例3-12）

behavior=“字幕滚动方式（ alternate 交替进行|scroll 循环往复滚动|slide 只进行一次滚动）“

bgcolor=“颜色代码”

direction=“left|right|up|down”

width=“字幕长”height=“字幕高”

loop=“循环次数（ i|-1 无限次循环）”

scrollamount=“字符运动速度”

scrolldelay=“延时时间”

hspace=“水平方向空间”vspace=“垂直方向空间” >

字幕文字或图片

HTML的表格标记

表格的作用主要有两点：一是存放数据；二是作为页面布局和定位的工具。最简单的表格仅包括行和列。表格的主标记为

，行的标记为，表格单元标记为…用来定义行，该标记中的内容显示在一行，此标记只能放在

，	用来设置表格头部信息。格式为： width="x|x%" height="y|y%“> … … （子标记） … 表头1 表头n 表项1 表项n

标记对之间使用，而在此标记对之间加入文本将是无用的，因为在之间只能紧跟标记对才是有效的语法；标记对用来创建表格中一行中的每一个格子，此标记对也只有放在标记对之间才是有效的，输入的文本也只有放在标记对中才有效。

.. .用来设置表格头，表头的每一列需要用一个标记，通常是黑体居中的字

中bgcolor、background、align、height、width等属性可以放在td标记中，作为单元格的属性。

一行的开始表示前一行的结束，一列的开始表示前一列的结束，所以

、的align属性。align的属性值分别为：center（居中）、left（左对齐）、right（右对齐）或justify（左右调整）。

2. 垂直对齐

表项数据的垂直对齐用标记

的valign属性。valign的属性值分别为：top（靠单元格顶）、bottom（靠单元格底）、middle（靠单元格中）或baseline（同行单元数据项位置一致）。

在

、	均可以作为单标记使用。 表格内文字的对齐方式 在缺省下，表项居于单元格的左端。可用列、行的属性设置表项数据在单元格中的位置。 1. 水平对齐 表项数据的水平对齐用标记	、	和
、	和

、、

、

标记中，使用下面属性可以改变表格的背景和边框的色彩、添加背景图片，也可以为行和单元格改变色彩、添加背景图片。 bgcolor=""色彩或色彩值" 设置背景色彩 background="图片文件名" 设置背景图片 bordercolor="色彩" 设置表格边框的色彩 注意：如果把属性放到 中，其作用范围为整个表格，如果把属性放到中，则作用范围为整个行，如果把属性放到中还可以用rowspan 和colspan属性实现单元格的合并。Rowspan用于设置一个表格单元格跨占的行数，rowspan=n表示将n行作为一行；colspan用于设置一个表格单元格跨占的列数，colspan=n 表示将n列作为一列。 HTML图像与多媒体标记 的图像标记功能 格式： HTML的超链接标记 格式：显示的文本或图像 属性： href：设置要链接到的目标的url地址 Target：指定打开链接的目标窗口 指向本网页中的链接： 1.首先在本网页中预先定义超链接目标标签 格式：目标标签文字 2.建立指向目标标签的超链接 格式：文本 指向本网页外的链接： 1.链接到同一目录内的网页文件 文本 2.链接到下一级目录中的网页文件 文本 3.链接到上一级目录中的网页文件 文本 4.链接到同级目录中的网页文件 指向下载文件的链接 如果链接到的文件不是HTML文件，则该文件将作为下载文件，其格式为： 文本 指向电子邮件的链接 单击指向电子邮件的链接，将打开默认的电子邮件程序，如FoxMail、Outlook Express，并自动填写邮件地址。指向电子邮件链接的格式为： 文本 用图片作为超链接 图片也可作为超链接，单击图片则跳转到被链接的文本或其他文件。格式为： 3.6 HTML的表单标记 表单标记 格式： name=”form-name”method=”method”action=”url”enctype=”value”target=”target-win”>... name属性:指定表单的名称，供脚本、服务器端程序和样式表使用。 action属性:指定处理表单数据的程序（如*.jsp文件或*.asp文件等）的位置。 method属性:规定了发送表单数据的方法。 输入标记 格式： type属性值可为text（单行文本框），则输入的文本以标准的字符显示。 CSS（Cascading Style Sheets）层叠样式表单，简称样式表，是用于（增强）控制网页样式并 允许将样式信息与网页内容分离的一种标记性语言（或称为一种技术或工具）。 CSS的特点：1、只需要修改一个.css文件，就可以改变所有使用该样式页面的外观和格式。 2、可以随意控制页面的布局和外观，能够精确地控制文档中的布局、字体、颜色、背景、图像等效果的显示。 3、在所有的浏览器和平台之间具有较好的兼容性。 4、精简网页，提高下载速度。外部的样式表会被浏览器保存在缓存里，因而提高了网页的下载速度，也减少了代码数量。 CSS样式表的定义 1）内部样式表定义(CSS样式表的代码置于HTML文件内部) 1. 为HTML标记定义样式表 在HTML文档的标记内插入一个标记，在其中定义样式。其格式为： 注意：一旦为标记定义了样式表，则此html文档中的所有该标记将以同样的样式进行显示。 2用CLASS（类）名定义样式表 用类名能够把相同的标记分类定义为不同的样式。其格式为： 注意：用类名定义的样式表在使用时一定要有引用，即：class=类名 3. 用ID(标识符)名定义样式表 用ID(标识符)名也能够把相同的标记分类定义为不同的样式。格式为： 注意：在有些情况下使用ID会与javascript中的ID发生冲突，使得引用可能不起作用或报错，而使用CLASS 则不会发生。 2）外部CSS样式表定义 外部CSS样式表是指CSS样式表的代码置于HTML文件外部，并以独立于html文件的形式单独保存为扩展名为.css的文本文件中。其优点是可以在网站的每个网页中引用该.css文件中的样式，从而保持整个站点风格上的一致。 在网页中插入CSS样式表的方法 一、插入内部CSS样式表的方法 1、嵌入式方法 指在HTML标记中直接插入style属性，即将样式定义直接放在要设定样式的标记后面。用这种方法，可以很简单的对某个标记单独定义样式，但作用范围只可控制该标记。其格式为：<标记style="属性:属性值; 属性:属性值..."> 2、内联式方法 是把样式表定义语句直接写在当前页面的如下位置： 二、插入外部CSS样式表的方法 1、外联（链）式 是指把已经建立好的外部“.css样式表”文件，使用标记 链接到当前页面，以便应用其中的样式。 此处的标记必须放到页面的...区内。格式为： ... href=“.css样式表文件URL"> ... href=“.css样式表文件URL"> 标记的属性说明： rel="stylesheet"：指明被链接的外部css文件和当前html文件的关系。 type=“text/css ”:指明被链接的外部css文件的类型。 href=“.css样式表文件URL”：指明被链接的外部css文件的URL地址。 2、导入式方法 导入外部样式表就是当浏览器在读取HTML文件时，复制一份样式表到这个HTML文件中。导入外部样式表是在内部样式表的 CSS样式表应用的优先级：网页中CSS样式表四种优先级“从高到低”为：嵌入式、内联式、外联式、导入式 CSS样式表特殊用法 一、CSS样式表的伪类 伪类是特殊的类，伪类和类不同，是CSS已经定义好的，不能象类选择符一样随意用别的名字，伪类能自动地被支持CSS的浏览器所识别。其语法规则如下： 选择符：伪类{属性：值} 举例：定义超级链接（a 锚）的伪类，在页面设计中最常用的是4种a标记伪类，分别表示动态链接的4种不同的状态，即link（未访问链接）、visited（已访问的链接）、active（激活的链接）、hover（鼠标停留在上方的链接） a:link{ color: purple ;text-decoration:none} a:visited {color: red ;text-decoration:none} a:hover {color: blue;text-decoration:underline } a:active {color: green;text-decoration:underline} 样式表的常用属性： 1字体类型（font-family） 语法：font-family : 字体名参数：多个字体名称按优先顺序排列，以逗号隔开。 2. 字号（font-size） 语法：font-size : 绝对尺寸| 相对尺寸| 百分数 3. 字体样式（font-style） 语法：font-style : italic | oblique | normal 参数：italic为斜体。对于没有斜体变量的特殊字体，将应用oblique（倾斜）。normal为正常的字体，声明此值将取消之前设置，是默认值。 4. 字体的粗细（font-weight） 语法：font-weight : bold | bolder | lighter | normal | number 参数：bold为粗体，lighter为更细，normal为正常的字体，缺省值为normal ，数值可为100-900（普通为400，900为最粗）。 5. 字体变形（font-variant） 语法：font-variant : normal | small-caps 参数：normal为正常；small-caps为小型大写字母，即当文字中字母是大写时，该值会显示比小写字母稍大的大写字母。 6 文本水平对齐（text-align） 语法：text-align : left | right | center | justify 参数：left为左对齐，right为右对齐，center 为居中，justify为两端对齐。 7文本修饰（text-decoration） 语法：text-decoration : none | underline | overline | line-through |blink 参数：none(无) 、underline（下划线）、overline （上划线）、line-through（删除线）、blink（闪烁） 8颜色（color） 语法：color : color 9背景色（background-color）语法：background-color : color | transparent参数：color指定颜色，transparent使背景色透明。 10背景图像（background-image）语法：background-image : url(url) | none参数：url为使用绝对或相对地址指定背景图像none无背景图。 说明：设置对象的背景图像。若把图像添加到整个浏览器窗口，可以将其添加到标记。网页设计第六章重点 6.1 域名和网页空间的申请 1. 申请域名：收费域名，免费域名 2. 域名申请的步骤: (1) 查询域名在申请注册之前，用户必须先检索一下自己选择的域名是否已经被注册，最简单的方式就是上网查询。 (2) 申请注册用户可以通过两种方式填写注册申请表。 a、Web方式。用户可以在CNNIC（中国互联网络信息中心）的网站直接联机填写域名注册申请表并提交。CNNIC会对用户提交的申请表进行在线的检查，填完后单击“注册”即可。 b、E-mail方式。用户也可以从CNNIC网站下载纯文本的注册申请表，填好后用E-mail 发到指定邮箱进行注册。 3. 域名的注册规范： 英文域名中只能包含26个英文字母A~Z、10个数字0~9、英文中的连词号“—”；在域名中，不区分英文字母的大小写；不得使用或限制使用一下名称（共7条，p236.了解即可)。 4. 域名设计的原则： 最重要的原则是简洁易记、有特色。 (1)名称要简洁易记。若是英文或汉语拼音域名，以4~8个字符为宜；若是用中文名称，网站名称的字数应该控制在6个字（最好4个字）以内，4个字的也可以用成语。还可以选用逻辑字母组合，分为英语单词组合，汉语拼音组合和其他逻辑性字母组合3种。 (2)名称要有特色。名称平实即可，能体现一定内涵更好，在体现网站主题时也能点出特色之处。 5. 域名注册： 申请域名前，必须先查询自己所需的域名是否已被注册。可到中国互联网络信息中心（CNNIC)数据库和国际互联网络信息中心（INTERNIC)数据库进行查询。还可到国内许多负责域名申请事务的公司网站上进行查询，如万网（https://www.360docs.net/doc/392977862.html,)、新网（https://www.360docs.net/doc/392977862.html,)等。 发现域名没有被注册是，可填写域名申请表。国内域名只有企业可以注册，需要提交企业营业执照复印件、盖章的申请表等文件资料。国内域名注册由中国互联网络信息中心或其授权的代理机构进行。国际域名注册由国际互联网络信息中心或其授权的代理机构进行。6. 申请网站的空间 想建立一个自己的网站，就要选择适合自身条件的网站空间，网站空间的主要类型如下：（1）购买自己的服务器 （2）租用专用服务器 （3）使用虚拟主机:小型企业网站 （4）免费网站空间：个人网站 7. 网站空间选择方式 发布网站就是将制作好的网站上传到Internet上的WWW服务器上。关于服务器的选择一般有3种方式：自己购买的服务器、采用一些ISP提供的虚拟主机形式（即收费空间）、采用一些网站提供的免费空间。 8.网站空间选择的关键和注意事项 关键是看访问速度、空间大小、稳定程度以及服务内容（提供CGI权限、计数器、留言本、E-mail、FTP上传等。 申请免费个人空间要注意的事项是：空间大小、上传方式、是否限制上传内容大小、是否要附带广告、是否嵌入式空间（即头尾是提供商的内容，中间是自己的内容）。 6.2 1.在本地机器上进行测试的基本方法是用浏览器浏览网页，从网站的首页开始，一页一页的 测试，以保证所有的网页都没有错误。 1. 检测浏览器的兼容性 Dreamweaver 中的“检查目标浏览器”功能可以检测当前HTML文档、整个本地站点或站点窗口中选中的一个或多个文件或文件夹在目标浏览器中的兼容性，看看哪些标签属性在目标浏览器不兼容，以便于对文档进行修正更改。 检测的主要步骤如下： （1）如果需要检查单一HTML文档，可先在Dreamweaver 的窗口中打开需要检查的HTML 文档，然后选择“文件”→“检查页”→“检查目标浏览器”命令。 （2）从浏览器列表中选择需要检查的目标浏览器，可以选择一个或多个浏览器进行检测。 3.在线测试工作包括测试网页外观，测试链接，测试网页程序，检测数据库和测试下载时间。 6.3网站的发布 1.网站的发布方式:（1）在IE地址栏输入FTP地址,然后输入用户名和登录密码就可以登录到自己的ftp目录，再把文件复制到相关的目录下。 （2）利用一些网页制作软件提供的“站点发布”命令。 （3）使用专用软件，有CuteFTP\FlashFXP和LeapFTP。 2.动态域名解析方案配置的基本步骤：（也许不是特别重要，原谅老夫没有听课） （1）在一家提供动态域名解析服务的网站注册并申请的二级域名。 （2）下载相应服务商提供的动态解析客户端软件，安装并配置好。 （3）配置本地计算机的IIS。 6.4网站的推广宣传 1、传统媒介推广法(电视,报纸,杂志,广告,展览等) 2、网络广告推广法(优点:传播范围广,交互性强,针对性明确,受众数量可准确统计,灵活,成本低,感官性强) 3.搜索引擎推广法 4.合作推广法(友情链接,交换广告) 5.网络工具推广法(利用电子邮件推广,利用网络聊天和交友推广,利用新闻组,BBS或留言等推广) 6.免费搭送推广法 6.5网站的维护 1、一般性维护： ?①硬件设备的维护 ?②数据的维护 ?③代码的维护 ?④应用程序的维护 2、网站维护的主要工作内容： –在网站及时发布企业最新的产品、价格、服务等信息； –对用户信息的搜集、统计并交各部门及时处理分析； –对用户的投诉或需求信息要及时处理并向用户反馈处理结果； –网站页面设计要经常更新。 网页设计试题及html代码 2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： … ：文字以粗体显示。 … ：文字显示为斜体。 … ：显示下划线。 … ：删除线。 … ：使文字大小相对于前面的文字增大一级。 … ：使文字大小相对于前面的文字减小一级。 … ：使文字成为前一个字符的上标。 …：使文字成为前一个字符的下标。 …：使文字显示为闪烁效果。 …：以等宽体显示西文字符。 …：输出引用方式的字体，通常是斜体。 …：强调文字，通常用斜体加黑体。 …：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如 标记。 【例2-4】字型设置标记的应用。 例如单标记 表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性： 。 功能：设置网页中普通文字的显示效果。 格式：文字。 格式：标题内容。 属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。 段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式： … 。 强制换行标记 功能：另起一行显示文字。 格式： 插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式： 1．无序列表 功能：设置无序列表。 格式： 列表项目1 列表项目2 属性：在无序列表的开始和结束处，分别是 和 标记，每一项列表条目之前必 网页设计与制作专业人才培养方案 常德工业学校 计算机及应用专业人才 培养方案 （2009年6月修订） 一、指导思想 认真贯彻《教育部关于加强中等职业学校教育教学改革的若干意见》和《教育部关于制定中等职业学校教学计划的原则意见》，以服务为宗旨，以就业为导向。根据社会需要，创建新的课程体系，更新课程内容，改革传统教学模式，激发学生的潜能，发展学生的个性，培养具有一定网站设计与制作能力的专业人员。 二、培养目标 本专业以网页设计与制作为主要方向，培养网页设计、制作和网站组建专业人才，掌握扎实网页设计基础理论知识和网站组建实践技能，能胜任网站组建、网站规划、网页设计等专业技术工作，具有图片处理基础、Flash动画技术能力，具有较强的网页设计和一定的艺术技能。 三、目标构成 1、基本素质 （1）道德素质：有较高的道德修养，文明礼貌、遵纪守法、克己奉公； （2）文化素质：有一定的文化艺术修养，有良好的语言、文字表达能力； （3）身心素质：掌握并爱好一种科学锻炼身体的基本方法和技能，达到终身坚持体育锻炼目的，有健康体魄，良好卫生习惯，良好的心理素质，有吃苦耐劳的精神。 2、职业素质 （1）责任意识：有高度的责任感，有严谨、认真、细致和吃苦耐劳的工作作风； （2）协作精神：具有团队精神和合作意识，具有协调工作的能力和组织管理能力； （3）探索改革精神：培养锐意改革、大胆创新精神； （4）遵守职业道德：遵守行业规程，保守国家秘密和商业秘密。 3、职业基础技能 （1）计算机的基本原理、 Windows操作系统、Office办公软件的使用； （2）计算机的硬件软件的组装和维护； （3）计算机网络的建立与维护； （4）PHOTOSHOP网页设计； （5）PHOTOSHOP广告及包装设计； （6）FLASH网络广告设计与制作； （7）FLASH MTV及动画设计与制作； （8）静态网页制作； （9）动态网页制作； （10）网站的建设、维护、管理； 《网页设计与制作》期末考试试题 《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题，每小题2分，共60分) 1、目前在Internet上应用最为广泛的服务是( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成，其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时，应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是( )。 A、 、 中，则作用范围为该单元格。 还有width和nowrap属性。Width是单元格宽度，单位用绝对像素值或总宽度的百分比；nowrap表示禁止表格单元格内的内容自动换行。另外， 、 , B、 C、 D、 7、在客户端网页脚本语言中最为通用的是( )。 A、javascript B、VB C、Perl D、ASP 8、在HTML中，标记的Size属性最大取值可以是( )。 A、5 B、6 C、7 D、8 9、在HTML中，单元格的标记是( )。 A、 D、 10、在DHTML中把整个文档的各个元素作为对象处理的技术是( )。 A、HTML B、CSS C、DOM D、Script(脚本语言) 11、下面不属于CSS插入形式的是( )。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是( )。 A、JPEG和GIF B、JPEG和PSD C、GIF和BMP D、BMP和PSD 13、如果站点服务器支持安全套接层(SSL)，那么连接到安全站点上的所有URL开头是( )。 A、HTTP B、HTTPS C、SHTTP D、SSL 基于毕业生座谈会的高职网页设计与制作专业学生就业核心竞争力研究.doc 基于毕业生座谈会的高职网页设计与制作专业学生就业核心竞争力研究- 一、就业核心竞争力概述 (一)就业能力 国外学者HillagePollard将就业能力与学生的工作能力相联系，与学生得到岗位的能力相联系，认为就业能力是获得最初就业、维持就业和必要时获取新的就业所需要的能力。 (二)核心竞争力 1990年美国的普拉哈拉德(C.K.Prahalad)教授和加里.哈默尔(GaryHamel)教授首先提出了核心竞争力的概念。核心竞争力是在一个组织内部经过整合了的知识和技能，尤其是关于怎样协调多种生产技能和整合不同技术的知识和技能。笔者认为高职网页设计与制作专业学生就业核心竞争力是指学生在就业和维持就业的过程中区别于竞争对手的独特能力。 二、毕业生座谈会基本情况与内容介绍 (一)毕业生座谈会基本情况介绍 根据学院的安排，大三学生进行了5个月的校外实习。为了更好的了解毕业生实习就业的情况，召开了网页设计与制作专业毕业生座谈会。 座谈会由本专业专业主任和专业教师组织，同时邀请了分管教学工作的系副主任和分管学生工作的系党总支书记参加会议。参加会议的学生共有15人，其中毕业生13人。此外，还有2名本专业大二学生旁听会议并参与讨论。 13位参会的毕业生采用的是目的抽样的方法，会集了4个 不同的就业类别。第一个类别：就业领域。在北上广大城市就业的学生(1人)，在读书地长沙就业的学生(7人)，回家乡就业的学生(3);第二个类别：对口就业。专业不对口就业的学生(1人)，对口就业的学生(10人);第三个类别：单位性质。在国企就业的学生(1人)和私企就业的学生(10人);第四个类别：与教师期望值不符的就业情况。在学校学习成绩不错，但没有就业的学生(2人)。在学校学习不积极，但成功就业，且专业知识进步非常快的学生(1人)。 (二)毕业生座谈会内容介绍 在座谈会正式开始前，座谈会的组织者向毕业生郑重声明：此次的座谈会是为了更好的了解学生就业情况，请大家畅所欲言。在大会上所阐述的观点和内容不会对大家的成绩等各方面造成任何影响。 座谈会由专业主任主持，设定了三个议题。请学生分别从求职经历、现工作的要求和现工作遇到的困难三个方面进行阐述。根据座谈会的录音，会后进行整理并与会者校对。以下笔者打破了发言的顺序，按照三个议题综述了毕业生的谈话内容。 1、求职经历 周永，专业对口，读书地长沙私企就业。她用她的求职经历拉开了座谈会的序幕。根据周永自己的介绍，她喜欢做设计，第一份工作是网站移动端设计，且一直工作到至今。就业时较顺利，她认为她之所以能顺利就业主要有两个原因。第一，态度诚恳;第二，在学校专业知识学得较好，在工作岗位上能胜任现在的工作。 杨志胜，专业对口，在北上广大城市私企就业。他认为就业不难。因为企业非常看重他在校内当任班长，在课程学习中担 网页制作期末考试试卷 2011年上学期《网页制作》期末考试试题 班级：_____ 姓名：_____ 一、选择题（每小题2分，共50分） 1、Internet最旱起源于（）。 A．中国 B．英国 C．美国 D．德国 2、Web服务器与浏览器之间进行相互通信的协议是（）。 A．HTTP B．IPX/SPX C．TCP/IP D．FTP 3、使用【格式】工具栏可以（）。 A．设置样式 B．保存文件 C．打印文件 D．插入超链接 4、在FrontPage 2003中，“打开站点”是指 ( ) 。 A、新建一个站点文件夹 B、打开一个网页文件 C、打开一个站点文件夹 D、新建一个网页文件夹 5、网页标题通常显示在浏览器的（）。 A．状态栏 B．地址栏 C．菜单栏 D．标题栏 6、使用【图片】工具栏上的（）按钮可以对图片进行裁剪。 A． B． C． D． 7、在FrontPage 2003中,我们要全选所有文本内容的快捷组合键是。（） A、 Alt+Tab B、 Shift+A C、 Ctrl+A D、 Ctrl+C 8、先按住（）键不放，用鼠标可以选择不连续的多个单元格。 A．Ctrl B．Shift C．Enter D．Alt 9、表格边框厚度设为（），在浏览器中显示时就没有边框了。 A．“0” B．“1” C．“2” D．“3” 10、下列（）表示新打开一个浏览器窗口。 A．“_self” B．“_top” C．“_blank” D．“_parent” 11、对于下拉框选项，下列说法错误的是（）。 A．可以设置成单选 B．可以设置成多选 C．不能设置成单选 D．可以把第一项设置为禁用项 12、FrontPage 2003中，下述关于图片与链接的关系正确的是（） A、图片不能建立链接 B 、一张图片只能建立一个链接 C 、图片要建立链接需经过处理 D、通过设置热区，一张图片可建立多个链接 13、FrontPage 2003中，要使表格单元格的背景色不一样则可设置下列（） A、单元格属性 B、表格属性 C、页面属性 D、框架属性 14、在FrontPage 2003中，我们需要改变表格外框的粗细,可使用下列（）属性 A、单元格属性 B、表格属性 C、书签属性 D、表单属性 15、在FrontPage 2003中共有六种视图方式，若在要网页中插入表格，应选用的视图方式是：（） A、网页视图 B、导航视图 C、超链接视图 D、报表视图 16、在FrontPage 2003中，我们可以使用下列（）方法进行页面布局，使图文整齐有序地放在想要的位置上。 A、表格 B、书签 C、表单 D、单元格 17、使用浏览器访问网站时，第一个被访问的网页称为（）。 A、网页 B、网站 C、HTML语言 D、主页 《网页设计与制作》期末考试题与答案 〈网页设计与制作》期末考试试题、单项选择题（本大题共30小题，每小题2分，共60分） 1、目前在In ternet上应用最为广泛的服务是（b）。 A、FTP 服务 B、WWW 服务 C、Tel net 服务 D、Gopher 服务 2、域名系统DNS的含义是（b ）。 A、Direct Network System B 、Domain Name Service C 、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn 由四个子域组成，其中（d）子域代表国别代码。 A、center B、nbu C、edu D、cn 5、当标记的TYPE属性值为（d ）时，代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个 HTML文件开始应该使用的HTML标记是（c）。 A、 B、 C、 B、 C、 D、 7、在客户端网页脚本语言中最为通用的是（a）。 A、javascript B、VB C、Perl D、ASP & 在HTML中，标记的Size属性最大取值可以是（c）。 A、5 B、6 C、7 D、8 9、在HTML中，单元格的标记是（a ）。 A、 D、 11、下面不属于CSS插入形式的是（a ）。 A、索引式 B、内联式 C、嵌入式 D、外部式 12、在网页中最为常用的两种图像格式是（a）。 A、JPEG 和 GIF B、JPEG 和 PSD C、GIF 和 BMP D、BMP 和 PSD 13、如果站点服务器支持安全套接层（SSL），那么连接到安全站点上的所有URL开头是 (b)。 A、HTTP B、HTTPS C、SHTTP D、SSL 14、在HTML中，要定义一个空链接使用的标记是（a ）. A、＜a href= "#"＞ B、＜a href= ”？"＞ C、＜a href= "@"＞ D、＜a href= ”"〉 15、对远程服务器上的文件进行维护时，通常采用的手段是（b） A、POP3 B、FTP C、SMTP D、Gopher 16、下列Web服务器上的目录权限级别中，最安全的权限级别是（a ） A、读取 B、执行 C、脚本 D、写入 17、用Fireworks切割图形时，需要的工具是（c） A、裁剪 B、选取框 C、切片 D、自由变形 18、 In ternet上使用的最重要的两个协议是（b ） A、TCP 和 Tel net B、TCP 和 IP C、TCP 和 SMTP D、IP 和 Tel net 19、 body元素用于背景颜色的属性是（c） A、alink B、vlink C、bgcolor D、background 20、下面说法错误的是（d） A、规划目录结构时，应该在每个主目录下都建立独立的images目录 B、在制作站点时应突出主题色 C、人们通常所说的颜色，其实指的就是色相 D、为了使站点目录明确，应该采用中文目录 网页设计期末考试试题题库 网页设计 1.打开Dreamweaver8窗口后，如果没有出现属性面板，可执行（窗口）菜单中的“属性”命令将其打开。 2.在站点中建立一个文件，它的扩展名应是（HTM ）。 3.如果不想在段落间留有空行，可以按（Shift + Enter ）组合键。 4、在网页中连续输入空格的方法是（按下Ctrl+Shift键再连续按空格键）。 5、按（F12 ）键可以在浏览器中预览页面。 6、网页代码可以分为两个部分，一个部分是头部信息，另一部分是网页的（主体部分）。 7、（文档）窗口是指中间的白色大块区域，用来显示当前创建和编辑的文档。 8、打开Dreamweaver 8窗口后，如果没有出现站点浮动面板。可执行窗口菜单中的（文件）命令将其打开。 9、网页的正文部分用代码（ ）标记。 10、在网页中不能添加的元素是（ D ） A、文字、图像 B、表格、动画 C、声音视频 D、纸张等实物 11、下面不属于“页面属性”中可以设置的内容（ D） A、外观 B、链接 C、跟踪图像 D、首选参数 12、网页标题的标记是（ ） 13、空格的标记是（ ） 14、设置背景图片的属性是(background ) 15、下列(B )方法无法添加网页标题 A、在HTML代码中添加网页标题 B、在文档窗口中添加网页标题 C、在网页属性中添加网页标题 D、在文档工具栏中添加网页标题 16、新建文档之后，默认情况下，属性面板显示的是（文本属性）。 17、下面哪个功能不是开始页能够完成的操作（D ）。 A、创建新网页 B、创建新网站 C、打开网页文档 D、删除网页文档 18、在下面的选项中哪种不属于网页设计的范围（ C） A、页面内容设计 B、网页架构设计 C、服务器设计 D、LOGO设计 19、试题编号：0002700,答案：b。 规划站点的目的是（对网页与素材分门别类的存放，便于管理，提高工作效率）。 20.用下面哪种方法能退出Dreamweaver(Alt+F4 )。 21、网页默认的字体、字号是（宋体、12号） 22、要实现面板的快速显示与隐藏可以按下快捷键（F4 ）。 23、下面的哪一项不属于网页标准色的三大色系（D ） A、蓝色 B、黄/橙色 C、黑/灰/白 D、绿 24、。若要使后面的内容隔一行显示，应使用（ 标记）标记。 25、设置网页正文字体的大小为9磅，下列正确的单位是（pt ）。 26、下面文件属于静态网页的是 ( C )。 A、 B、 C、 D、 27、如果正在编辑的文件没有存盘，系统在文件名上加上(* )符号提示用户。 28、定义站点时，存放网页的默认文件夹为( C盘根目录)。 29标记必须包含在( )标记中。 30、表格的宽度和高度可以通过浏览器窗口百分比或者使用绝对（像素）值来定义。 31、选择多个非连续单元格，只要按下（ctrl ）键，依次单击要选择的单元格即可。 网页设计期末考试题答案 1.我们学习过很多种语言，与编译语言相比，HTML有哪些特点？ HTML特点和好处：HTML文档制作不是很复杂，且功能强大，支持不同数据格式的文件镶入，这也是WWW盛行的原因之一，其主要特点如下： 1 简易性，HTML版本升级采用超集方式，从而更加灵活方便。 2 可扩展性，HTML语言的广泛应用带来了加强功能，增加标识符等要求，HTML采取子类元素的方式，为系统扩展带来保证。 3 平台无关性。虽然PC机大行其道，但使用MAC等其他机器的大有人在，HTML可以使用在广泛的平台上，这也是WWW盛行的另一个原因。 2.HTML是一种纯文本文件，可以用简单的文本编辑器如Notebook编写，也可以用集成开发系统如Dreamweaver编写，使用这两种方式各有什么优劣？ notebook和dreamweaver都可以直接编写html代码，而dreamweaver可以实现可视化操作即也就是所谓的所见为所得，notebook无法实现这种功能。但是dreamweaver的功能更强大，软件较notebook复杂。但是notebook软件简单占用系统资源少。 3.完整的网页制作有哪些过程？ 一个完整的网站制作需要哪些部份组成： 1. 网站域名，网站的域名又叫网址，通过访问域名就能找到一个网站。 2. 网站空间，网站空间就是放存网站的地方，一个网站制作完成后，需要放到互联网的某个地方，这个地方就是存放网站的空间。 3.网站代码，网站代码就是网站制作技术人员在开发过程中，使用前台网页制作工具，再加上后台脚本语言，通过技术人员一系列有序的加工之后，一个完整的网站程序才算开发完成。 有了这三样之后，我们需要使用FTP工具将网站代码传到服务器空间，再通过空间的后台程序对网站域名进行绑定，最后再通过域名的后台管理系统，进行需要解析，将域名解析到存放网站的空间IP地址。这些工作完成之后，2-24小时之内，网站就可以正常访问了，2-24小时，是一个域名解析一般需要的时间。 页面功能与内容设计；页面布局设计；页面视觉设计；页面效果设计。 4.什么是www？什么是HTTP？它们之间有什么关系？ 什么是WWW？它是Internet上把所有信息组织起来的一种方式，它是一个超文本文档的集合，其中包括所要的任何本地信息。它是从一个文档链接到另一个文档，使你可以纵横于Internet网 什么是超文本传输协议（Http）:支持WWW上信息交换的Internet标准，是定义Web 服务器如何响应文件请求的Internet协议。 HTTP，即超文本传输协议，是 HyperText Transfer Protocol的缩写。浏览网页时在浏览器地址栏中输入的URL前面都是以''http://';'开始的。HTTP定义了信息如何被格式化、如何被传输，以及在各种命令下服务器和浏览器所采取的响应 WWW是WorldWideWeb的缩写，可译为“环球网”或“万维网”,它是基于Internet提供的一种界面友好的信息服务，用于检索和阅读连接到Internet上服务器的有关内容。该服务利用超文本（Hypertext)、超媒体（Hypermedia)等技术，允许用户通过浏览器（如微软的IE、网景的Netscape）检索远地计算机上的文本、图形、声音以及视频文件。 Web的应用层协议HTTP是Web的核心。HTTP在Web的客户程序和服务器程序中得以实现。运行在不同端系统上的客户程序和服务器程序通过交换HTTP消息彼此交流。HTTP定义这些消息的结构以及客户和服务器如何交换这些消息。 HTML网页设计期末考试试卷 HTML考试题 1、下面有关样式表的说法正确的是（）。（选择二项） a)通过样式表，用户可以使用自己的设置来覆盖浏览器的常规设置 b)样式表不能重用 c)每个样式表只能链接到一个文档 d)样式表可以用来设置字体、颜色等 2、在html中，使用外部JS文件的语句为（）。（选择一项） a) b) c) d) 3、关于html中的事件，说法正确的是（）。（选择二项） a)当输入焦点转移到input输入框时，将触发对象的onFocus事件 b)当输入焦点转移到input输入框时，将触发对象的onBlur事件 c)当输入焦点移出input输入框时，将触发对象的onFocus事件 d)当输入焦点移出input输入框时，将触发对象的onBlur事件 4、向html文档中插入javascript脚本时，正确的标记是（）。（选择一项） a) b)…… c) d)…… 5、网页编程中，运行下面的javascript代码，则提示框中显示（）。（选择一项） a)2 b) 2.5 c) 32/2 d) 16 6、如果要在网页上显示"20060816"，空格处应填写的javascript代码是（）。（选择一项） var year = 2006; var month = 8; var date = 16; document.write(____);//此处填写代码 a)year+month+date b)year+0+month+date c)year+"0"+month+date d)year+""+month+""+date 7、分析下面的javascript代码：x=11;y="number";m=x+y;m的值为（）。（选择一项） a)11number 网页设计考试试题库 精品文档 1.在基于网络的应用程序中，主要有B/S与C/S两种部署模式，一下哪项不属于 ．．．对于B/S模式的正确描述（ A ） A. B/S模式的程序主要部署在客户端 B. B/S模式与C/S模式相比更容易维护 C. B/S模式只需要客户端安装web浏览器就可以访问 D. B/S模式逐渐成为网络应用程序设计的主流 3.以下关于HTML文档的说法正确的一项是( C ) A．与这两个标记合起来说明在它们之间的文本表示两个HTML文本 B．HTML文档是一个可执行的文档 C．HTML文档只是一种简单的ASCII码文本 D．HTML文档的结束标记可以省略不写 4.BODY元素可以支持很多属性，其中用于定义已访问过的链接的颜色属性是( D )。 A．ALINK B．CLINK C．HLINK D．VLINK 2.在网站设计中所有的站点结构都可以归结为(D ) A.两级结构 B.三级结构 C.四级结构 D.多级结构 精品文档 3.Dreamweaver中，模板文件的扩展名是C .htm B. .asp C. .dwt D. .css 4.Dreamweaver中，站点文件的扩展名是B .htm B. .ste C .dwt D. .css 5.网页中插入的flash动画文件的格式是： GIF B.PNG C. SWF D.FLA 6.设置水平线效果的HTML代码是 A. B. < hr noshade> C. D. < td size=?> 7.以下表示段落标签的是 A. B. C. B、 C、 C. D. 8.以下表示预设格式标签的是 A. B. C. D. 9.以下表示声明表格标签的是 A. B. D. 0.以下表示声明框架标签的是 A. B. C. D. D. < td size=?> 7.以下表示段落标签的是 A. B. C. 1.以下标题字标签中，显示出得文字效果，字号最大的是 A. B. C. D. 《网页制作》期末考试试题(含答案) 2010年秋季学期《网页制作》科目期末考试卷（理论） 使用班级:09计一、09物一 班级: 姓名: 得分: 一、选择题（每题3分，共45分） 1、可以通过（）文本框设置单元格内容和单元格边界之间的像素数。 A:填充 B:间距 C:边框 D:宽和高 2、将鼠标指针移动到表格上面，当鼠标指针呈（）形状时，单击便可选中表格。 A:网格图标 B:十字 C:双箭头 D:空心箭头 3、在一个网站中，路径的表示方式一般有（）。 A:绝对路径、根目录相对路径 B:绝对路径、根目录绝对路径 C:绝对路径、根目录相对路径、文档目录相对路径 D:绝对路径、根目录绝对路径、文档目录相对路径 4、若要编辑Dreamweaver 8站点，可采用的方法是（）。 A:执行菜单“站点”/“管理站点”命令，然后选择一个站点，单击“编辑” B:在“文件”面板中，切换到要编辑的站点窗口中，双击站点名称 C:执行菜单“站点”/“打开站点”命令，然后选择一个站点 D:在“属性面板”中进行站点的编辑 5、如果要使浏览器不显示表格边框，应将“边框粗细”设置为（）。 A:1 B:2 C:3 D:0 6、以下扩展名中不表示网页文件的是（） A、.htm B、 .html C、 .asp D、 .txt 7、构成WEB站点的最基本的单位是（） A、网站 B、主页 C、网页 D、文字 8、网页最基本的元素是（） A、文字与图像 B、声音 C、超链接 D、动画 9、在进行网站设计时，属于网站建设过程规划和准备阶段的是（） A、网页制作 B、确定网站的主题 C、后期维护与更新 D、测试发布 10、Dreamweaver是（）软件 A、图像处理 B、网页编辑 C、动画制作 D、字处理 11、在网站整体规划时，第一步要做的是（） A 确定网站主题 B 选择合适的制作工具 C 搜集材料 D 制作网页 12、链接到同一网页的超链接，又称为（）。 A．绝对超链接 B．相对超链接 C．邮件超链接 D．锚点超链接 13、要想在新的浏览器窗口中打开链接页面，应将链接对象的“目标（target）”属性设为（） A．_parent B．_blank C．_self D．_top 14、“HTTP”的中文含义是（）。 A、文件传输协议 B、超文本传输协议 C、顶级域名网址 D、以上都不是 15、下面说法错误的是( ) A.规划目录结构时，应该在每个主目录下都建立独立的images目录 B.在制作站点时应突出主题色 C.人们通常所说的颜色，其实指的就是色相 D.为了使站点目录明确，应该采用中文目录 二、填空题（每空3分，共45分） 1、网页通常可分为静态网页和。 2、静态网页的后缀名通常为和。 3、是一个网站或站点的第一个网页，是网站的门面。 4、通常所说的“网页制作三剑客”指美国Macromedia公司推出的DreamWeaver、和FireWorks网页设计软件。 5、确定站点的_________是建立网站时首先应该考虑的问题。 6、表格的宽度可以用像素和两种单位来设置。 7、网页文件中，能起到动画效果的图形格式是。 8、通过的方式可以使各个网页之间联接起来，使网站中众多的页面构成一个有机整体，使访问者能够在各个页面之间跳转。 9、在Dreamweaver文档窗口中有三个视图，它们分别是、拆分视图和视图。 10、网页其实是用超文本标记语言（HyperText Markup Language）编写的，超文本标记语言的英文简称。 11、Web页中通常使用的图像文件格式为、和。 三、简答题（每题10分） 1、网页制作的步骤是什么？ 《网页制作》期末考试试题(含答案)1. 2010年秋季学期《网页制作》科目期末考试卷(理论 使用班级:09计一、09物一 班级:姓名:得分: 一、选择题(每题3分,共45分 1、可以通过(文本框设置单元格内容和单元格边界之间的像素数。 A:填充B:间距C:边框D:宽和高 2、将鼠标指针移动到表格上面,当鼠标指针呈(形状时,单击便可选中表格。A:网格图标B:十字C:双箭头D:空心箭头 3、在一个网站中,路径的表示方式一般有(。 A:绝对路径、根目录相对路径B:绝对路径、根目录绝对路径 C:绝对路径、根目录相对路径、文档目录相对路径 D:绝对路径、根目录绝对路径、文档目录相对路径 4、若要编辑Dreamweaver8站点,可采用的方法是(。 A:执行菜单“站点”/“管理站点”命令,然后选择一个站点,单击“编辑” B:在“文件”面板中,切换到要编辑的站点窗口中,双击站点名称 C:执行菜单“站点”/“打开站点”命令,然后选择一个站点 D:在“属性面板”中进行站点的编辑 5、如果要使浏览器不显示表格边框,应将“边框粗细”设置为(。 A:1B:2C:3D:0 6、以下扩展名中不表示网页文件的是( A、.htm B、.html C、.asp D、.txt 7、构成WEB站点的最基本的单位是( A、网站 B、主页 C、网页 D、文字 8、网页最基本的元素是( A、文字与图像 B、声音 C、超链接 D、动画 9、在进行网站设计时,属于网站建设过程规划和准备阶段的是( A、网页制作 B、确定网站的主题 C、后期维护与更新 D、测试发布 10、Dreamweaver是(软件 A、图像处理 B、网页编辑 C、动画制作 D、字处理 11、在网站整体规划时,第一步要做的是( A确定网站主题B选择合适的制作工具 C搜集材料D制作网页 12、链接到同一网页的超链接,又称为(。 A.绝对超链接 B.相对超链接 C.邮件超链接 D.锚点超链接 13、要想在新的浏览器窗口中打开链接页面,应将链接对象的“目标(target”属性设为( A._parent B._blank C._self 网页设计考试试题库 1.在基于网络的应用程序中，主要有B/S与C/S两种部署模式，一下哪项不属于 ．．．对于B/S模式的正确描述（ A ） A. B/S模式的程序主要部署在客户端 B. B/S模式与C/S模式相比更容易维护 C. B/S模式只需要客户端安装web浏览器就可以访问 D. B/S模式逐渐成为网络应用程序设计的主流 3.以下关于HTML文档的说法正确的一项是( C ) A．与这两个标记合起来说明在它们之间的文本表示两个HTML文本 B．HTML文档是一个可执行的文档 C．HTML文档只是一种简单的ASCII码文本 D．HTML文档的结束标记可以省略不写 4.BODY元素可以支持很多属性，其中用于定义已访问过的链接的颜色属性是( D )。 A．ALINK B．CLINK C．HLINK D．VLINK 2.在网站设计中所有的站点结构都可以归结为(D ) A.两级结构 B.三级结构 C.四级结构 D.多级结构 3.Dreamweaver中，模板文件的扩展名是C .htm B. .asp C. .dwt D. .css 4.Dreamweaver中，站点文件的扩展名是B .htm B. .ste C .dwt D. .css 5.网页中插入的flash动画文件的格式是： GIF B.PNG C. SWF D.FLA 6.设置水平线效果的HTML代码是 A. B. < hr noshade> C. C. D. 8.以下表示预设格式标签的是 A. B. C. D. 9.以下表示声明表格标签的是 A. B. D. 0.以下表示声明框架标签的是 A. B. C. D. 《Dreamweaver网页设计》期末试卷 《Dreamweaver网页设计》期末试卷 班级：_________：_________ 得分：_________ 一、单项选择题（每个题只有一个的答案是正确的。每题2分，共20分） 1．下图为Dreamweaver8的新建文档页面，一般情况下，创建完全空白的静态页面应选择（）。 A. 基本页类别中的“HTML模板”选项 B. 基本页类别中的“HTML”选项 C. 动态页类别中的选项 D. 入门页面中的选项 2．下列选项中（）按钮表示插入Fireworks HTML。 A. B. C. D . 3．下列（）不能在网页的“页面属性”中进行设置。 A.文档编码 B.背景颜色、文本颜色、颜色 C.网页背景图及其透明度 D.跟踪图像及其透明度 4．JavaScript包括在HTML中，它成为HTML文档的一部分，可将标识放入（）。 A.只能在.. 之间 B.只能在...之间 C.既可放入.. 之间，也可放入...之间 D.只能在...之间 5．在Dreamweaver 8中，下面对象中可以添加热点的是（ B ）。 A．文字 B．图像 C．层 D．动画 6．要将左图所示的表格修改为右图所示的状态，不能执行的操作是（）。 左图右图 A.选中整个表格，在属性面板中将表格的行数从1改为2 B.依次将左右单元格拆分为两行 C.将光标放在表格中的任意位置，执行命令“修改/表格/插入行或列”，在弹 出的对话框中选择插入行，行数为1，位置为“所选之下” D.将光标放在表格中的任意位置，执行命令“修改/表格/插入行” 7．在HTML语言中，表示（）。 A.设置颜色为红色 B.设置访问过颜色为红色 C.设置活动颜色为红色 D.设置鼠标上滚颜色为红色 8．关于在Dreamweaver中插入Flash文本，说法错误的是（）。 A.可以设置Flash文本的动态效果，如淡入淡出等 B.通过插入Flash文本，用户可以直接创建一个Flash文本对象的动画 C.可以设置Flash文本的字体、字号、文本颜色、鼠标转滚颜色等属性 D.可以为Flash文本设置 9．如果要使用CSS将文本样式定义为粗体，需要设置（）文本属性。 A.font-family B. font-style C. font-weight D. font-size 10．为定义目标窗口时，_blank表示的是（）。 (开题报告)基于JSP的电子商务网站设计与实现 毕业设计（论文）开题报告 经济管理系（院）20 11 届 题目图书在线销售电子商务系统的设计与实现课题类型设计课题来源自拟课题 学生姓名文显龙学号200807090016 专业信息管理与信息系统年级班2008级1班指导教师张丽职称讲师 填写日期：2011年12月01日 一、本课题研究的主要内容、目的和意义 随着计算机网络技术的迅猛发展，图书在线销售也随着网络的发展日益和人们的生活贴近。在线交易逐渐成为人们关注的热点，图书在线销售越来越受到人们的重视，图书在线销售是一种具有交付功能的商业网站，它在网络上建立一个虚拟的销售商场，使购物过程变得轻松、快捷、方便。图书网络销售正适应了当今社会快节奏地生活，使顾客足不出户便可以方便快捷轻松地选购自己喜欢的各种图书。本课题运用JSP技术、软件工程、数据库等知识开发出了一个电子商务网站系统，实现了图书分类、特价书、新品上架、会员管理、购物车、销售排行、收银台以及后台管理员功能，以期对相同类型图书在线销售电子商务系统的开发起到借鉴作用。 本课题主要分成以下五个方面的内容： 一、JSP图书在线销售电子商务系统的理论综述 二、JSP图书在线销售需求分析 三、图书在线销售电子商务网站系统的设计 四、网站代码实现 五、网站的主要功能截图 目的及意义 本课题通过对JSP电子商务网站的设计与实现的研究，充分掌握JSP电子商务网站的开发过程，目的在于开发出一个完整的JSP图书在线销售电子商务网站系统并实现其功能。本课题将结合当前JSP电子商务网站系统的开发，介绍JSP图书销售电子商务网站系统开发的流程和各个阶段，并分析比较当前流行的开发技术和工具，探索常用企业业务模式之间的关联和区别。这对于今后的电子商务系统开发，或采用相关技术路线的系统开发，具有重要的借鉴意义。 《网页设计》期末试卷及答案2套 《网页设计》A试卷 一、填空题（每题1分，共计20分） 1、在DreamweaverCS3中显示/隐藏【属性】面板的快捷键是。 2、在保存网页文件时，文件命名的原则是。 3、设置网页背景有和两种方法。 4、站点文件的后缀名为。 5、表格用标记定义，是HTML语言中重要的标记。 6、网站中路径的表示方式通常是、和。 7、时间轴是DreamweaverCS3中制作的主要工具。 8、FlashCS3绘图工具箱中包括、、、、 和 6 个部分。 9、FireworksCS3中文本的录入可以通过和两种方式录入。 10、FireworksCS3中执行命令，或者按快捷键可以打开/隐藏【优化】面板。 二、判断题（每题1分，共计10分） 1、DreamweaverCS3中，可以为文本或者图片创建内部链接。（） 2、表单就是表单对象。（） 3、在模板中可以插入两种类型的重复区域：重复区域和重复表格。（） 4、FlashCS3中打开【库】面板的快捷键是Ctrl+K。（） 5、FlashCS3中创建逐帧动画，需要将每个帧都定义为关键帧。（） 6、FlashCS3中，图层的类型主要有原始层、引导层和遮罩层三种。（） 7、按钮元件不能添加Action Script代码。（） 8、【刀子】工具能够将一个路径切成两个或者多个路径。（） 9、形状补间动画的作用对象是元件或被组合的对象。（） 10、GIF动画是由对象、层和帧组成的。 （） 三、选择题（每题2分，共20分） 1、创建交互式图像的前提是( ) A.两幅图片类型相同 B.两幅图片大小相同 C.两幅图片体积大小相同 D.两幅图片分辨率大小相同 2、DreamweaverCS3中不能进行的操作是（） A.重新定义站点 B.复制站点 C.剪切站点 D.删除站点 3、Dreamweaver删除当前操作的快捷键是( ) A.Ctrl+Alt+S B.Ctrl+M C.Ctrl+Shift+A D.Ctrl+Shift+M 4、下列关于绝对路径叙述正确的一项是( ) A.绝对路径是被链接文档的完整的URL，不包括使用传输协议。 B.使用绝对路径时需要考虑到源文件的位置 C.在创建外部链接时，必须要使用绝对路径 D.在绝对路径中，如果目标文件发生移动，链接同样可以使用 5、在行为事件中，表示用鼠标单击选定元素而触发事件的是（） A.onDblClick B.onClick C.onLoad D.onMouseOver 6、下面关于库的说法，不正确的是 ( ) A.库的本质是一段HTML代码 B.库文件被定位在Templates文件夹内 C.库项目的文件扩展名为.lbi D.库是用于存储网站中经常出现或者重复使用的页面元素 7、FlashCS3中一般为了延长影片播放的时间而使用的是( ) A.关键帧 B.空白关键帧 C.普通帧 D.空白帧 8、【公用库】面板中系统自带的元件库包括（） A.学习交互、按钮、类 B.学习交互、按钮、声音 C.图片、按钮、类 D.学习交互、声音、类 9、在【优化】面板中，选择【精确】索引颜色的是当图像中的颜色小于( )色时才可以使用该颜色表。 A.226 B.216 C.256 D.236 10、【图像预览】对话框左侧的参数设置部分包含 ( )3个选项 A.文件、选项、动画 B.预览、文件、动画 C.选项、预览、动画 D.选项、文件、预览 四、名词解释（每题3分，共15分） 1、图像映射 网页设计试题及答案 、单项选择题(每题2分，共40分) _B_。 1.“ HTTP中文含义是 A)文件传输协议B)超文本传输协议C)顶级域名网址D)以上都不是 B ____ 。 2.在因特网的域名体系中，域名缩写com是指_ A)教育机构B)商业机构C)政府部门D)军事部门 _A__。 3.在网站整体规划时，第一步要做的是 A)确定网站主题 B)选择合适的制作工具 C)搜集材料 D)制作网页 4.以下关于HTML的叙述中错误的是_A_。 A)网页文件都是由HTML编写而成的 B)HTML具有与操作系统和硬件平台无关性 C)HTML的中文意思是超文本标记语言” D)可以通过任何一种文本编辑器编写HTML文件 5._A_标记标注网页中一个段落的开始。 A)vp> B) C) D) _D_。 6.标记控制文字字体类型的属性是 A)color B) size C) style D) face _B_。 7.<丁只>表示 A) 一张表B) 一行C) 一列D) 一个单元格 A__o 8.用于设置页面标题的标记是__ A)