《项目13制作个人日志网页讲述》由会员分享，可在线阅读，更多相关《项目13制作个人日志网页讲述（55页珍藏版）》请在金锄头文库上搜索。
1、主讲： 网页设计与制作 Dreamweaver CS3 项目十三 制作日志网页 任务一 定义站点并创建数据库连接 任务二 制作日志显示页面 项目十三： 制作日志网页 网页设计与制作 Dreamweaver CS3 任务三 制作日志管理页面 任务一 任务二 小 结 任务三 实 训 任务一 制作页眉 Dreamweaver CS3 网页设计与制作 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 本任务主要介绍定义可以使用脚本语言 的站点和创建数据库连接的基本方法。 操作一 定义站点 Dreamweaver CS3 网页设计与制作 本操作主要介绍在Dreamweaver中定义使用脚
2、本语言站点 的方法。通过本操作的学习，应该掌握的内容主要有： 1.在Dreamweaver中定义站点应该设置的内容 具体包括站点名字，站点的HTTP地址，使用的服务务器技术术 （如“ASP VBScript”），是否在本地进进行编辑编辑 和测试测试 ，文件的 存储储位置，浏览浏览 站点根目录录的URL（如果有IP地址即设设置该该地 址，如果没有则设则设 置为为http:/localhost/）等，最后测试设测试设 置是否 成功。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 Dreamweaver CS3 网页设计与制作 操作一 定义站点 2. Web开发语言ASP ASP
3、（Active Server Pages）是由Microsoft公司推出的专业专业 的Web开发语发语 言。ASP可以使用VBScript、JavaScript等语语言编编 写，具有简单简单 易学、功能强大等优优点，因此受到广大Web开发发人 员员的青睐睐。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作二 创建数据库连接 Dreamweaver CS3 网页设计与制作 本操作主要介绍创建数据库连接的方法。通过本操作的学习， 应该掌握的内容主要有： 1.数据库连接的方式及连接字符串 要在网页页中使用数据库库，首先必须须成功连连接数据库库。就连连 接数据库库而言，一般采用
4、两种方式：ODBC和OLE DB。 目前使用OLE DB原始驱动驱动 面向ACCESS、SQL两种数据库库 的连连接字符串已被广泛使用。对对于Access 97数据库库的连连接字符 串有以下两种格式： “Provider=Microsoft.Jet.OLEDB.3.5;Data Source=“ Data Source=数据库库 文件的物理路径“ 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作二 创建数据库连接 Dreamweaver CS3 网页设计与制作 对对于Access 2000Access 2003数据库库的连连接字符串有以下 两种格式： “Provider=
5、Microsoft.Jet.OLEDB.4.0;Data Source=“ Data Source=数据库库 文件的物理路径“ 对对于Access 2007数据库的连接字符串有以下两种格式。 “Provider=Microsoft.ACE.OLEDB.12.0;Data Source= “Data Source=数 据库文件物理路径“ 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作二 创建数据库连接 Dreamweaver CS3 网页设计与制作 对对于SQL数据库库的连连接字符串格式： “PROVIDER=SQLOLEDB;DATA SOURCE=SQL服务务器名 称
6、或IP地址;UID=用户户名;PWD=数据库库密码码;DATABASE=数据库库 名称“ 不同的Access版本会使用不同的连连接字符串，而连连接字符串 是向下兼容的，也就是说说如果使用针对针对 Access 97的连连接字符串， 对对于Access 2000也是有效的。而如果使用Access 2000的连连接字符 串，对对于Access 97则则是无效的。 代码中的“Server.MapPath（）”指的是文件的虚拟路径，使 用它可以不理会文件具体存在服务器的哪一个分区下面，只要使 用相对于网站根目录或者相对于文档的路径就可以了。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实
7、 训 操作二 创建数据库连接 Dreamweaver CS3 网页设计与制作 使用ODBC原始驱动驱动 面向ACCESS数据库库的字符串连连接格式： “DRIVER=Microsoft Access Driver (*.mdb);DBQ=“ DBQ=数据库库 文件的物理路径“ 使用ODBC原始驱动驱动 面向SQL数据库库的字符串连连接格式： “DRIVER=SQL Server;SERVER=SQL服务务器名称或IP地址 ;UID=用户户名;PWD=数据库库密码码;DATABASE=数据库库名称“ 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作二 创建数据库连接 Dre
8、amweaver CS3 网页设计与制作 2.在Dreamweaver中创建数据库连接的方法 （1）首先需要创创建一个动态动态 网页页或者打开一个已经经存在的 动态动态 网页页，然后在主菜单单中选择选择 【窗口】【数据库库】命令打 开【数据库库】面板。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作二 创建数据库连接 Dreamweaver CS3 网页设计与制作 （2）在【数据库库】面板中单击单击 “+”按钮钮，在弹弹出的菜单单中 选择选择 【自定义连义连 接字符串】命令，打开【自定义连义连 接字符串】 对话对话 框进进行参数设设置。如果连连接字符串中使用的是虚拟拟路
9、径， 则则必须选择须选择 【使用测试测试 服务务器上的驱动驱动 程序】选项选项 。如果链链接 字符串中使用的是物理路径，则则必须须点选选【使用此计计算机上的 驱动驱动 程序】单选单选 按钮钮。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作二 创建数据库连接 Dreamweaver CS3 网页设计与制作 （3）单击单击 【测试测试 】按钮钮，弹弹出“成功创创建连连接脚本”的消息 提示框说说明设设置成功。在【数据库库】面板中展开创创建的连连接， 会看到数据库库中包含的表名及表中的各字段。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作二 创建数据
10、库连接 Dreamweaver CS3 网页设计与制作 （4）成功创创建连连接后，系统统自动动在站点管理器的文件列表 中创创建专门专门 用于存放连连接字符串的文档“conn.asp”及其文件夹夹 “Connections”，打开该该文件并切换换到【代码码】视图视图 ，可以看到 创创建的连连接字符串在文档中显显示出来。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 本任务主要介绍设置个人日志显示和查询页面相关功 能的内容，包括数据列表、标题查询等。 Dreamweaver CS3 网页设计与制作 任务二 制作日志显示页面 项目十三： 制作日志网页 任务一 任务二 小 结 任务
11、三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 通过本操作的学习，应该掌握的内容主要有： 1.理解记录集的概念 在交互式网页页中使用后台数据库时库时 ，必须须首先创创建一个存 储检储检 索数据的记录记录 集。记录记录 集在存储储内容的数据库库和生成页页面 的应应用程序服务务器之间间起一种桥桥梁作用。记录记录 集由数据库查询库查询 返回的数据组组成，并且临时临时 存储储在应应用程序服务务器的内存中， 以便进进行快速数据检检索。当服务务器不再需要记录记录 集时时，便将其 丢丢弃。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作一 制作数据列
12、表 Dreamweaver CS3 网页设计与制作 记录记录 集本身是从指定数据库库中检检索到的数据集合，它可以包 括完整的数据表，也可以包括表的行和列的子集。这这些行和列通 过过在记录记录 集中定义义的数据库查询进库查询进 行检检索。读读者可将记录记录 集想 象成一个动态变动态变 化的表格，这这个表格的数据是从数据库库中按照 一定的规则筛选规则筛选 出来的。即使针对针对 同一个数据表，规则规则 不同， 产产生的记录记录 集也不同。 2.创建记录集的方法 在Dreamweaver中，根据不同的需求通过过【记录记录 集】对话对话 框可构建不同的记录记录 集。首先通过过以下任意一种方式打开【记记
13、录录集】对话对话 框，然后进进行参数设设置。 （1）在主菜单单中选择选择 【插入记录记录 】【数据对对象】【记记 录录集导航条 】命令。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 （2）在菜单栏下面的 【插入】【数据】面板中单击单击 （ 记录记录 集）按钮钮。 （3）在【服务务器行为为】面板中单击单击 按钮钮，在弹弹出的菜 单单中选择选择 【记录记录 集】命令。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 （4
14、）记录记录 集创创建成功后便在【服务务器行为为】面板中添加了 一个记录记录 集。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 3.编辑记录集的方法 首先在【服务务器行为为】面板中选择选择 需要编辑编辑 的记录记录 集名称 ，然后在【属性】面板中单击单击 按钮钮打开【记录记录 集】对话对话 框对对原有记录记录 集参数设设置进进行编辑编辑 。也可以直接在【服务务器行 为为】面板中双击记录击记录 集名称直接打开【记录记录 集】对话对话 框对对参数 设设置进进行修改。 项目十三： 制作日志网页 任务一 任务二
15、小 结 任务三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 4.插入动态文本的方法 记录记录 集负责负责 从数据库库中按照预预先设设置的规则规则 取出数据，而 要将数据插入到文档中，就需要通过动态过动态 数据的形式，其中最常 用的是动态动态 文本。将光标标置于要插入动态动态 文本的位置，然后在 主菜单单中选择选择 【插入记录记录 】【数据对对象】【动态动态 数据】 【动态动态 文本】命令，打开【动态动态 文本】对话对话 框。展开需要使用 的记录记录 集，从中选择选择 要插入的字段名，根据需要可以设设置插入 字段的【格式】。如果有多个动态动态 文本需要插入，可以
16、按照相同 的方法依次进进行。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 5.添加重复区域的方法 重复区域是指将当前包含动态动态 数据的区域沿垂直方向循环显环显 示，在记录记录 集分页导页导 航条的帮助下完成对对大数据量页页面的分页页 显显示技术术。方法是：选选定表格中的数据显显示行，然后在主菜单单 中选择选择 【插入记录记录 】【数据对对象】【重复区域】命令，打 开【重复区域】对话对话 框。 项目十三： 制作日志网页 任务一 任务二 小 结 任务三 实 训 操作一 制作数据列表 Dreamweaver CS3 网页设计与制作 6.添加记录集分页的方法 在数据较较多
