湖南工业大学WEB网页设计与应用

1、HTML是Hyper Text Markup Language的缩写，意思是超文本标记语言。

2、常用网页设计和制作的专门工具Microsoft Frontpage和AdobeDreamweaver
3、网页：按照网页文档规范编写的一个或多个文件，通常是HTML格式的文件。

主要由文字、图形图像、动画、视频、超级链接等基本元素构成。

4、网站：是各种各样网页，文件，脚本，数据库以及众多资源的集合。

5、静态网页的工作原理：在浏览器（客户端）中输入一个网址并按回车键，或在网页中单击一个超级链接后，就会向服务器端提出一个网页浏览的请求。

服务器接到请求后，找到相应的静态网页文件，然后发送给浏览器。

客户端浏览器。

发送请求。

Web服务器(
1、接受客户端请求
2、找到静态网页
3、发送网页)。

返回请求。

返回静态网页
3、动态网页：ASP文件的扩展名为.asp ， 文件的扩展名为.aspx ，JSP文件
的扩展名为.jsp
4、动态网页和静态网页的工作原理类似，它们的区别在于Web服务器对它们的处
理方式不同。

在浏览器里输入一个动态网页网址并按回车键后，就会向服务器端提出一个浏览网页的请求。

如果Web服务器接收到对动态网页的请求，则从Web服务器中找到该文件，并将它传递给一个称为应用程序服务器的软件，由它负责解释和执行网页，将含有程序代码的动态网页转化为标准的静态网页，最后将执行后的结果——静态网页传递给客户端浏览器。

客户端浏览器。

发送请求。

Web服务器（1、接受客户端请求2、找到动态网页
3、执行程序代码，生成静态网页
4、发送网页）。

发送数据库请求。

数据库服务器。

返回数据库处理结果。

返回请求，返回静态网页 5、网站的前期规划1、确定网站目标（网站的整体定位；主要内容；目标用户）2、规划网站结构3、确定网站风格
6、网页中图像主要有3种格式：GIF、JPEG、PNG
7、GIF格式：
优点：支持透明背景；
支持动画；
支持图形渐进；
支持无损压缩。

缺点：只有256种颜色
8、JPEG格式：
优点：支持上百种颜色，因而可用来表现照片等高质量的图片。

缺点：不支持图形渐进、背景透明、动画
9、背景图像能盖住背景颜色
10、超级链接由源端点和目标端点组成。

11、根据创建连接对象的不同，可以将超级链接分为文本链接、图像链接、表单链接等。

12、根据目标端点的位置及方式的不同，可以将超级链接分为外部链接、内部链接、局部链接、电子邮件链接4种。

13、创建文本链接，设置好了目标端点后，还需要从“目标”下拉列表框中选择以何种方式跳转到目标页面（超级链接的打开方式）
-blank：单击文本链接后，目标端点页面会在一个新窗口中打开。

-parent：单击文本链接后，在上一级浏览器窗口中会显示目标端点页面（框架页面）
-self：Dreamweaver的默认设置，单击文本链接后，在当前页面窗口中显示目标端点页面。

-top：单击文本链接后，在最顶层的浏览器窗口中显示目标端点页面。

14、图像热区链接：可根据需要通过属性检查器的矩形，椭圆形和多边形热点工具，在图像上绘制热点区域。

利用指针热点工具，可以对热点进行选择、移动、调整区域范围等操作。

15、插入表格：表格宽度度量单位百分比、像素。

边框粗细：可以在文本框中输入表格边框的粗细。

单元格边距;可以在文本框中输入单元格中的文本与单元格边框之间的距离值。

16、框架的结构：框架由框架和框架集组成。

框架就是网页中被分隔开的各个部分，每部分都是一个完整的网页，这些网页共同组成了框架集，框架集实际上也是一个网页文件，用于定义框架的结构、数量、尺寸等属性。

17、模板是一种特殊的文档，扩展名为.dwt，用于设计“固定的”页面布局。

它用来产生带有固定特征和共同格式的文档基础，是用户进行批量生产文档的起点。

