《3.动态网站设计第01讲.pptVIP

课程名称：动态网站设计制作与维护 总学时：96（课内84） 周学时：6 授课教师：刘坤 电子信箱：liukun1008@ 联系电话答疑时间：周2上午 课程简介： 课程简介： 课程简介： 本次课程教学内容： 项目一 规划网站 子项目1-1 优秀网站欣赏 子项目1-2 规划网站（难点） 项目二 搭建与调试环境 子项目2-1：创建本地站点（重点） 子项目2-2：管理本地静、动态站点 本次课程教学目标： 能力目标： 会分析优秀站点页面的布局结构、颜色搭配、视觉效果 能规划网站，会书写网站建设方案 会创建本地静态站点 会创建本地动态站点 会复制、编辑、删除本地静、动态站点 知识目标： 知道网页的基本构成元素 知道网站建设基本流程 素质目标： 能学习他人之长，激发学习兴趣 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 虎丘主页 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 子项目1-1 优秀网站欣赏 五、班级网站欣赏 1．浏览以下站点，对所浏览网站首页的特色和不足进行赏析说明，主要包括页面布局结构、颜色搭配、导航栏、文字效果、图片效果、动画效果、音频效果等。 （1）狮子林网站：/ （2）清华大学网站：/ （3）太平洋电脑网： 2．通过上述站点中页面的欣赏，请说出网页的基本构成元素有哪些？ 子项目1-2 规划网站 任务 规划班级网站，书写班级网站建设方案 子项目1-2 规划网站 【操作步骤】 1.需求分析（见P11） 2.书写网站建设方案（见P12） 3.确定网站的目录结构 4.规划和收集资料 5.选择网页制作工具 子项目1-2 规划网站 子项目1-2 规划网站 子项目1-2 规划网站 子项目1-2 规划网站 子项目2-1 创建本地站点 工作任务： 1.创建本地静态站点，站点名为class 2.创建本地动态站点，站点名为MyClass 子项目2-1 创建本地站点 任务1 创建本地静态站点 ，站点名为class 【任务分析】 站点的作用是便于组织和管理所有的Web文档，在Dreamweaver中站点有本地站点、远程站点和测试服务器站点。 在制作网站前，为了以后制作网页的方便，最好先创建一个本地站点，用来存放站点中所有网页文件及其附属文件。建立本地站点就是在本地计算机硬盘上建立一个文件夹并用这个文件夹作为站点的根目录，然后将网页及其他相关的文件存放在该文件夹中。当准备发布站点时，将文件夹中的文件上传到Web服务器即可。 使用Dreamweaver可以很方便地对站点内的文件进行管理。有两种方法可以完成本地站点的创建。 方法一：使用【站点定义】对话框的基本选项卡（站点定义向导）创建本地站点。 方法二：使用【站点定义】对话框的高级选项卡创建本地站点。 子项目2-1：创建本地站点 任务2 创建本地动态站点,站点名为MyClass 【任务分析】 本任务使用Dreamweaver CS3创建名为MyClass的本地动态站点。创建动态站点与静态站点的不同之处是需安装和配置Web服务器，所以本任务分为如下几个子任务： 任务2.1：安装IIS（Internet Information Server） 任务2.2：设置Web服务器 任务2.3：创建名为MyClass的动态站点 任务2.4：测试动态站点MyClass 子项目2-1：创建本地站点 任务2.1 安装IIS（Internet Information Server） 【任务分析】 要完成动态站点的创建需要使用Web服务器。目前网站的服务器一般安装在Windows NT、Windows 2003 Server或Windows XP操作系统中。这三种系统中必须安装有IIS才能运行动态网站。下面以Windows XP操作系统为例讲述IIS的安装与使用过程。 子项目2-1：创建本地站点 任务2.2 设置Web服务器 【任务分析】 安装完IIS后，就可以利用IIS在本机上创建Web站点了，但必须进行设置。如将IIS默认启用文档设为index.html，就必须进行Internet信息服务的设置。 默认情况下，IIS的站点根目录为系统盘下的“\Interpub\wwwroot”目录。为学习创建网站的全过程，没有使用默认目录，而将C:\