(中职）Web数据库与动态网页设计第1单元ppt课件.ppt

《(中职）Web数据库与动态网页设计第1单元ppt课件.ppt》由会员分享，可在线阅读，更多相关《(中职）Web数据库与动态网页设计第1单元ppt课件.ppt（45页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、(中职）Web数据库与动态网页设计第1单元ppt课件第 2 页 共 44页第 3 页 共 44页单元一单元一 为创建动态网站作前期准备为创建动态网站作前期准备l 引言引言 本单元是在网站规划初步完成后为创建动态网站本单元是在网站规划初步完成后为创建动态网站作技术性的前期准备。作技术性的前期准备。第 4 页 共 44页 网站规划一般包含以下内容：网站规划一般包含以下内容：建设网站前的市场分析建设网站前的市场分析 建设网站的目的及功能定位建设网站的目的及功能定位 网站技术解决方案网站技术解决方案 网站内容规划网站内容规划 网页设计网页设计 网站维护网站维护 网站测试网站测试 网站发布与推广网站发布

2、与推广单元一单元一 为创建动态网站作前期准备为创建动态网站作前期准备第 5 页 共 44页l能力目标 下载操作系统补丁 进行市场分析 进行网站目的及功能定位 设置Web服务器 进行网站内容规划 设置虚拟目录 使用VBScript进行动态 网页的简单设计单元一单元一 为创建动态网站作前期准备为创建动态网站作前期准备第 6 页 共 44页 任务一 写一份动态网站规划说明书任务二 设置Web服务器和虚拟目录任务三 使用VBScript进行动态网页设计项目实训 设置网上书店环境单元一单元一 为创建动态网站作前期准备为创建动态网站作前期准备第 7 页 共 44页任务一任务一 写一份动态网站规划说明书写一

3、份动态网站规划说明书 网站前期策划作为网络营销和视觉效果的起点，规划的严谨性和创意性及实用性将直接影响到企业对网站目标的实现。所以，一份好的规划书是网站建设的一个起点，一个好的开端就是成功的一半。返 回关 闭l 任务描述 第 8 页 共 44页 动态网站的体系结构在规划时可以考虑采用www服务器的三层体系结构，如下图所示。任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书返 回关 闭第 9 页 共 44页 首先要进行客户需求分析，每一个客户都是独一无二的，客户的需求至关重要，企业与客户一起，分析并记录客户的初步需求，并在沟通中逐步明确，从而为以后方案地制定奠定基础。确立网站建设目标

4、通过客户需求分析，企业将结合自身的网站建设经验，初步确立网站项目的建设目标，网站建设实施方案将围绕这一目标展开。制定网站实施计划，企业将根据前期客户需求及建设目标，对项目的进度、人员安排、费用预算做出初步的提议，在随后的交流中进一步完善整个项目计划，最终形成网站总体建设策划书，并作为合同的附件纳入合同中，成为执行和检验项目质量、进度的重要标准。l 任务分析 任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书返 回关 闭第 10 页 共 44页任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书l 方法与步骤 进行客户需求分析 网站目的及功能定位 制定网站技术解决方案 确定

5、网站的风格 确定网站的创意 确定网站Logo 返 回关 闭第 11 页 共 44页任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书l 方法与步骤 确定视觉流程 网页框架与布局 规划网站导航 确定网站配色 费用预算 网站测试 返 回关 闭第 12 页 共 44页任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书l 相关知识与技能 网站策划说明书一般包含如下内容：建设网站前的市场分析 建设网站的目的及功能定位 网站技术解决方案 网站内容及实现方式 网页设计 返 回关 闭第 13 页 共 44页任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书l 相关知识与技能

6、 网站维护 网站测试 网站发布与推广 费用预算 返 回关 闭第 14 页 共 44页任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书l 拓展与提高 网页颜色的使用风格 网页颜色的原理和象征意义 返 回关 闭第 15 页 共 44页任务一任务一 写一份动态网站规划说明书写一份动态网站规划说明书l 思考与练习 画一张个人网站主页版面布局图，并选择主色调的颜色 写一份个人动态网站的设计规划说明书 绘制网站框架结构图 返 回关 闭第 16 页 共 44页任务二任务二 设置设置Web服务器和虚拟目录服务器和虚拟目录 返 回关 闭l 任务描述 要建立动态网站，首先要建立运行环境，只有在此基础

7、上，才能开展动态网站的建设工作。运行动态网页时，需要有支持该动态网页的服务器环境，否则，就无法正确显示动态内容。建立服务器环境并不需要真正架设一个完整的服务器，而只是需要一个能够运行和测试动态网页的环境，因此，只要在自己的计算机中模拟出服务器环境即可，这样也就需搭建个人Web服务器（Persona Web Service）并选择一种服务器端的技术。ASP是常见的服务器端技术，它由微软公司开发，所以这里操作系统选择Windows是毋庸置疑的。第 17 页 共 44页任务二任务二 设置设置Web服务器和虚拟目录服务器和虚拟目录 返 回关 闭l 任务分析 搭建个人Web服务器需进行IIS的安装和配置

8、，Windows 2000 Server和Windows 2000 Advance Server操作系统IIS都是默认安装的，如果在安装时没有选择，也可按照下面的方法与步骤操作。Windows 2000 Professional、Windows XP Professional和 Windows 2003的用户均要手工安装IIS，在安装IIS后要进行配置方可使用。第 18 页 共 44页任务二任务二 设置设置Web服务器和虚拟目录服务器和虚拟目录 返 回关 闭l 方法与步骤 IIS的安装 第 19 页 共 44页“添加或删除程序”窗口“Windows组件向导”对话框“Internet信息服务（I

9、IS）”对话框 第 20 页 共 44页 IIS的配置“Internet信息服务”窗口 展开默认网站“默认网站属性”对话框“主目录”选项卡“默认网站属性”对话框“文档”选项卡 第 21 页 共 44页 设置虚拟目录 新建虚拟目录菜单 虚拟目录别名输入对话框 虚拟目录允许权限设置对话框 虚拟目录路径选择对话框 第 22 页 共 44页 ASP调试 先用Windows下的记事本输入一行字符：保存文件名，如图所示。返 回关 闭第 23 页 共 44页 打开IE浏览器，在地址栏里输入：localhost/ch0/a1.asp，按【Enter】键后就可以看到效果，如图所示。返 回关 闭第 24 页 共

10、44页任务二任务二 设置设置Web服务器和虚拟目录服务器和虚拟目录 返 回关 闭l 相关知识与技能 什么是ASP ASP的特点 启动与停止IIS服务第 25 页 共 44页任务二任务二 设置设置Web服务器和虚拟目录服务器和虚拟目录 返 回关 闭l 拓展与提高 什么是PHP 第 26 页 共 44页任务二任务二 设置设置Web服务器和虚拟目录服务器和虚拟目录 返 回关 闭l 思考与练习 静态网页与动态网页的区别是什么 ASP的代码是以什么标记括起来的 如何启动与停止IIS服务 在D盘新建一个myweb文件夹，并设置一个别名为asp 的虚拟目录指向该目录 第 27 页 共 44页任务三任务三 使

11、用使用VBScript进行动态网页设计进行动态网页设计 返 回关 闭l 任务描述 随着Web应用的发展，用户希望能够看到根据要求而动态生成的网页，例如响应用户的查询、网络论坛、博客网站、网上商店、网上聊天室等，而这些动态网页的生成离不开脚本语言，其基础就是程序语言的基本语法，所以掌握基本语法是制作动态网页的基础。由于ASP文件就是在普通的HTML文件中嵌入VBScript或JavaScript脚本语言，当客户请求一个ASP文件时，服务器就把该文件解释成标准的HTML文件发过去，所以说ASP是位于服务器端的脚本运行环境。第 28 页 共 44页任务三任务三 使用使用VBScript进行动态网页设

12、计进行动态网页设计 返 回关 闭l 任务分析 ASP的默认脚本语言是VBScript。VBScript是VB的一个子集，其基本语法和语言特点与VB相同，虽然不如VB功能强大，但小巧灵活、程序可读性好，便于在Internet上使用。VBScript可以作为服务器端的脚本语言，也可以作为客户端的脚本语言。VBScript编程的基本要素包括：基本语法、程序控制结构等。要使用VBScript进行动态网页设计就要了解和掌握VBScript的基本语法、程序控制结构。在已经了解静态网页的制作基础上，下面通过完成制作一些简单动态网页的任务，来掌握制作动态网页设计的完整过程。第 29 页 共 44页返 回关 闭

13、l 方法与步骤 制作能显示当前日期和时间的网页 任务三任务三 使用使用VBScript进行动态网页设计进行动态网页设计 打开“记事本”，编写程序，代码见教材。选择“文件”“保存”命令，弹出如下图所示的“另存为”对话框，输入文件名ch0-1.asp。第 30 页 共 44页 打开浏览器，在地址栏中输入：http:/localhost/ch0/ch0-1.asp，按【Enter】键后，程序运行结果如图所示。刷新当前网页，注意时间的变化。返 回关 闭第 31 页 共 44页返 回关 闭l 方法与步骤 制作能根据不同的时间段输出不同问候的网页 任务三任务三 使用使用VBScript进行动态网页设计进行

14、动态网页设计 打开“记事本”，编写程序，代码见教材。选择“文件”“保存”命令，在弹出的“另存为”对话框，输入文件名ch0-2.asp。第 32 页 共 44页 打开浏览器，在地址栏中输入：http:/localhost/ch0/ch0-2.asp，按【Enter】键后，程序运行结果如图所示。改变系统时间后，再刷新当前网页，注意输出结果的变化。将上例中的If语句改为Select语句也可以实现根据不同的时间段输出不同问候，具体代码见教材。第 33 页 共 44页返 回关 闭l 方法与步骤 制作循环显示字体不同大小的“欢迎您光临VBScript世界！”网页 任务三任务三 使用使用VBScript进行

15、动态网页设计进行动态网页设计 打开“记事本”，编写程序，代码见教材。选择“文件”“保存”命令，在弹出的“另存为”对话框，输入文件名ch0-3.asp。第 34 页 共 44页 打开浏览器，在地址栏中输入：http:/localhost/ch0/ch0-3.asp，按【Enter】键后，程序运行结果如图所示。在浏览器中选择“查看”“源文件”命令，比较一下HTML源代码与上面的ch0-3.asp文件内容的不同之处。返 回关 闭第 35 页 共 44页返 回关 闭l 相关知识与技能 HTML标记语言 VBScript概述 VBScript的分支语句 任务三任务三 使用使用VBScript进行动态网页

16、设计进行动态网页设计 VBScript的循环语句 VBScript的变量 第 36 页 共 44页返 回关 闭l 拓展与提高 什么是DHTML任务三任务三 使用使用VBScript进行动态网页设计进行动态网页设计 第 37 页 共 44页返 回关 闭l 思考与练习 任务三任务三 使用使用VBScript进行动态网页设计进行动态网页设计 运行并调试程序 第 38 页 共 44页项目实训项目实训 设置网上书店环境设置网上书店环境 返 回关 闭l 项目描述 网上书店是目前主要的电子商务之一，其适应现代人快节奏的生活，使消费者省去了到传统书店挑选的麻烦，网上购书因其方便、快捷、价格实惠，已被广大学生接

17、受，并日渐成为一种消费习惯。第 39 页 共 44页项目实训项目实训 设置网上书店环境设置网上书店环境 返 回关 闭l 项目要求 能根据市场目前的情况进行分析；能对网站目的及功能进行定位；能进行网站内容规划。在本机上创建网上书店的网站文件夹、设置Web服务器和虚拟目录、设置本地站点和远端文件夹。第 40 页 共 44页项目实训项目实训 设置网上书店环境设置网上书店环境 返 回关 闭l 项目提示 用户注册、登录与注销 一个完整的网上书店主要由以下几个部分组成：图书管理（添加、删除、修改）会员管理（添加、删除、修改）为会员提供图书查询 购物车设计 第 41 页 共 44页项目实训项目实训 设置网上

18、书店环境设置网上书店环境 返 回关 闭 会员留言板 会员聊天室 网站评价 l 项目提示 第 42 页 共 44页项目实训项目实训 设置网上书店环境设置网上书店环境 返 回关 闭l 项目提示 先在D盘下建立一个文件夹（xmsx），再根据不同的功能模块在xmsx下建立相应的文件夹，例如，图片文件夹（images）、样式表文件夹（css）、数据库文件夹（database）、投诉评价文件夹（tspj）、论坛文件夹（it）、聊天室文件夹（chat）、购书文件夹（wesd）等。然后，设置Web服务器和虚拟目录、设置本地站点和远端文件夹。第 43 页 共 44页项目实训项目实训 设置网上书店环境设置网上书店

19、环境 返 回关 闭l 项目评价 第 44 页 共 44 页返 回关 闭内 容评 价 等 级能 力 目 标评 价 项 目321职业能力能进行市场分析 了解电子商务市场了解动态网页的新技术、新功能能进行网站目的及功能定位了解创建网站的目的了解动态网站的功能能合理对网站进行定位能进行网站内容规划能对网站进行内容规划能设置web服务器能对Windows 2000 Professional设置IIS能对Windows XP设置IIS能设置虚拟目录能根据网站位置设置虚拟目录能使用VBScript进行动态网页的简单设计了解VBScript的基本语句了解VBScript的分支语句了解VBScript的循环分支语句通用能力欣赏能力独立构思能力解决问题的能力自我展示能力交流表达能力综合评价第 45 页 共 44页