18、CSS样式表：CSS是用于控制网页样式并允许将样式与网页内容分离
的一种标记性语言。

CSS可将网页的内容与表现形式分开，是网页的外观设计从网页内容中独立出来单独管理。

19、AP元素，即绝对定位元素，是指在网页中具有绝对位置的页面元素。

具体地说，就是Div标签或其他任何标签。

20、AP div在网页设计中的功能：
（1）AP div是绝对定位的，游离在文档之上，利用它可以浮动定位网页元素。

（2）AP div的Z轴属性可以使多个AP div进行重叠，产生多重叠加的效果。

（3）AP div的显示和隐藏可以控制，从而使网页的内容变得更加丰富多彩。

21、AP元素可见性设置：AP层的可见性的改变也可以通过AP元素面板与属性面板来实现。

通过AP元素面板：选择菜单栏中的“窗口”→“AP元素”命令，或按F2键可以打开AP 元素面板，单击要更改的AP层名称前面的眼睛图标既可改变AP层的可见性。

闭上的眼睛图标表示AP层被隐藏，处于不可见状态。

睁开的眼睛图标表示AP层被显示，处于可见状态。

通过属性面板：在属性面板中，选中要设置可见的AP层，在“可见性”下拉列表中选择相应的可见性选项。

22、Z轴：如果以X轴与Y轴定义一个平面网页，那么AP元素就是具有某Z轴值的网页内容，即具有上下的叠放顺序。

当两个或两个以上的AP元素重叠时，Z值小的在下面，Z值大的在上面，上面的通常会遮住下面的AP元素。

23、AP层的属性包括名称（ID）、位置、大小、Z轴、可见性、背景、类、溢出、剪辑等基本属性。

24、什么是行为？行为是用来动态响应用户操作、改变当前页面效果或实质性特定任务的一种方法。

对象是产生行为的主体。

事件是触发动态效果的条件。

动作由JavaScript代码组成，这些代码执行特定的任务，最终产生动态效果。

25、添加事件：
onClick（单击）
ondbclick（双击）
onMouseout：在浏览器中，当用户鼠标指针从建立行为的元素移出后，就会触发该事件。

onMouseup：在浏览器中，当用户在使用行为的元素上按下鼠标并释放后，。

onUnload：当用户离开当前网页（关闭浏览器或跳转到其他网页）时，。

当鼠标指针移动到某个图片上时，浏览器为该图片生成一个OnMouseover事件
26、检查表单：在具有表单的页面中，使用检查表单动作可以验证表单域中输入数据的合法性。

27、表单对象：在Dreamweaver CS4中，表单输入类型成为表单对象，表单对象是允许用户输入数据的机制。

28、图片是否属于多媒体元素？。

否
29、网页的设计与制作流程：
（1）网站的主题与定位
（2）资料收集
（3）结构设计：栏目与板块设计
（4）形象设计：网站LOGO的设计等
（5）网站页面的设计
（6）测试
（7）申请域名和空间
（8）站点上传
（9）网站的推广与宣传，网页设计与制作重点总结
1.扩展名：静态 .html .htm ；动态 .asp .php .jsp .aspx 模板文件 .dwt 样式css
2.优先级背景图形背景色
3.链接形状分类文本链接图像链接表单链接热点 p75 矩形椭圆形多边形热点工具
5.div、visible、hidden 、table 单元格问题
6.网页的多媒体元素包括：动画音乐视频：视图（代码拆分设计）
9.（1）网站的前期规划（2）用到学到的技术（综合题）
10.库的使用、框架的结构、框架，框架集（包括了很大的网页小题）选择题
1.drop固本文件（错）【可供修改】
2.Dreamweaver不是一种图像处理软件
3.gif图像格式（可显示256种颜色）
4.网站链接页面的集合（对）
5.css可控制单个网页样式也可作为一个文件的多个网页样式（对）
6. .Dreamweaver做网页创建页面可不用创建站点（对）简单题
1.设计网站设计什么样的站点
2.结合我们做网站经验，你将设计怎样的站点、包含内容?你将利用什么样的技术，如何实现 ?。