《全套电子课件：网页制作与实训》由会员分享，可在线阅读，更多相关《全套电子课件：网页制作与实训（222页珍藏版）》请在金锄头文库上搜索。
1、网网页页制作与制作与设计设计 第一章 网页制作概述 网站制作是一个很大的课题。本章主要介绍网页设计常用的软件及特点，然后介绍了设计网站的流程。在进行网页设计时，要注意网页设计的计划性和条理性，在进行网页组件的整合和制作之前，要把网页布局明确下来，这是网站设计的关键。教学重点与难点教学重点与难点Internet简介及发展Internet的主要功能网页制作常用工具网页制作流程1.1 Internet、WWW、HTML简介1.1.1Internet简介因特网是当今世界上最大的连接计算机的电脑网络通迅系统。它是全球信息资源的公共网而受到用户的广泛使用。 从功能方面看， Internet有两大用处：第一
2、用处是通信，使用电子邮件通信，速度快、费用低、特别适合国际间通信量大的用户使用；第二用处是信息的良好工具。特别是Telnet、FTP、Gophet、News、www,都是Internet检索和发送信息的良好工具1.1.2 WWW（万维网）简介 WWW是Internet 上那些支持WWW协议和超文本传输协议HTTP的客户机与服务器的集合，透过它可能存取世界各地的多媒体文件，内容包括文字、图形、声音、动画、资料库以及各式各样的软件. WWW的基本结构是采用开放式的客户/服务器结构. 1.1.3 HTML简介 HTML（Hyper Text Language,超文本标记语言）是一种用来制作超级文本文
3、档的简单标记语言。 HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或.htm的文件扩展名HTML 文档结构 除了一些个别的标记外，HTML文档的标记都可嵌套使用。通常由三对标记来构成一个HTML文档的结构。 头部信息 文档主体,正文部分 1.2 网页制作工具简介1.2.1网页编辑工具FrontPage 2000 FrontPage 2000是Microsoft公司推出的网页制作工具,它功能强大,操作方便.记事本 记事本是一个文本编辑的工具,使用记事本环境,可以方便地编写HTML代码和脚本语言程序代码.Dreamweaver MX Dream
4、weaver MX是Macromedia公司推出的“所见即所得”的主页制作工具.1.2.2 网页图像与动画制作工具Photoshop 7.0 Photoshop是Adobe公司专门处理图片和文字的软件.支持在计算机中使用的大部分图片格式。Flash MX Flash是Macromedia 公司推出的动画设计与制作软件.使用Flash能创建漂亮的、可改变尺寸的网页动态插件。Fireworks Fireworks是Macromedia公司的网页图片处理工具.Fireworks与Dreamweaver结合很紧密,只要将Dreamweaver的默认图像编辑器设为Fireworks,那么在Firewor
5、ks里修改的文件将立即在Dreamweaver里更新.Ulead GIF Auimator Ulead GIF Auimator是友立公司出版的动画GIF制作软件,内建的Plugin有许多现成的特效可以立即使用,可将AVI文件转成动画GIF.1.3 网站制作流程网站设计的流程分为三个阶段: 1、前期规划 2、网站制作 3、后期维护1.3.1 前期规划 在制作网站之前，首先给网站准确的定位，明确建站目的。网站主题和类型确定后，要规划好网站栏目录结构、网页版面布局.1.3.2 网站制作 Web 页面设计需要遵循以下三条原则：简洁一致性对比度1.3.3 后期维护 Web站点建立后，要定期更新和维护W
6、eb站点内容，吸引更多的用户访问站点和重复浏览Web站点信息网网页页制作与制作与设计设计第2章 HTML基础 HTML是网页制作的一种规范、一种标准。本章介绍了用HTML制作网页的各种标记符的设置方法，包括网页数据的编辑与格式化、在网页中使用超链接和插入图片、网页中的表格设计以及表格与文字的混排等。教学重点与难点教学重点与难点文本及版面风格控制在网页中使用超链接与图片的编排表格与文字的混排2.1 HTML网页构建HTML（HyperTextMarkupLanguage）超文本标记语言，几乎所有的网页都是以HTML格式书写的。HTML以标识符来标识、排列各对象。标识符本身以“”标识，标识符内的内
7、容称为元素（element），元素代表了标识符的意义，元素是与大小写无关的。用超文本标记语言（HTML）编写的网页文件其实只是很平常、很普通的文本文件。可以用你所熟悉的文字编辑器来编辑它，如Edit、Word、写字板、记事本等，但一定要以纯文本方式保存，浏览器只能识别纯文本格式的文件。标记HTML的开始，在文件结束处要有对应的符号。一个HTML文件应具有下面的结构： /*HTML文件开始*/ /*文件头开始*/ 文件头 /*文件头结束*/ /*文件体开始*/ 文件体 /*文件体结束*/ /*HTML文件结束*/2.2 文本及版面风格控制一、创建HTML文档1用工具软件创建HTML文档用比较完善
8、的工具软件来制作网页，像FronPage2000，Dreamweaver4等2用编辑工具编写HTML文档EDIT、记事本、写字板、Word等编辑工具可以用来编辑HTML文档。二、标签格式在HTML文件中，重要的文字部分都由“标签”括起来，这样文字就成了特别的文字，而标签本身则以“”号标识，标签内的内容称为元素，它代表了标签的意义。如：中南省委宣传部主页括住的文字称为“内容”，整个标签称为一个“元件”。三、标题格式HTML提供六种标题格式，其所用的标记符为（标题n，n=16），的字体最大，的字体最小。其属性如下：（1）ALIGN=LEFT，CENTER，RIGHT：文字左对齐（LEFT）、居中（
9、CENTER）或右对齐（RIGHT）。（2）ID：指定标记符的ID选择器。（3）STYLE：指定标记符的样式表命令。（4）CLASS：指定标记符的样式类型。（5）LANG：指定标题文字的语种。（6）DIR：指定标题文字的方向。（7）TITLE：指定标记符的标题。此外，还有一些鼠标操作的属性。四、段落格式1分段与换行符分段标记符用于将文档划分为段落，标记符为要将文字强制换行，而不是另起段落，可以用换行标记符BR实现该功能。注意，BR仅单独使用，而非成对出现。2.添加水平线添加水平线的标记符为（与BR类似，HR也不包括结束标记符。3. 段落对齐（1）ALIGN属性ALIGN属性用于设置段落的对齐方
10、式，其常见取值有4种：RIGHT（右对齐）、LEFT（左对齐）、CENTER（居中对齐）、JUSTIFY（两端对齐）。（2）DIV标记符（3）CENTER标记符（4）格式的嵌套五、文字格式1字符格式通过表3.1的标记符设置字符格式2字体大小、字符颜色和字体样式（1）SIZE属性：控制文字的大小（2）COLOR属性：控制文字的颜色（3）FACE属性：指定字体样式六、列表格式1有序列表定义有序列表需要使用有序列表标记符和列表项（Listitem）标记符，语法如下：Listitem1Listitem22无序列表无序列表标记符和列表项标记符3定义列表定义列表的制作需要3个标记符：定义列表标记符，用来指
11、定定义列表的开头与结尾；定义术语（Definitionterm）标记符，用来指定第一层数据；定义描述标记符，用来指定第二层数据。标记符必须有结束标记，但和标记符的结束标记可以省略。2.3 在网页中建立超链接一、超链接标记符创建一个超链接需要使用标记符，A是Anchor的首字母，标记符的最基本属性是HREF，用于指定链接到的文件位置。其他属性见教材。二、创建超链接1指向本地网页的链接：绝对URL2链接至位于相同文件夹的文件：相对URL方式3链接至位于不同文件夹的文件4指向其他网页的链接，如：我要上网易5页面的特定部分链接6连接至E-mail地址的超链接2.4 在网页中插入图片一、插入图片用标记符
12、在HTML文件中插入图片，标记符常用的属性见教材。二、图片布局可以使用HEIGHT、WIDTH、BORDER属性指定图片的高度、宽度以及是否具有框线。1图片的高度、宽度，如：图片的边框还可以用标记符的SOLID属性设置边框颜色，格式。3.图片的对齐方式图片的对齐是指图片本身在页面中的对齐和图片与文本的对齐。2.5 表格设计一、创建基本表格可以用标记符创建一个表格，并在它的中间加入标题和需要的数据。表格定义的代码为：具体表格内容1. 表格的标题元素定义了表格的说明。如：在这里输入标题行里的内容标题的属性ALIGN决定了标题的对齐方式。TOP是将标题放在表格的顶部，BOTTOM将标题放在表格的下面
13、。2. 行、表头和数据定义一个表格，需从第一行逐级向下，并且按行中单元格的顺序开始定义。行、表头和数据定义的代码为：表头数据二、表格及文字的对齐与布局1表格在页面中的对齐利用表格的ALIGN属性，可以将表格显示在页面的左边或右边。如果没有设置这一属性，表格单独显示为页面的一行，在页面的左侧。ALIGN=”LEFT”将表格按左边对齐，而表格的所有文本显示在表格右侧和页面之间的位置。ALIGN=”RIGHT”将表格按右边对齐，文本显示在表格的左侧。2.表格内数据的对齐ALIGN属性为单元格数据提供水平对齐方式，该属性有LEFT（左对齐）、RIGHT（右对齐）、CENTER（居中）3个值。VALIG
14、N属性定义单元格数据的垂直对齐方式，该属性有TOP（顶部对齐）、BOTTOM（底部对齐）、MIDDLE（中间对齐）3个值。三、设置表格尺寸设置表格边框尺寸利用的BORDER属性可以设置表格边框的尺寸，它以指定的粗度来显示表格边框。如：2.设置表格尺寸利用的WIDTH和HEIGHT属性可以设置表格尺寸。如：3. 设置表元间隙利用标记符的CELLSPACING属性可以设置表元的间隙。如：4.设置表元内部空白利用标记符中的CELLPDDING属性来，以像素为单位来设置它的值。如：四、设置表格的色彩设置表格、行或行中单元的相关颜色，可以在、和标记符里使用BGCOLOR、BORDERCOLOR、BORD
15、ERCOLORLIGHT、BORDERCOLORDARK等属性。COLOR的值可以是以十六进制表示的颜色，或者是16种颜色（BLACK、WHITE、GREEN、MAROON、OLIVE、MAVY、PURPLE、GRAY、RED、YELLOW、BLUE、TEAL、LIME、AQUA、FUCHSIA和SILVER）中的一种。五、创建跨多行、多列的表元跨越多列在或标记符里利用COLSPAN属性，并在其后写上想要跨越的列数。跨越多行在或标记符里利用ROWSPAN属性，并在其后写上想要跨越的列数。网网页页制作与制作与设计设计第4章FrontPage 2000网页设计技术 本章从FrontPage的视图入
16、手，先介绍用FrontPage设计网页的基本操作，包括网页的编辑、文本的修饰、列表与表格的使用、运用图象、设置链接、声音处理等，然后介绍FrontPage的高级应用，包括悬停按钮、滚动字幕、计数器与动态效果等，最后介绍表单的使用、样式与框架等。教学重点与难点教学重点与难点文本的修饰与美化、列表与表格的使用图象与声音对象的使用悬停按钮、滚动字幕的设置使用表单与样式4.1 FrontPage 2000简介打开FrontPage2000，我们发现它与其它Office软件的窗口大致相似，主窗口由标题栏、菜单栏、工具栏、视图栏、编辑区和状态栏等组成。1标题栏、菜单栏、工具栏、状态栏与Office其他组件
17、类似。2视图栏管理Web站点的工具。3工作区是管理站点和编辑网页的主要场所。在站点的“网页”视图模式下，网页编辑区的下方有三个编辑按钮它们分别代表三种编辑模式：普通、HTML和预览。用户一般在普通模式下设计网页，如果切换到HTML模式下，将会看到系统自动生成的HTML程序。4.FrontPage2000视图FrontPage2000提供了六种视图模式，即网页视图、文件夹视图、报表视图、导航视图、超链接视图和任务视图。它们是用户进行网站设计的有力工具，灵活运用视图模式，将极大地方便设计操作和网站管理。(1) 网页视图网页视图为网页的设计提供了一个工作场所，可以在这个环境下对网页进行设计和修改。(
18、2)文件夹视图打开一个网页后，系统默认是以文件夹视图来显示的，文件夹视图与Windows中的资源管理器相似，它能够显示当前的Web中的内容是如何组织的。(3) 报表视图报表视图相当于属性检查，它能给出当前网站的有关属性。灵活应用报表视图能够使用户方便地了解网页的属性，便于把握和修改网页。(4)导航视图导航视图清楚地显示了Web的结构，用户可以从中了解到网站中各部分之间的逻辑关系，它反映了网站的整个脉络。(5) 超链接视图超链接视图以图形化的界面显示了当前网页和其他文件之间的超链接关系，也可以显示网站与网站之间的超链接。(6)任务视图任务视图用任务列表的方式对任务进行管理，操作人员可以把详细的任
19、务放在任务列表中，这样它就会提醒设计人员需要完成哪些任务，还剩哪些任务没有完成。4.2FrontPage 2000的基本操作一、标题段落在网页内输入标题时，用户可先设置标题的格式，然后再输入标题的内容，FrontPage2000提供了6级标题。二、修饰文本FrontPage提供了“字体”对话框与各种格式工具按钮，可根据需要选择设置，以美化文本。1字体选择“字体”列表框不但显示字体的名称，同时还给出了字体的实际样式。2字体大小字符的大小共有6级，其中默认级别是3。3字体颜色选中文字，用“调色板”为文字设置颜色。4字符效果字符的一般效果“加粗”、“倾斜”和“下划线”使用上标和下标5字符间距控制网页
20、的文本间距、段落间距以及文本相对于基准线的垂直位置。“普通”、“扩充”、“紧缩”三种“间距大小”以“pt”为单位三、插入水平线在网页中插入水平线有分隔文本内容的作用。选择“插入”菜单的“HorizontalLine”项，可在网页中插入了一条水平线。可以对水平线进行长短或宽窄的拉伸。还可以对水平线属性进行设置，在水平线上单击鼠标右键，在弹出的菜单中选择“HorizontalLineProperties”弹出属性对话框，然后进行属性设置。3.3 图像一、添加图形打开“插入”菜单的“图片”子菜单，执行“来自文件”命令，选择图象文件的名称。二、编辑图形包括设置图象的特殊效果、剪切图象、添加文本。1添加
21、文本图片工具栏的“文本按钮”就是用来在图象内添加文本信息的。2图象的特殊效果旋转90度；图象翻转；修正对比度；调整亮度；黑白处理；图象弱化；突出效果；采样与还原；调整图象大小；设置对齐方式；使用折叠文本；设置间隔距离；设置透明背景三、设置背景图形1设置网页的背景色打开“格式”菜单，执行其中的“背景”命令，在随后出现的“网页属性”对话框内选择“背景”项。2设置图片为网页背景打开“格式”菜单，执行其中的“背景”命令，在出现的“网页属性”对话框内选择“背景”项在“格式”栏中选择“背景图片”项。3.4 超链接链接（Hyperlink，简称Link）是网页中的动态部分。一、链接的建立点击工具栏中的“Li
22、nk”按钮，然后在URL文本框内输入要链接的网页的URL。也可以先输入文字，然后拖动鼠标选定要建立超链接的文字，单击鼠标右键，在弹出的对话框中，选择其中的超链接。二、目标当用鼠标按下一个链接后，网页能够移动到当前网页或网络上的另一个网页上的某一位置，我们称此位置为目标或下锚处（Anchor）。使用目标可以使我们在浏览网页时迅速翻动到想浏览的内容。目标建立好后，就可以在网页内建立链接。3.5 表格一、创建表格三种方式：菜单、工具栏、手绘二、填充表格表格的内容可以是文本、图片、音频文件、视频文件或超链接等。三、表格属性1标题属性2对齐格式属性水平对齐方式有左对齐、右对齐、居中、两端对齐四种方式，垂
23、直对齐方式有顶部对齐、底部对齐、中部和基准对齐四种方式。3边框属性边框的大小和边框的颜色。4背景属性包括背景颜色和背景图象两种属性。5间隔属性表格的间隔由两个因素确定：一是单元格的填充，即单元格之间的间隔距离；一是单元格间距即单元格内部的间隔。6大小属性包括表格的宽度和高度。有两种单位：一个是像素，另一个是百分比。3.6 使用表单创建表单的方式有三种：表单模板、表单向导和自定义表单。一、使用表单模板二、使用表单向导使用表单模板只能创建最简单的几种表单，而用表单向导，就可以随心所欲地创建表单。3.7 使用框架使用框架能使网页之间的关系更明显，便于了解网页的结构，也可以使设计思路更清晰，使网页便于
24、管理。框架网页创建和设置过程：见教材3.8 动态网页一、使用“横幅广告管理器” 这个组件使用一系列图形,让每一幅图形按照预定置显示一段时间,然后一个一个往下切换,直到从头开始,直到所有图形都显示完毕,然后又从头开始。 具体步骤见教材一、使用“横幅广告管理器”二、使用“站点计数器”在FrongPage2000主窗口打开“插入”菜单，执行其中的“组件”子菜单，从“组件”子菜单中选择“站点计数器”命令，出现“站点计数器属性对话框，通过这个对话框，我们可以设置它的属性，包括：字符设置；起始点设置；3.位数设置。三、使用“悬停按钮”悬停是设置在超链接处的按钮。它的效果是：当鼠标点击悬停按钮处的超链接时，
25、悬停按钮的颜色和形状都会发生变化。选择“插入”菜单，执行其中的“组件”子菜单，从“组件”子菜单中选择“悬停按钮”命令，便出现“悬停按钮属性”对话框。在“悬停按钮属性”对话框中，可以设置悬停按钮有关属性：1设置按钮文本2设置链接对象3字体设置4颜色设置5尺寸设置四、使用“字幕”使用“字幕”是能够使文字能够动态的移动。在FrontPage主窗口中打开“插入”菜单，执行其中的“活动元素”子菜单，从“组件”子菜单中选择“字幕”命令，在“字幕属性”对话框中设置字幕属性。包括：1文本设置；2方向设置；3速度设置；4表现方式设置；5对齐方式设置；6大小设置；7重复设置；8背景颜色设置网网页页制作与制作与设计
26、设计第4章Dreamweaver MX 网页设计技术MacromediaDreamweaverMX是一款专业级的可视化网页设计和网站管理工具，用于对Web站点、Web页和Web应用程序进行设计、编码、开发和维护。DreamweaverMX是专业网页设计师最钟爱的网页集成工具。教学重点与难点教学重点与难点站点创建文本、图像应用表格与层的应用样式表行为与时间线框架表单多媒体对象与模板4.1 Dreamweaver 简介一、操作界面 Dreamweaver 4由两个部分组成，即页面编辑器和站点管理器。1.页面编辑器分为五个部分：菜单栏、工具栏、控制菜单栏、工具栏、控制面板、文件工作区、状态栏面板、文
27、件工作区、状态栏。其中控制面板有属性面板、对象面板、样式面板、帮属性面板、对象面板、样式面板、帮助面板助面板等。4.2用DreamweaverMX建立Web站点1、 创建站点首先在磁盘上建立一个文件夹，比如webdesign，此文件夹将是本网站的本地根目录。2、制作简单的网页4.3 网页中文本的应用网页就如同多媒体一样，文字和图形是两种基本的组成元素。当然，网页还可以包含动画、音视频，还可以接受用户的输入，根据用户输入返回特定的信息，这些都是传统的多媒体所不能比拟的。但是，文字才是网页最基本的要素。DreamweaverMX提供了丰富的文字处理功能，可以做出漂亮的文字效果。 1 、文字编辑Dr
28、eamweaverMX的文字编辑功能与一般字处理软件类似。在网页文档中输入一段文字，然后利用属性面板对文字进行格式设置。在格式选项中设置标题格式，在字体选项中设置文字字体，在大小选项中设置文字字号，在颜色选项中设置文字颜色，利用对齐方式按钮设置文字的对齐方式。对文字不应该使用过于复杂的格式，特别是字体设置，要考虑用户浏览器是否支持，一般来讲就选默认字体比较合适。 2、 HTML样式通过设置HTML样式，可以快速一致地将 字 体 格 式 应 用 于 文 档 中 的 文 本 。HTML样式可由单个或多个HTML字体标签属性（如颜色、字体、大小）以及其他格式属性（如粗体或斜体）组成。例如，可以为字体
29、为Arial、大小为4号的绿色斜体文本创建一个HTML样式。然后选择希望应用该样式的文本，从“HTML样式”面板中选择该HTML样式即可为对象文本应用期望的样式。 3 、CSS样式层叠样式表(CSS)是一系列格式规则，它们控制网页内容的外观。使用CSS样式可以非常灵活并更好地控制确切的网页外观，从精确的布局定位到特定的字体和样式。CSS样式使可以控制许多仅使用HTML无法控制的属性。例如，可以指定自定义列表项目符号并指定不同的字体大小和单位（像素、点数等等）。通过使用CSS样式和以像素为单位设置字体大小，可以确保以更一致的方式在多个浏览器中处理页面布局和外观。除了设置文本格式外，还可以控制网页
30、中块级别元素的格式和定位。例如，可以设置边距、边框、其他文本周围的浮动文本等等。4.4 网页中图像的应用网页中图像是不可或缺的元素。精心设计、与文字配合协调的图像会使得网页图文并茂，更富生机和吸引力。在MacromediaDreamweaverMX中，可以在“设计”视图或“代码”视图中将图像插入文档。图形文件格式有很多种，在Web页中通常使用的只有三种，即GIF、JPEG和PNG。1、 插入图像2 、设置图像大小 3、 设置图像对齐方 4 、图像地图 5、用外部图像编辑器 4.5 表格和层表格是用于在HTML页上显示表格式数据以及对文本和图形进行布局的强有力的工具。是网页的一个非常重要的元素，
31、我们往往借助表格实现网页的精细排版。表格由一行或多行组成；每行又由一个或多个列组成。层是一种HTML页面元素。可以将它定位在页面上的任意位置。层可以包含文本、图像或其他任何可在HTML文档正文中放入的内容。因此，层也是一种非常有用的定位工具。1、创建表格2、设置表格属性3、设置单元格、行和列属性4、对表格进行排序5、表格的嵌套6、创建层4.6 行为和时间线行为和时间线可以用来实现动态HTMl效果。这里所讲的动态效果是指利用客户端脚本程序实现的动态效果，而非利用服务器端技术实现的动态网页。 1、 行为行为是事件和由该事件触发的动作的组合。事件是浏览器生成的消息，指示页面的访问者执行了某种操作。例
32、如，当访问者将鼠标指针移动到某个链接上时，浏览器为该链接生成一个onMouseOver事件；然后浏览器查看是否存在当为该链接生成该事件时浏览器应该调用的JavaScript代码。系统为不同的页元素定义了不同的事件。动作是由预先编写的JavaScript代码组成的，这些代码执行特定的任务，例如打开浏览器窗口、显示或隐藏层、播放声音或停止Shockwave影片。 2 、时间线动态HTML（即DHTML）是指HTML与特定的脚本语言比如JavaScript的组合，可以使用该脚本语言更改HTML元素的样式或定位属性。在Dreamweaver中，时间线（时间轴）使用动态HTML来更改层和图像在一段时间内
33、的属性。使用时间轴可创建不需要任何ActiveX控件、插件或JavaApplet（但需要JavaScript）的动画。利用时间轴，可以更改层的位置、大小、可见性和层叠顺序。图 时间轴面板 4.7 框架和表单框架主要用于将Web页面分割为多个HTML页面。例如，一个Web页面由三个框架组成。边上那个较窄的框架包含了一个滚动菜单；顶部的那个框架包含了Web站点的徽标和标题；而占据页面其他空间的大的那个框架包含主要内容。这些框架每个都是一个独立的HTML页面。他们通过框架集集合在一起。框架最常见的用途就是用于导航。一个Web页面可以使用一个框架来包含导航菜单，另一个框架包含页面内容。1、创建框架网页
34、2、链接框架内容3、表单对象4、创建表单4.8 其它操作 1 、添加多媒体对象MacromediaDreamweaver可以迅速、方便地向Web站点添加声音和影片，例如MacromediaFlash和Shockwave 影 片 、 Java applets、 QuickTime、ActiveX和音频文件。还可以在Dreamweaver自身内插入Flash按钮和文本对象。使用“插入”中的“媒体”工具或“插入”菜单的“媒体”类别选择要在文档中插入的对象类型。Flash影片和对象、Shockwave、Javaapplets和ActiveX具有定义的按钮。 2、 模板Dreamweaver模板是一种特
35、殊类型的文档。模板是创造网页的模型，用于快速创建或更新具有相似布局的页面。模板可以分为“固定区域”和“可编辑区域”，那些要出现在基于模板创建的多个文档中的信息被设计在“固定区域”。模板最强大的用途之一在于一次更新多个页面。从模板创建的文档与该模板保持连接状态，可以通过修改模板并立即更新所有基于该模板的文档中的设计。可以从现有文档创建模板，或者从新建的空文档创建模板。Dreamweaver模板文件的扩展名.dwt。模板被保存在站点的本地根文件夹中的一个特殊文件夹（Templates）中。4.9Dreamweaver MX 网站开发实例1、 规划阶段站点窗口的使用技巧 1）快速添加站点导航。2）快
36、速修改文件标题（Title）。 3） 快速生成站点地图。 2 、布局阶段-页面的技巧 1）使用辅助网格。2）利用表格排版页面技巧。 3）表格和层互转。 4）同时更新多个框架页面。 3 、内容组织阶段内容组织的技巧 1）快速标签编辑。 2）使用拖动方式增加链接。 3） 加入背景声音。 4、美化页面 1）快速创建配色方案。2）CSS链接样式技巧。5、提高设计效率1）清理Word文件技巧。 2）快速替换文件标题。 3）设置默认文档格式。 6 、后期维护 1）链接检测。 2）快速检测无用文件。 3）快速生成站点报告(Reports)。 4.10本章小结 Dreamweaver MX是专业化的网页内容集
37、成工具，既适合于开发静态网页，也适合开发动态网页，其站点管理功能已相当完善。本章中介绍了利用Dreamweaver MX 开发一个网站的基本过程，介绍了组织静态网页内容的有关技术，介绍了利用表格、层、模板进行页面布局的技术；还简单介绍了客户端动态交互功能的实现，利用时间轴制作简单动画的技术等等。网网页页制作与制作与设计设计第6章Fireworks MX 图形处理基础使用FireworksMX2004可以创建和编辑位图、矢量图形和动画，还可以实现网页设计中常见的交互效果，比如翻转图像，下拉菜单等，设计完成以后，可以将它输为HTML 和JavaScript代码的网页文件，还能输出为可以在Photo
38、shop、Ilstrator和Flash等软件中编辑的格式。教学重点与难点教学重点与难点位图与矢量图图层切片特效文字菜单元件动画6.1 FireworksMX简介1、位图与矢量图2、FireworksMX的系统需求3、FireworksMX基本功能Fireworks是一个创建、编辑和优化网页图形功能应用程序。可以创建和编辑位图和矢量图像、设计网页效果、修剪和优化图形。绘制矢量对象、位图对象或文本后，可以使用各种工具、效果、命令和技术来增强和完善图形。可以使用“按钮编辑器”中的fireworks工具创建交互式导航按钮。可以使用Fireworks工具编辑导入的图形。可以导入和编辑JPEG、GIF、
39、PNG、PSD和其它许多文件格式。导入图形之后，可以对其进行修剪、润饰、蒙版处理、调整其颜色和色调等处理。 切片和热点是指定网页图形中交互区域的网页对象。6.2 FireworksMX工作界面标题栏菜单栏工具栏工具箱位图工具面板抓取器属性检查器面板组面板标题面板菜单文档窗口6.3 FireworksMX交互按钮的制作按钮是网页的导航元素，几乎可以将任何图形或文本对象制作成按钮。按钮最多有四种不同的状态，每种状态表示该按钮在响应不同鼠标事件时的一种外观样式，以便用户区分不同状态。“释放”状态 、“滑过”状态是、“按下”状态、 “按下时滑过”状态。利用按钮编辑器，可以创建所有这些不同的按钮状态以及
40、用来触发按钮动作的区域，可以为按钮设置超级链接，轻松便捷地创建交互式按钮。6.4 制作特效文字Macromedia Fireworks MX 提供了丰富的文字处理功能，可以用不同的字体和字号创建文字，并且可调整其字距、间距、颜色、字顶距和基线等。可以编辑垂直文字、变形文字、附加到路径的文字以及转换为路径和图像的文字。将 Fireworks 文字编辑功能同大量的笔触、填充、效果以及样式相结合，能够使文字成为图形设计中一个生动的元素。可以导入文字，在导入文字的同时保留丰富的文字格式属性。在导入文字时可一为缺少字体的文字选择一种替换字体，或者将文字作为静态图像导入。 1、制作特效文字2、运用文字路径
41、6.5 FireworksMX图像处理在Fireworks MX 中可以方便的绘制各种矢量图形，也可以对位图和适量图进行复杂的处理。Fireworks MX 把位图、矢量图、文本组织成位于层上的单独对象。对象的应用提高了编辑处理的灵活性。1、 绘制形状图形2、 绘制路径图形3、 图形的填充与描边 4 、编辑对象的选择5 、图层的运用 6、热点和切片 6.6 菜单、元件、标题动画的制作1、 菜单随着网站页面及其功能的复杂化，越来越多的网站使用下拉菜单进行导航。弹出菜单是为响应指针滑过触发网页对象（如切片或热点）或单击这些对象的时在浏览器中显示的菜单。弹出菜单项可以附加 URL 链接以便于导航。
42、2 、元件 元件是可重用的对象。Fireworks提供三种类型的元件：图形、动画和按钮。每种类型的元件都具有适合于其特定用途的独特特性。实例是Fireworks元件在图形文档中的实例。当对元件对象（原始对象）进行编辑时，实例（副本）会自动更改以反映对元件所做的修改。元件对于创建按钮以及通过多个帧中的对象制作动画很有帮助。 3 、动画动画图形可以为网站增加一种活泼生动、复杂多变的外观。例如，可以在徽标淡入淡出的同时让公司的吉祥物在网页上来回跳动。 在Fireworks中通过向称为动画元件的对象分配属性来创建动画。一个元件的动画被分解成多个帧，帧中包含组成每一步动画的图像和对象。可以对元件应用不同
43、的设置以逐渐改变连续帧的内容。可以让一个元件在画布上来回移动、淡入或淡出、变大或变小或者旋转。因为单个文件中可以有多个元件，这样就可以创建一个不同类型的动作同时发生的复杂动画。当按顺序播放所有帧时，就成了动画。6.7本章小节本章通过一些案例介绍了FireworksMX的简单应用，其中主要介绍了简单的文字特效、按钮、元件、弹出菜单、动画的制作，对图层和混合模式的运用也作了简单的介绍。FireworksMX是一款功能强大的WEB图形处理和设计工具，与Macromedia 的Dreamweaver、Flsah能够紧密配合，制作出令人满意的网页效果。网网页页制作与制作与设计设计第7章JavaScrip
44、t在网页中的应用JavaScript是一种基于对象的脚本语言，可嵌入到HTML网页中。它除了内置了一些常用对象，还可以使用浏览器提供的对象，甚至可以创建新对象。通过采用事件驱动机制，使其能在客户端（浏览器）与用户实现大量的交互、还能创建出惊人的特效。教学重点与难点教学重点与难点事件驱动机制对象的概念和使用JavaScript内置对象浏览器对象7.1 JavaScript 简介JavaScript是一种简洁的、面向对象的、跨平台的描述语言，JavaScript和Java很类似，但并不相同。Java是一种比JavaScript复杂许多的语言，由SUN公司开发；而JavaScript则是简单而小巧的
45、语言，由Netscape公司推出。一、JavaScript的特点JavaScript是一种基于对象(ObjectBased)和事件驱动(EventDriven)并具有安全性能的脚本语言。1.基于对象2.简单性3.安全性4.动态性5.跨平台二、JavaScrip运行和编辑环境三、在Html中嵌入JavaScript脚本在Html中使用JavaScript时，应将JavaScript程序放在标记间。1.在Html中加入已有的JavaScript脚本文件2.考虑不支持JavaScript的浏览器可以把JavaScript源程序放在HTML的注释标记内，从而使不支持JavaScript的浏览器把它当作
46、HTML的注释而忽略JavaScript源程序。7.2 JavaScript语言结构一、数据和运算符1数据：有六种数据类型JavaScript是一种对数据类型变量要求不太严格的语言，所以不必声明每一个变量的类型，变量声明尽管不是必须的，但在使用变量之前先进行声明是一种好的习惯。2运算符（1）算术运算符（2）比较运算符（3）逻辑运算符（4）字符串运算符（5）位运算符（6）赋值运算符二、语句和程序控制1一般语句（1）数据声明语句var变量名=初始值（2）赋值语句由赋值表达式组成的语句。（3）注释语句/：单行注释，从“/”开始到本行行尾都为注释；/*.*/：多行注释，从“/*”开始到“*/”结束为注
47、释。2选择结构（1）if.else语句if(条件)执行分支语句1else执行分支语句2（2）switch语句switch(expression)caselabel1:语句串1；caselabel2:语句串2；caselabel3:语句串3；.default:语句串3；3循环结构（1）for语句for(循环变量初始化;循环变量结束条件;循环变量自增/减变化)循环体（2）while语句while(循环条件)循环体（3）do-while语句do循环体while(循环条件);（4）break语句break语句结束当前的各种循环，并执行循环语句的下一条语句。（5）continue语句：continue语
48、句结束当前的循环，跳过本次循环并马上开始下一个循环。4函数定义语句：function，returnfunction函数名(参数列表)函数功能的实现部分return表达式/return语句将表达式的值返回主调程序5书写语句的注意事项（1）多个语句可以放在同一行，只要每个语句之间用分号分开即可。（2）分号是JavaScript的分行符，但不同行之间也可不用分号。（3）较长的JavaScript语句可以由多行文本组成，不需要续行符。（4）语句前可加标号语句确定执行程序的转移点。7.3 JavaScript的事件驱动一、事件任何能引起JavaScript代码运行的操作，都称为事件(event)。事件是
49、浏览器响应用户交互操作的一种机制。事件大多数是由WEB用户触发的。普通的事件包括：页面元素上的单击(单选按钮、submit按钮、链接等)。二、事件类型ClickFocusBlurChangeMouseOverSelectSubmit三、如何监测事件具体形式为：onEvent“JavaScriptprogram”四、如何调用事件处理器1函数调用这是一个链接2直接代码：通过直接在双引号间书写JavaScript代码来实现事件处理器。7.4 JavaScript的对象把常用的对象封装起来提供给用户，用户可以使用JavaScript的内置对象、浏览器提供的对象、服务器提供的对象，还可以创建自己的对象扩
50、展JavaScript的功能。一、对象的概念1对象的基本结构由属性(properties)和方法(methods)构成。2引用对象的途径（1）引用JavaScript内部对象；（2）引用由浏览器提供的对象；（3）创建新对象。3对象专有的操作符和语句（1）for.in语句For(属性名in对象名)该语句用于对对象的所有属性进行操作的控制循环，而无需知道属性的个数。（2）with语句withobjectJavaScript语句在该语句体内，任何对变量的引用被认为是这个对象的属性。（3）this关键词。this是对当前的引用，用于将对象指定为当前对象。（4）new运算符创建一个新的对象Newobje
51、ct=NEWObject(Parameterstable);4对象属性的引用（1）使用点运算符(.)person.Name=“李刚”（2）以数组形式访问属性person0=“李刚”（3）使用属性名personName=“李刚”5对象方法的引用ObjectName.methods()二、JavaScript内部对象的属性和方法1常用内部对象（1）string：字符串对象有一个属性length和19个方法。（2）math：算术对象是静态对象，主要有8个属性和18个方法，提供除加、减、乘、除外的数值运算。（3）date：日期及时间对象动态对象，使用时必须用New运算符创建一个实例。2、JavaScr
52、ipt中的系统函数提供与任何对象无关的系统函数，使用这些函数不需创建任何实例，可直接调用。三、浏览器内部对象系统使用浏览器的内部对象系统，可实现与HTML文档进行交互。1浏览器对象层次及其主要作用浏览器中提供了窗口(Window)对象以及历史(History)对象和位置(Location)对象。2文档（Document）对象功能及其作用在浏览器中，document文档对象是核心，其主要作用是把HTML页面的基本元素(如links,anchor等)封装起来。3窗口（Window）对象及输入输出JavaScript输出可通过文档(document)对象的方法来实现，而输入通过窗口(Window)对
53、象来实现。（1）窗口及输入输出（2）窗口对象的事件驱动（3）窗口对象的方法（4）窗口对象中的属性4表单（Form）对象（1）表单中的基本元素有：Text单行文本输入框、Textarea多行输入框、Select选择元素、Button按钮、CheckBox复选框、Radio单选钮、Password口令输入框、Submit提交按钮等。（2）表单对象的访问通过名称访问表单通过数组来访问表单（3）表单元素Text单行文本输入框TextArea多行输入框Select选择元素Button按钮CheckBox复选框Radio单选钮Hidden隐藏Password口令Submit提交按钮5框架（Frames）对
54、象（1）浏览器把框架的属性、方法和事件封装起来，作为对象提供给JavaScript使用。框架对象是窗口对象的子对象，其本身也一类窗口，它继承了窗口对象所有的属性和方法。（2）访问框架使用window对象中的Frames属性。parent.framesIndex1.docuement.formsindex2四、创建新对象JavaScript中创建新对象很简单：首先定义一个对象，然后为该对象创建一个实例。1对象的定义FunctionObject(属性表)This.prop1=prop1This.prop2=prop2.This.meth=FunctionName1;This.meth=Functi
55、onName2;2创建对象实例一旦对象定义完成后，就可以为该对象创建了一个实例：NewObject=Newobject();其中Newobjet是新的对象，Object是已经定义好的对象。3对象方法的使用为对象定义的方法：This.meth=FunctionName对象的方法就是一个函数FunctionName，通过它实现自己的意图。4JavaScript中的数组（1）使用New创建数组FunctionarrayName(size)This.length=Size;for(varX=;X=size;X+)thisX=0;Returethis;（2）内部数组7.5 JavaScript实例1.在
56、状态栏显示当前时间2.显示用户进入主页所停留的时间3.飘扬的五星红旗网网页页制作与制作与设计设计第8章 ASP动态网页制作基础 ASP是(Active Server Pages)的简称，翻译成中文就是动态网页。其实它是一套微软公司开发的服务器端脚本环境。在标准的HTML网页中嵌入和使用ASP指令以及安装的ActiveX组件，结合VBScript或JavaScript编程，即可建立动的、交互且高效的Web页面。ASP是用服务器端脚本、对象和组件扩展了的标准HTML页，使用ASP可以创建真正具有动态内容的网站。 教学重点与难点教学重点与难点ASP的工作原理VBscript语法基础ASP内置对象、内
57、置组件8.1 概述2.ASP执行方式. 用户端浏览器通过HTTP请求将一个ASP页的地址发给服务器端，若扩展名为.asp，则服务器从硬盘中读取ASP文件，然后对其中的ASP代码进行解释执行，当执行完后就生成了标准的HTML页。然后服务器将这个新生成的标准HTML页发送给客户端，客户端再解释执行HTML页，从而在浏览器窗口显示。 ASP网页是运行于服务器端的，它需要先编辑、利用动态内容，生成HTML文件再发送到浏览器。我们在客户端所看到的网页源代码，并非ASP网页本身的代码，因此它具有较强的保密性。8.2ASP运行环境与配置ASP使用任何一种文本编辑器即可，它是一套服务器端的脚本语言。可以在任何
58、环境下执行ASP文件，但是它需要相应的Web服务器的支持。其运行环境如下所示:l在WindowsNTWorkstation下，MicrosoftPeerWebServiceVersion3.0/4.0或更新版本。l 在Windows95/98下，Microsoft Personal WebServer(PWS)1.0/4.0或更新版本。l在WindowsNTServer4.0+ServerPack3/5.0下，MicrosoftInternetInformationServerversion3.0/4.0或更新版本。8.3 创建一个简单的ASP页面创建一个简单的 ASP页面，只要使用ASP代码
59、在HTML网页的基础上嵌入就形成了。为了区分HTML标记符，ASP代码用括起来，定义ASP代码的结束。存盘时扩展名必须指定为.asp，这样ASP服务器才知道如何处理其中的脚本命令。例8.1试编写一ASP网页，让其居中以标题4号字输出“欢迎光临”的字样。设计好后的网页源代码为:第一个ASP页面% Response.Write”欢 迎 光 临”%/body8.4VBScript基础VBScript是 (MicrosoftVisualBASICScriptingEdition)的缩写，是一种基于对象的脚本语言，是程序开发语言VisualBasic的一个子集。VBScript是ASP默认的脚本语言，支
60、持Err对象用于为应用程序提供运行时错误处理等。VBScript访问浏览器对象时，不区分大小写，当调用方法时，方法的后面可以不加括号。8.4.1 VBScript的数据和运算符1.数据类型VBScript只有一种数据类型，称为Variant(变体型)，因为Variant是VBScript中唯一的数据类型，所以它也是VBScript中所有函数的返回值的数据类型。VBScript类型可以在不同场合代表不同类型的数据。这就是说，如果使用数字的数据时，VBScript会作为数字处理，如果使用的数据为字符串时，VBScript会作为字符串处理。2.变量变量是一个存储单元在计算机内存中已命名的内存位置，该
61、位置可让存储单元中运行时能更改的信息。在程序中，常用变量来临时存储数据。(1)声明变量声明变量有两种方式，一种方式是显式声明，显式声明要用到Dim语句。例如：说明:以上代码声明了三个变量，即Name，password和Time。(2)变量的作用域。变量的作用域是指定变量的有效范围。由声明它的位置决定。在过程内部声明的变量称为过程级变量，这样的变量只有在声明它们的过程中才能使用，即无法在过程外部访问；过程外部声明的变量称为脚本级变量，即在同一个.asp文件中的任何脚本命令均可访问和修改该变量的值。过程级和脚本级变量可以同名，修改其中一个变量的值，不会影响另一个。但是，如果不声明变量，则有可能在无
62、意中修改脚本级变量的值。3.常量常量是一个具有一定含义的名称。在程序执行过程中其值固定不变的数据。VBScript本身定义了许多固有常量，常量均以vb为前缀。此外在VBScript中，还可以用Const语句来定义自己的常量。语法格式为:Const符号常量名=常量值8.4.2 VBScript语句1.选择语句VBScript支 持 的 选 择 结 构 语 句 包 括IfThenElse语句和SelectCase语句。2.循环语句1)For.Next循环2)Do.Loop循环3)WhileWend循环8.4.3过程与函数的定义1.过程的定义与调用(过程的定义:过程是指能实现某项功能的程序段。定义方
63、法为:Sub过程名(参数列表)语句块EndSub 过程的调用调用过程有两种方法:一种是用Call语句调用过程，另一种是直接用过程名调用语句。例如:若要调用xm过程，打开first.mdb数据库，则定义方法为: 8.5 ASP内置对象ASP本身所提供了一些对象，通过这些对象，可以很容易地收集信息。ActiveServerPager提供了六大内部对象供用户使用，分别是Response、Request、Server、Session、Application和ObjectContext。Response对象:传送信息给客户端。Request对象:接收客户端的请求，获取用户信息。Server对象:控制AS
64、P的运行环境。Session对象:存储每个用户的数据信息。Application对象:存储数据让不同客户端共享数据。ObjectContext对象:配合MicrosoftTrnsactionServer(MTS)进行分布式事物处理。8.5.1 Response对象Response对象用于控制和管理由服务器发送到客户端浏览器中，使用Response对象可以动态的创建Web页面，改变HTTP标题头，重定向浏览器到另一个URL或设置Cookie的值。Response的使用语法为:Response.集合名.(属性).(方法)8.5.2 Request对象Request对象主要用于访问HTTP请求传递的
65、所有信息。Request对象的语法格式如下：Request.集合名（”成员名”）例如:Request.Form(“first”)8.5.3 Sever对象Server对象提供了对服务器端的方法和属性的访问，Server对象的大多数方法和属性是为应用程序的功能服务的。语法如下：Server.(属性).(方法)8.5.4 Session与AppLication对象Session对象的使用Session对象在ASP程序编写中非常实用。Session对象的使用可以存储特定的客户会话所需要的信息。当客户在应用程序的Web页从一个页面跳到另一个页面时,存储在Session对象中的变量将不会丢失,而是在客户
66、应用中始终存在。当客户对应用程序Web页进行请求时,若客户没有会话,Web服务器将自动生成一个Session对象。当会话过期或被放弃后,Web服务器将终止该对话。AppLication对象的使用1. Application对象的事件当每个Application对象创建新的会话时，会激活一个Application_OnStart事件 2. Application对象的方法Application对象提供了两种方法，一种是Lock方 法 用 来 阻 止 其 他 用 户 修 改Application对象的任何变量，另一种方法是UnLock方法是用来允许其他用户修改Application对象的属性。8.
67、6 ASP内置组件本章将介绍ASP的内置组件及如何利用这些组件里实现一些有用的功能。ASP的内置组件是自行设计符合ActiveX标准的组件。ASP的Web服务器IIS按标准方式提供了11个可安装的组件。本章主要介绍一些实用性较强的组件。1 Ad Rotator组件为了更好地实现广告业，并对广告业进行有效得管理，ASP提供了AdRotator组件。2BrowserCapabiities组件ASP提供的BrowserCapabiities组件，可了解浏览器所支持的特性，然后再根据此信息，启用浏览器的特性，屏蔽不支持的特性。3 File Access组件FileAccess组件提供了在服务器端进行文
68、件处理的能力，可用来访问计算机文件系统的方法和属性。4 Content Linking组件ContentLinking组件可以用来管理许多的URL网址，使你可以在自己的Web站点上很方便地进行管理。5 Database Access组件 Database Access组件通过ActiveX DataObjects访问存储在数据库或其他表格化数据结构中的信息。 Database Access组件具有很强的数据库存取功能。 8.7 本章小结 本章简单的介绍了ASP的概述、运行环境与配置，介绍了VBScript的基础知识，介绍了ASP的内建对象和ASP的内置组建的基本内容。通过本章的学习让我们了解了
69、又一种编程语言VBScript语言，ASP内建对象与内置组件功能。对于更高的更深的知识用户可在掌握基本操作的前提下参看其他关于ASP的专业书籍。网网页页制作与制作与设计设计第9章 利用ADO实现数据库的存取 教学重点与难点教学重点与难点数据库概念SQL基础ADO对象9.1 SQL 操作基础1、SQL简介SQL是英文（StructuredQueryLanguage）的缩写，是一种结构化的数据库查询语言。它的主要功能是同各种数据库建立联系，进行沟通。SQL语句可以用来执行各种各样的操作，例如对数据库中的数据进行更新，对数据库中的数据进行提取等。目前绝大多数的数据库，如Access、My SQL、M
70、icrosoft SQL Server、Oracle、SyBase等，都支持该种查询语言，利用SQL提供的命令、子句和函数，可实现对数据库的各方面操作。1) SQL的命令与子句一般的SQL命令主要用于实现对数据库的查询、添加、更新或删除等操作。包括的命令有:SELECT检索记录数据INSERT向数据表添加记录数据UPDATE更新指定记录中指定字段的值DELETE从数据表中删除指定的记录常用的SQL语句的子句主要有:FROM指明从哪几个表中进行检索WHERE指明返回数据必须满足的标准GROUPBY指明将所选择的记录，按什么进行分组2） SQL的函数SQL还提供了大量的函数，利用这些函数，可进一步
71、增强SQL功能。主要常用的函数有:COUNT 返回所选择记录的个数SUM 返回所选择记录中，指定字段的值的总和AVG 返回所选择记录中，指定字段的平均值MAX 返回所选择记录中，指定字段的最大值MIN 返回所选择记录中，指定字段的最小值2 2、SQLSQL的运算符的运算符 3、 SQL数据语句1) 查询语句 SELECT功能:从数据库表中检索出满足条件表达式要求的数据项。语法格式:SELECTpredicate字段列表|*FROM表名WHERE条件ORDER BY 排序字段 ASC|DESCGROUP BY 分组字段2) 插入语句 INSERT INTO功能:向一个表中加入新的数据行。语法格式
72、:INSERT INTO表名(字段名列表)VALUES(值列表)3)更新语句 UPDATE功能:用value值更改选定的表中已经存在的字段的数据。语法格式:UPDATE 表名 SET 字段名1=值1，字段名2=值2，WHERE条件4) 删除语句DELETE FROM 功能:删除符合条件的记录。若默认条件，则删除指定表中的全部记录。语法格式: DELETE FROM 表名 WHERE 条件5)创建表语句 CREATE TABLE 功能:创建指定的数据表。 语法格式:CREATE TABLE 表名(field datatypeNOT NULL ，field2 datatypeNOT NULL) 6
73、) 删除表语句 DROP TABLE 功能:删除指定的表。 语法格式: DROP TABLE 表名9.2 ADO 概述9.2.1 ADO简介ADO是 (ActiveX Data Object)的 缩 写 ， 称 为ActiveX数据对象，是ASP技术的核心之一，它是微软提供的一种面向对象的数据库访问技术。ADO的主要优点是易用、高速、占用内存和磁盘空间少，所以非常适合于作为服务器端的数据库访问技术。目前，ADO包括Command、Connection、Recordset等七个对象和一个动态的Properties集合，绝大部分的数据库访问任务都可以通过它们的组合来完成。9.2.2 ADO对象AD
74、O具有7个独立的对象，通过这些对象，可实现对数据库的存取和访问。各个对象的名称及功能简介如下:lConnection:连接对象，用来建立和管理用程序与ODBC数据库之间的连接。lCommand:命令对象，代表一个命令。利用命令对象来执行查询。lRecordset:记录集对象，代表保持查询返回的记录的位置，语序一次一项逐步扫描结果。lParameter:参数对象，代表所有参数查询中的一个字段。lField:字段对象，代表记录集中的一个字段。lProperty:属性对象，代表数据提供者的具体属性。lError:错误对象，代表ADO运行时所出现的错误。9.3 ODBC的配置1 用Access建立一个
75、数据库文件使用数据库之前，应该先建立一个能与ADO交互连接的数据库，再通过Web服务器创建数据源，最后可在ASP网页中调用数据库。2 配置ODBC数据源ODBC是一种访问数据库的方法，只要系统中有相应的ODBC驱动程序，任何程序就可以通过ODBC操作数据库。在利用ADO对象，通过ODBC方法实现对数据库的存取访问之前，应事先创建好ODBC数据源。9.4使用Connection对象进行数据库连接 ADO提供的Connection对象是用于建立和管理应用程序和ODBC数据库之间的连接。Connection对象具有各种属性和方法，其中Connection对象的Execute方法，可以发出结构化查询语
76、言(SQL)查询数据库源并检索结果。 9.5 使用Recordset对象语句数据库ADO提供的Recordset对象通常用来检索数据、检查结果、更改数据库。此Recordset对象有许多可以使用的特性，根据查询限制，检索并且显示出一组数据库行，即记录。Recordset对象保持查询返回的记录的位置，允许一次一项逐步扫描结果。由Recordset对象的指针类型属性设置，可以滚动和更新记录。它还用于检索和检查记录，然后在这些记录的基础上执行操作。数据库应用程序要想取得成功，一般都使用Connection对象建立连接并使用Recordset对象处理返回数据。9.6 Command对象的应用ADO提供
77、的Command对象，与用Connection对象、Recordset对象执行查询那样相同，但是不同之处在于用Command对象可以在数据源上准备、编译查询并且反复使用一组不同的值来发出查询。这种方式的编译查询其优点是可以最大程度地减少向现有查询重复发出修改的请求所需要的时间。另外，还可以在执行之前通过查询的可变部分的选项，使SQL查询保持局部来定义。9.8本章小结本章简单的介绍了SQL操作基础中的最基本的一些概念、运算符和操作语句，介绍了AOD的概述和ODBC的配置等基本内容。本章重点学会数据库中的一些对象的使用，能够了解并熟练的运用到各个程序中。网网页页制作与制作与设计设计第十章制作一个完
78、整的网站本章将从整体的角度介绍如何设计一个完整的网站。教学重点与难点教学重点与难点网站的设计原则网站风格设计网站的栏目设计网站的目录结构设计版面布局怀色彩搭配10.1 筹划工作筹划阶段主要做下面一些工作：定位网站主题收集整理有关资料组建开发团体开发工具的选择网站开发流程设计一、题材的选择美国个人电脑杂志（PCMagazine评出的2001年度排名前100位的全美知名网站的十类题材，这对于读者进行网站设计，也许有一些参考价值。第一类：网上求职第二类：网上聊天/即时信息/ICQ第三类：网站社区/讨论邮件列表第四类：计算机技术第五类：网页/网站开发第六类：娱乐网站第七类：旅行第八类：参考/资讯第九类
79、：家庭/教育第十类：生活/时尚在选择题材时，可从下面几个方面进行考虑：1主题要小而精定位要小，内容要精。2题材最好是自己擅长或者喜爱的内容3题材不要太滥或者目标太高二、网站名称的选择 一般建议按以下规则取名：1名称要正气2名称要易记3名称要有特色名称平实可以接受，但如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。在体现网站主题的同时，要有这画龙点睛之笔。三、 定位网站的CI形象CI（Corporate Identity）是借用广告词语，意思是通过视觉来统一企业的形象。1.设计网站的标志（logo）2.设计网站的标准色彩3.设计网站的标准字体4.设计网站的宣传标语四、 确定网
80、站的栏目和版块一般的网站栏目安排要注意以下几个方面：1一定记住要紧扣主题2设一个最近更新或网站指南栏目3设定一个可以双向交流的栏目4设一个下载栏目或常见问题回答栏目栏目实质是一个网站的大纲索引，索引应该将网站的主题明确显示出来。在指定栏目的时候，要仔细考虑，合理安排。划分栏目需要注意的是：（1）尽可能将网站最有价值的内容列在栏目上。（2）尽可能方便访问者的浏览和查询。（3）尽可能删除与主题无关的栏目。五、 确定网站的目录结构和链接结构一、网站的目录结构 建立目录结构的一些建议：1不要将所有文件都存放在根目录下2按栏目内容建立子目录在设置网站的目录结构时，需要注意的问题有：（1）不要使用中文名字
81、的目录名。（2）不要使用过长的目录名。（3）尽量使用意义明确的目录名，尽量做到“见名知意”。（4）目录的层次不要太多，建议不要超过3层。二、网站的链接结构一般情况下，建立网站的链接结构有以下两种基本方式：1树状链接结构2星状链接结构链接结构的设计，在实际的网页制作中是非常重要的一环，采用什么样的链接结构将直接影响到版面的布局。10.2 网站的设计和规划一、网页文件的种类（1）公司、单位信息发布（2）出版物，即电子报刊（3）个人主页（4）在线购物站点（5）专题介绍（6）实用信息服务二、网页文件的规划网页文件的规划也就是网页文件的内容组织和结构设计。合理的结构设计对于网页文件的规划是至关重要的。（
82、1）分级结构（2）线性结构（3）Web结构三、网页文件的设计原则1总体设计2主题鲜明、结构合理3组织网页4设计首页的考虑首页（Homepage）作为网页文件的第一页，在整个网页文件中具有举足轻重的作用。5网页设计的标准四、网页的创意设计一般应遵循以下两个原则：（1）依据信息内容的意义和结构进行情节化、理性化的统调布局和必要的图像符号化处理。（2）网页的创意设计还必须重视“形象思维”的情感象征意义的传达，以有别于知识性思考形式审美结构的营造。网页创意设计的意义、功能和目的网页创意设计是否成功，除了其内容因素外，首先要看其在视觉上能否引人注目。网页的创意设计包括文字排列方向、字群聚散组合，字体大小
83、风格的选择，图片的分布及色彩与空白的经营，不仅追求网页形式的变化，更重视各视觉元素的不同形式和构成能给人在感情上造成不同的心理感受，并体现不同的主题。 网页创意设计的构成要素及其作用1标题标题是表达信息主题的短句，标题有主标题与子标题之分。2标语标语是具有韵味的意义完整的句子。3正文4网页名称5标志6插图将所传达的信息内容赋以视觉化的造型称为插图。7图标8背景9动画动画不仅能增添网页的视觉趣味效果，同时，也可以用来进一步突出网页和信息内容的主题和风格。 网页创意设计的原理和准则进行网页的创意设计时，应遵循以下几条构成原则：（1）内容与形式表现必须统一和有序，形式表现必须服从内容要求，在造型上各
84、构成要素规格化的设计样式要统一。（2）必须考虑网页上各构成要素之间的视觉流程，能自然而有序地达到信息诉求重点的位置，突出主题。（3）注意保护网页在视觉上的相对均衡感，不论是正常的均衡或是异常的均衡，均应有相应的均衡和律动感，使其在网页上得到正确的配置，否则会失去必要的安定感。（4）突出主题要素。（5）注意网页设计中的空白处理。（6）注重整体的对比因素。（7）在视觉上着力强调网页的诉求重点。（8）注意提高网页信息内容的视读性。（9）创造一定的韵律感。它反映在网页设计中利用有力的线条、形体及色彩形成一种有节奏性的律动感，能引导人的视觉以一种流畅而有停顿的方式运动。既有视觉的连续性又有间歇性，使人能
85、够抑扬起落地浏览整个网页，阅读时感到轻松而又富于韵味。网页创意设计的形式法则和表现手法1视觉流程2点、线、面3形状间的组合和构成关系4形状与空间关系5构架与空间6节奏与韵律7对比，调和与统一8装饰与趣味9特异五、网页的准备1确定主题与设计风格每一类网页都有其特定的目的和独特的风格。2资料的收集与整理网页中最常见的问题是不能有足够的素材来体现制作者的理念。二、网页的制作网页的制作分为六个部分：1标题2文字3图片4背景5特殊效果6网页排版10.3 首页制作首先考虑主页要使用什么结构，是采用框架结构，还是单页，一般是单页；其次还要考虑主页的内容安排和网页的布局；可以插入计数器和一些完成其它的工具或代
86、码（如显示时间、用户名等）。一、设计前的考虑因素1总体规划2网站主题3用户优先最高的行动准则就是“用户优先”。没有用户去光顾，任何主页都没有意义。4响应时间5内容第一10.4 制作其他页面二、设计过程的考虑因素1主页的特征2主页设计元素3代表性的页面4分类5交互性6链接7长文件处理8避免滥用技术9及时地维护与更新网网页页制作与制作与设计设计 第十一章 网站上传与维护 网站上传与维护是网页制作的最后一个重要的环节。本章主要讲述了如何申请个人网站空间、域名的基础知识、如何推广网站以及网站维护更新等知识。教学重点与难点教学重点与难点申请网站空间的方法网页的发布网站的宣传、管理及维护网站空间和域名的相
87、关知识11.1 发布网页 网页做完后，要进行站点的整理和页面的测试，这个工作主要包括下面几个方面。查看站点地图，了解整理整个网站的结构。清除页面上的冗余代码。测试页面浏览的兼容性。检查超链接是否正常，是否存在断链。11.1.1 申请网页空间1.申请网页空间 网络空间，就是在网络上用于放置网站文件的空间，目前有免费网络空间和付费网络空间两种选择。2.申请免费空间的一般过程3.域名注册 要想在网上建立服务器发布信息，则必须首先注册自己的域名，只有有了自己的域名才能让别人访问自己。11.1.2 发布网页 申请好主页后,我们就可以发布我们的网页了。一般分为三种形式,包括:FTP、E-mail、Web。
88、常用的是FTP上传。可以通过FTP命令、FlashFXP、CuteFTP、WS-FTP、Dreamweaver、Netscape Composer、FrontPage等多种方式上传网站的内容。11.1.3 上传工具简介CraftFTPCuteFTP xpFLASHFXP11.2 宣传网站 宣传推广网站的方法有很多，一般有以下几种常用方法：友情链接利用新闻宣传网站利用E-mail宣传网站注册到搜索引擎参加各种广告交换组织使用帮你注册的软件11.3 网站维护 要想保持网页的浏览人数，就要不停地更新你的主页，增加其内容，给人一种新的感觉。对于一个网站来说，网站的更新与管理是极其重要的。 网站的更新与管理一般使用编辑网页的软件操作。修改好后再利用个传工具采用覆盖方式上传。
