《(中职）Web数据库与动态网页设计第2单元ppt课件.ppt》由会员分享，可在线阅读，更多相关《(中职）Web数据库与动态网页设计第2单元ppt课件.ppt（34页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、(中职）Web数据库与动态网页设计第2单元ppt课件第 2 页 共 33页单元二单元二 创建一个慈善公益网站创建一个慈善公益网站l 引言引言 本单元以创建一个具有交互功能的慈善公益网站为实例引入动态网页的制作。第 3 页 共 33页l能力目标 能正确设置站点 能制作表单网页 能制作民意调查网页 单元二单元二 创建一个慈善公益网站创建一个慈善公益网站第 4 页 共 33页 任务一 制作慈善公益网站的首页 任务二 制作公益调查页面 项目实训 制作网上书店网页单元二单元二 创建一个慈善公益网站创建一个慈善公益网站第 5 页 共 33页任务一任务一 制作慈善公益网站的首页制作慈善公益网站的首页 一个网
2、站的首页就如同一本书或杂志的封面，既要力求吸引眼球又要突出主体，其重要性不言而喻。慈善公益网站的首页可参考下图来制作。交互功能制作可参考下面的方法与步骤。返 回关 闭l 任务描述 第 6 页 共 33页 制作网站前，应该了解制作网站的目的和网站的服务群体，然后根据建站目的和服务群体对网站进行策划。无论是制作大型网站，还是个人的网站，都要先对网站进行策划，一个良好的策划是保证网站制作质量的关键。通过策划明确网站的功能、结构和目标等。一般策划网站前，应该充分了解网站的目的，然后明确主题、内容和面向的对象。l 任务分析 返 回关 闭任务一任务一 制作慈善公益网站的首页制作慈善公益网站的首页 第 7
3、页 共 33页 上面单元中使用了“记事本”来编辑动态网页，但对于内容复杂的动态网页，再使用“记事本”来开发为Macromedia公司的Dreamweaver，下面的实例均以该软件8.0版本为例。制作网站前还需准备一些用于该网站的图片、声音等文件，可利用图片处理软件来处理或制作所需要的图片。也可用动画制作软件制作一些相关的小动画等。l 任务分析 返 回关 闭任务一任务一 制作慈善公益网站的首页制作慈善公益网站的首页 第 8 页 共 33页l 方法与步骤 创建文件夹 返 回关 闭任务一任务一 制作慈善公益网站的首页制作慈善公益网站的首页 在D盘的aspexp文件夹下新建一个ch01的文件夹，在其下
4、再新建一个images文件夹，将素材放到d:aspexpch01images中。第 9 页 共 33页 设置虚拟目录新建虚拟目录菜单 虚拟目录别名输入对话框 虚拟目录允许权限设置对话框 虚拟目录路径选择对话框 返 回关 闭第 10 页 共 33页 设置站点“管理站点”对话框 本地信息设置 测试服务器设置 远程信息设置 返 回关 闭第 11 页 共 33页 制作主页 返 回关 闭 站点设置完成后，新建网站主页index.asp，其静态部分的设计制作既可使用素材中的内容，也可以自己另外制作。第 12 页 共 33页l 相关知识与技能 站点设置：返 回关 闭任务一任务一 制作慈善公益网站的首页制作慈
5、善公益网站的首页 使用Dreamweaver创建Web站点最常见的方法就是在本地磁盘上创建网页，然后将这些网页上传到一个远程Web服务器上使公众可以访问它们。第 13 页 共 33页l 相关知识与技能 Web站点 远程站点 返 回关 闭在Dreamweaver中，有关站点设置的名称如下：本地站点 Dreamweaver站点定义 任务一任务一 制作慈善公益网站的首页制作慈善公益网站的首页 第 14 页 共 33页l 拓展与提高 什么是JSP返 回关 闭任务一任务一 制作慈善公益网站的首页制作慈善公益网站的首页 第 15 页 共 33页l 思考与练习 通过设置调试一下当“本地根文件夹”与“运端文件
6、夹”设成同一个文件夹和设成不同文件夹的区别。在Dreamweaver中分别用“基本”和“高级”选项卡来新建ch01和ch02两个站点。返 回关 闭任务一任务一 制作慈善公益网站的首页制作慈善公益网站的首页 第 16 页 共 33页任务二任务二 制作公益调查页面制作公益调查页面 返 回关 闭l 任务描述 在网站主页中插入在线调查内容的效果如下图左边部分所示。第 17 页 共 33页返 回关 闭l 任务分析 调查页面的制作主要是使用表单中的“单选按钮”，让用户选择后单击“投票”按钮，把信息传递到服务器，然后在服务器端经程序运算将结果传到浏览器上显示。任务二任务二 制作公益调查页面制作公益调查页面
7、第 18 页 共 33页返 回关 闭l 方法与步骤 制作调查表单 任务二任务二 制作公益调查页面制作公益调查页面 将光标放在要插入表单的位置，选择“插入”“表单”“表单”命令，或单击“表单”工具栏上的“表单”按钮，如图所示。将光标放在表单的红色虚线内。插入一个6行1列的表格，然后输入相应的文字内容。第 19 页 共 33页 在表格的第25行插入“单选按钮”，并输入相应的文字。第6行插入二个“按钮”。表单各元素如表所示。其中“投票”和“查看”按钮的属性设置如下列两图所示。名 称类 型Value值名 称类 型Value值Form2表单radiobutton单选按钮Dradiobutton单选按钮A
8、Submit2按钮投票radiobutton单选按钮BSubmit3按钮查看radiobutton单选按钮C关 闭返 回第 20 页 共 33页 编写按钮动作程序。当用户单击“投票”按钮则执行sub mysubmit()子程序，当用户单击“投票”按钮则执行sub mycheck()子程序。程序内容见教材。返 回关 闭第 21 页 共 33页返 回关 闭 制作调查结果显示页面 任务二任务二 制作公益调查页面制作公益调查页面 调查结果显示页面的文件名为dcjg.asp，界面如图所示。调查结果显示页面的ASP程序见教材。第 22 页 共 33页返 回关 闭l 相关知识与技能 表单 VBScript的
9、数组 任务二任务二 制作公益调查页面制作公益调查页面 第 23 页 共 33页返 回关 闭l 拓展与提高 VBScript数据类型 任务二任务二 制作公益调查页面制作公益调查页面 Variant子类型 VBScript过程 第 24 页 共 33页返 回关 闭l 思考与练习 通过操作来了解表单有哪几个常用元素？各自的作用是什么？通过操作来了解按钮有几种“动作”属性？各自的作用是什么？任务二任务二 制作公益调查页面制作公益调查页面 第 25 页 共 33页项目实训项目实训 制作网上书店网页制作网上书店网页返 回关 闭l 项目描述 系统主要由管理员后台管理（用户、图书），用户注册、登录，购物交易实
10、现过程（查询分类、购物车），顾客信息反馈（留言板），聊天室五个子系统组成，重点在购物的实现过程和管理员后台管理。第 26 页 共 33页项目实训项目实训 制作网上书店网页制作网上书店网页返 回关 闭l 项目描述 网上书店首页范例参考图，如图所示。第 27 页 共 33页项目实训项目实训 制作网上书店网页制作网上书店网页返 回关 闭l 项目要求 网上书店首页要力求简洁明了，功能模块清晰。调查网页可以调查多项内容。网站基本框架、数据表和网页文件如图所示。第 28 页 共 33页返 回关 闭第 29 页 共 33页项目实训项目实训 制作网上书店网页制作网上书店网页返 回关 闭l 项目提示 系统主要的
11、角色有：管理员、图书、顾客、电脑、钱等，各个角色通过不同的过程联系起来，从而实现系统的功能。第 30 页 共 33页项目实训项目实训 制作网上书店网页制作网上书店网页返 回关 闭第 31 页 共 33页项目实训项目实训 制作网上书店网页制作网上书店网页返 回关 闭购书交易全过程的流程为 第 32 页 共 33页项目实训项目实训 制作网上书店网页制作网上书店网页返 回关 闭l 项目评价 第 33 页 共 33页内 容评 价 等 级能 力 目 标评 价 项 目321职业能力能根据网站的实际情况创建文件夹并正确地对文件进行归类会创建文件夹会正确地对文件进行归类能正确设置站点会新建站点会用“基本”和“高级”两种不同的方法设置站点会编辑、修改、删除站点会导入、导出站点能制作表单网页会正确使用表单的各种元素会编写按钮动作程序能制作民意调查网页了解调查表网页的基本功能了解动态网页的交互功能会制作调查表网页能使用VBScript了解VBScript的数组作用了解VBScript的数据类型了解VBScript的过程通用能力欣赏能力独立构思能力解决问题的能力自我提高的能力组织能力综合评价返 回关 闭第 34 页 共 33页