1、 HTML 是 Hyper Text Markup Language的缩写,意思是超文本标记语言。 2、常用网页设计和制作的专门工具 Microsoft Frontpage 和 Adobe Dreamweaver
3、网页:按照网页文档规范编写的一个或多个文件,通常是 HTML 格式的文件。主要由文 字、图形图像、动画、视频、超级链接等基本元素构成。
4、网站:是各种各样网页,文件,脚本,数据库以及众多资源的集合。
5、静态网页的工作原理:在浏览器(客户端中输入一个网址并按回车键,或在网页中单 击一个超级链接后, 就会向服务器端提出一个网页浏览的请求。 服务器接到请求后, 找到相 应的静态网页文件,然后发送给浏览器。
客户端浏览器。 。 。发送请求。 。 。 Web 服务器 (1、接受客户端请求 2、找到静态网页 3、发送 网页 。 。返回请
求。 。 。 。 。 。 。 。 。 。 。 。 。 。 。 返回静态网页
3、 动态网页:ASP 文件的扩展名为 .asp ASP.net 文件的扩展名为 .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 :单击文本链接后,在最顶层的浏览器窗口中显示目标端点页面。
13、图像热区链接:可根据需要通过属性检查器的矩形,椭圆形和多边形热点工具, 在图像 上绘制热点区域。利用指针热点工具,可以对热点进行选择、移动、调整区域范围等操作。 14、插入表格:表格宽度度量单位百分比、像素。边框粗细:可以在文本框中输入表格边 框的粗细。单元格边距 ; 可以在文本框中输入单元格中的
文本与单元格边框之间的距离值。 15、框架的结构:框架由框架和框架集组成。框架就是网页中被分隔开的各个部分,每部 分都是一个完整的网页, 这些网页共同组成了框架集, 框架集实际上也是一个网页文件, 用
于定义框架的结构、数量、尺寸等属性。
16、模板是一种特殊的文档,扩展名为 .dwt ,用于设计“固定的”页面布局。它用来产生 带有固定特征和共同格式的文档基础,是用户进行批量生产文档的起点。
17、 CSS 样式表:CSS 是用于控制网页样式并允许将样式与网页内容分离 的一种标记性语言。 CSS 可将网页的内容与表现形式分开,是网页的外观设计从网页内容中 出来单独管理。
18、 AP 元素,即绝对定位元素,是指在网页中具有绝对位置的页面元素。具体地说,就是 Div 标签或其他任何标签。
19、 AP div在网页设计中的功能:(1 AP div是绝对定位的,游离在文档之上,利用它可以 浮动定位网页元素。 (2 AP div的 Z 轴属性可以使多个 AP div进行重叠,产生多重叠加的效 果。 (3 AP div的显示和隐藏可以控制,从而使网页的内容变得更加丰富多彩。
20、 AP 元素可见性设置:AP 层的可见性的改变也可以通过 AP 元素面板与属性面板来实现。 通过 AP 元素面板:选择菜单栏中的“窗口”→“ AP 元素”命令,或按 F2键可以打开 AP 元素面板,单击要更改的 AP 层名称前面的眼睛图标既可改变 AP 层的可见性。闭上的眼睛 图标表示 AP 层被隐藏,处于不可见状态。睁开的眼睛图标表示 AP 层被显示,处于可见状 态。 通过属性面板:在属性面板中,选中要设置可见的 AP 层,在“可见性”下拉列表中 选择相应的可见性选项。
21、 Z 轴:如果以 X 轴与 Y 轴定义一个平面网页,那么 AP 元素就是具有某 Z 轴值的网页内 容, 即具有上下的叠放顺序。 当两个或两个以上的 AP 元素重叠时, Z 值小的在下面, Z 值大 的在上面,上面的通常会遮住下面的 AP 元素。
22、 AP 层的属性包括名称(ID 、位置、大小、 Z 轴、可见性、背景、类、溢出、剪辑等基 本属性。
23、 什么是行为?行为是用来动态响应用户操作、 改变当前页面效果或实质性特定任务的一 种方法。 对象是产生行为的主体。 事件是触发动态效果的条件。 动作由 JavaScript 代码组成, 这些代码执行特定的任务,最终产生动态效果。
24、添加事件:onclick (一下 ondbclick (双击 OnMouseout :在浏览器中,当用户鼠 标指针从建立行为的元素移出后,就会触发该事件。 OnMouseup :在浏览器中,当用户在 使用行为的元素上按下鼠标并释放后, OnUnload :当用户离开当前网页(关闭浏览器或跳 转到其他网页 时, 当鼠标指针移动到某个图片上时, 浏览器为该图片生成一个 OnMouseover 事件
23、 检查表单:在具有表单的页面中, 使用检查表单动作可以验证表单域中输入数据的合法 性。
24、表单对象:在 Dreamweaver CS4中,表单输入类型成为表单对象,表单对象是允许用户 输入数据的机制。
25、图片是否属于多媒体元素?。 。 。否
26、网页的设计与制作流程:(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. 结合我们做网站经验,你将设计怎样的站点、包含内容 ? 你将利用什么样的技术,如何实 现 ?