清华认证IT工程师 第6分册 网站站点设计.doc

引领IT潮流 规划IT职业人生 第1分册 清华认证IT工程师 第6分册 网站站点设计 目录 第一章 DreamWeaver MX 入门 3 第一节 DreamWeaver MX 简介 4 1.1.1 Dreamweaver MX简介 4 1.1.2 安装Dreamweaver MX 5 第二节 DreamWeaver MX 的使用 10 1.2.1 初步认识Dreamweaver MX 10 第二章 DreamWeaver操纵站点 14 第一节 操纵站点 15 2.1.1 用Dreamweaver建立站点 15 2.1.2 用Dreamweaver编辑站点 20 第三章 ASP基本介绍 24 第一节 ASP简介 25 3.1.1 ASP概念 25 3.1.2 使用ASP 25 第四章 对数据库的操作 27 第一节 设计后台数据库 28 4.1.1 Access数据库的使用 28 4.1.2 配置ODBC数据源 33 第二节 数据链接 36 4.2.1 链接准备工作 36 4.2.2 建立链接 39 第三节 数据记录集及其绑定 43 4.3.1 建立记录集， 43 4.3.2 记录集与控件的绑定 46 第四节 数据的显示 49 4.4.1 设置数据显示表格 49 第五章 用DW制作留言本 51 第一节 用DW制作留言本 52 5.1.1 用Dreamweaver MX制作留言本 52 第六章 DreamWeaver构建聊天室 73 第一节 设计页面 74 6.1.1 页面布局设计 74 第二节 定制模板 75 6.2.1 创建模板 75 6.2.2 定义模板的可编辑区域 79 第三节 页面布局 81 6.3.1 用表格组织页面内容 81 第一章 DreamWeaver MX 入门 第一节 DreamWeaver MX 简介 【讲解要点】 ~~~~~~~~~~~~~~~~~~~~~~~~~ Dreamweaver MX简介及安装过程。 Dreamweaver是Macromedia公司一款所见即所得网页编辑工具。与 Frontpage不同，Deamweaver采用的是Mac机浮动面的设计风格对于初学者来说可能会感到不适应。但当其操作方式后，就会发现Dreamweaver的直观性与高效性Dreamweaver MX （简称Dreamweaver）与Flash MX、Fireworks 并称为 Macromedia的网页制作三剑客Frontpage一样，Dreamweaver也是“所见即所得的网页编辑Dreamweaver还采用了Roundtrip HTML技术，使用这项技术，网页可以在Dreamweaver和HTML代码编辑器之间进行自由转换，而HTML语法及结构不变。可以轻而易举地做出很多眩目的互动页面特效。插件式的程序设计使得其功能可以无限的扩展。所见即所得Dreamweaver MX有个全面的了解与掌握，下面将简单介绍一下Dreamweaver MX安装过程。 （1）首先运行Dreamweaver.exe安装程序。出现安装程序初始界面。如图1-1所示： 图1-1 Dreamweaver.exe安装程序初始界面 （2）进入Dreamweaver.exe安装欢迎界面。如图1-2所示： 图1-2 Dreamweaver.exe安装程序欢迎界面 （3）选择“下一步”按钮，出现软件的“许可协议”界面。如图1-3所示： 图1-3 安装许可协议界面 （4）选择“是”按钮，接受安装协议条款，出现选择安装路径界面。如图1-4所示： 图1-4 程序安装路径界面 （5）通过“浏览”按钮，选择好程序安装路径后，单击“下一步”按钮，出现选择文件类型的默认编辑器界面。如图1-5所示： 图1-5 选择从属于何种文件类型的默认编辑器 （6）在文件类型前的复选框中打“√”，选择要文件类型后，单击“下一步”按钮，出现查看设置界面。如图1-6所示： 图1-6 复制安装文件前的查看设置界面 （7）单击“下一步”按钮，开始安装Dreamweaver主程序。如图1-7所示： 图1-7 安装Dreamweaver进度界面 （8）然后安装Extension Manager程序进度界面。如图1-8所示： 图1-8 安装Extension Manager程序进度界面 （9）安装Extension Manager完成后，出现安装完成界面。如图1-9所示： 图1-9 安装完成界面 （10）选择“完成”按钮，弹出Macromedia文件夹窗口显示，如图1-10所示： 图1-10弹出Macromedia文件夹窗口 第二节 DreamWeaver MX 的使用 【讲解要点】 ~~~~~~~~~~~~~~~~~~~~~~~~~ 在本节介绍Dreamweaver MX界面的基本组成