网站建设-教案2013-2014上期.doc

网站建设课程教案授 课 题 目网站建设课程项目介绍授 课 时 间第3周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求使学生了解在本课程项目的具体要求，了解要完成该项目需要掌握哪些知识点。使学生对本课程有概貌性了解。教学重点与难点本课程项目要完成的网站需要具备的功能教学方法与手段讲授、演示教 学 内 容1、 自我介绍2、 学习本课程的目的和作用3、 贯穿本课程的案例介绍a) 案例网站的作用b) 案例网站的功能c) 案例网站的外观要求思考题与作业思考、整理自己想将网站做成什么样子，实现什么功能。讲 稿1、学习本课程的目的和作用随着计算机网络技术的飞速发展，网站越来越成为企事业单位不可或缺的信息发布和交流沟通平台。CMS系统的普及大大降低了网站建设和维护的门槛。从事网站建设工作需要具备的专业技术知识从难度较高的服务器端脚本程序设计逐渐下降到只需了解简单的HTML、JS和CSS基础。高等院校的信息类专业、电子商务专业学生在毕业后都有可能或多或少的接触网站建设的工作，网站建设以及网站的部署、维护及推广逐渐成为每一名信息类、电子商务类专业学生的基本能力。本课程主要讲授网站建设和运维的基础知识，了解网站建设与运维的整套流程，能够运用熟悉的CMS内容管理系统开发网站，全方位的培养学生网站建设的能力。2、课程案例介绍本课程将通过指导学生建设一个宣传信息工程系和泸州职业技术学院的网站，在网站建设过程中熟悉DEDECMS CMS的安装和使用，掌握网站建设的常见流程和相关工具的用法。1） 案例网站的作用本案例网站是一个典型的组织机构（部门）的新闻发布类网站，是各种类型网站的基础。通过本网站，我们可以发布泸州职业技术学院和信息工程系的各种资讯信息，帮助师生和社会各界人士了解我们学院和系部。2） 案例网站的功能栏目管理功能：能自由的创建、删除、修改网站中的栏目。信息发布功能：能向各栏目中发布各种资讯信息，能使用在线编辑器编辑和修改信息内容。用户管理功能：能按用户组或角色管理系统用户，为用户赋予不同的管理权限。界面定义功能：能通过定义多套界面模板来灵活的修改系统界面。3） 案例网站的外观要求外观朴素大方、色调简洁明快；页面布局突出重点，能与系部和学院地位相称。用户信息查找方便。首页：简洁的导航菜单，大幅的FLASH展示位，滚动通知公告板块，翻页图片新闻板块，若干新闻栏目板块以及若干使用系统链接。频道页：系统导航菜单和子栏目导航菜单结合的导航系统，各子栏目板块及其信息列表。列表页：栏目信息列表，给出信息标题、发布人、点击数和发布时间；给出翻页链接。内容页：信息内容，注意内容标题、作者、发布时间、点击数；默认字体、字号、和行间距等。网站建设课程教案授 课 题 目网站简介授 课 时 间第4周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求让学生了解什么是网站，网站的主要类型；掌握区分网站类型的主要方法；掌握静态网站和动态网站的特点和区别。教学重点与难点重点：网站的主要类型和各类型的主要特征难点：静态网站和动态网站的区别教学方法与手段讲授、演示教 学 内 容1、 什么是网站2、 网站的主要类型a) 按网站提供的信息和交互方式划分b) 根据网站主体分类c) 根据网站提供的服务分类d) 按网站的更新方式划分3、 静态网站和动态网站a) 静态网站b) 动态网站c) 静态化的动态网站思考题与作业你平时经常上的网站有哪些？分别是什么类型的网站？讲 稿1、什么是网站？网站(Website)开始是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。网站是一种信息交换工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。随着互联网的发展，网站的数量日益增多。目前，许多企事业单位、组织和个人都拥有自己的网站，他们利用网站来进行宣传、信息发布、业务处理等等。根据CNNIC发布的第29次中国互联网发展状况统计报告，截止2011年12月底中国网站数量高达230万。如此众多的网站，都有各自的定位和主题，可以从以下几个方面对网站进行分类，同时，确定网站的类型也是确定网站主题的一个重要内容。2、网站的主要类型1） 按网站提供的信息和交互方式划分资讯类网站：网站被划分为多个栏目，各栏目主要发布相关的资讯信息。信息主要由网站运营者发布，网站用户以较为被动的方式接受网站发布的信息。资讯类网站实现技术相对简单，主要用于企事业单位、组织机构网站和信息资源服务网站，是目前应用最为广泛的一类网站。论坛类网站和博客类网站：网站运营者通常较少在网站中发布信息，网站的信息主要来自于大量用户发布的帖子或博客。这类网站比较典型的代表是各种互联网社区，如天涯社区（/）、猫扑网（/）、人人网（/）、腾讯博客（/）等。电子商务类网站：主要包括B2B（Business to Business）网站，即商家(泛指企业)对商家的电子商务，即企业与企业之间通过互联网进行产品、服务及信息的交换。B2C(Business to Customer)网站，即商家对消费者,也就是通常说的商业零售，直接面向消费者销售产品和服务。最具有代表性的B2C电子商务模式就是网上零售网站，例如中文网上书店当当网（/）等。C2C（Customer to Customer）网站，即个体用户对个体用户，或者说是个体用户之间的电子商务，即个体用户与个体用户之间通过互联网进行产品、服务及信息的交换。例如淘宝网（/）等。B for C（Business For Customer）网站，指中小企业和个人消费者的任何零星采购都将享受到“团购”价格，如拉手网（/）等。企业信息化网站：通过网络的方法模拟企业（或组织机构）某一方面工作，为企业的内部管理、业务处理等服务的网站。比较有代表性的企业信息化网站有基于Web的OA（Office Automation 办公自动化）系统、CRM（Customer Relationship Management 客户关系管理）系统等。2） 根据网站主体分类网站主体是指网站的创办者。根据网站创办性质的不同，可以将网站分为以下类型：政府网站、企业网站、教育科研机构网站、个人网站和非营利性机构网站3） 根据网站提供的服务分类每个网站都提供发一定的服务，服务的种类和服务质量也决定了一个网站的生命力。根据网站提供的主要服务类型可以将网站分为以下几类。资讯类网站、交易类网站、互动游戏类网站、功能型网站、综合类网站和办公类网站4） 按网站的更新方式划分绝大多数网站的内容都需要定期或不定期的进行更新。网站内容的更新方式主要有两种：使用网页编辑工具制作新的网页并替换旧网页实现更新；使用服务器脚本语言实现网页内容的更新。与之对应的，可以按更新方式将网站分为静态网站和动态网站。本课程将通过指导学生建设一个宣传信息工程系和泸州职业技术学院的网站，在网站建设过程中熟悉DEDECMS CMS的安装和使用，掌握网站建设的常见流程和相关工具的用法。5） 案例网站的作用本案例网站是一个典型的组织机构（部门）的新闻发布类网站，是各种类型网站的基础。通过本网站，我们可以发布泸州职业技术学院和信息工程系的各种资讯信息，帮助师生和社会各界人士了解我们学院和系部。6） 案例网站的功能栏目管理功能：能自由的创建、删除、修改网站中的栏目。信息发布功能：能向各栏目中发布各种资讯信息，能使用在线编辑器编辑和修改信息内容。用户管理功能：能按用户组或角色管理系统用户，为用户赋予不同的管理权限。界面定义功能：能通过定义多套界面模板来灵活的修改系统界面。7） 案例网站的外观要求外观朴素大方、色调简洁明快；页面布局突出重点，能与系部和学院地位相称。用户信息查找方便。首页：简洁的导航菜单，大幅的FLASH展示位，滚动通知公告板块，翻页图片新闻板块，若干新闻栏目板块以及若干使用系统链接。频道页：系统导航菜单和子栏目导航菜单结合的导航系统，各子栏目板块及其信息列表。列表页：栏目信息列表，给出信息标题、发布人、点击数和发布时间；给出翻页链接。内容页：信息内容，注意内容标题、作者、发布时间、点击数；默认字体、字号、和行间距等。3、静态网站和动态网站1） 静态网站静态网站的页面内容、数量、名称和存放位置等均在建设网站时确定并制作完成。因此静态网站不能为不同的用户提供不同的服务，也难以支持较好的用户交互，在功能方面有较大的限制。静态网站中的所有页面一旦发布到服务器上，无论是否被访问，都是一个独立存在的文件并占用一定的空间和一个固定的URL地址；静态网站中的任何页面上的任何修改，哪怕只是一个字符、一个连接或一张图片的修改，都需要使用网页编辑工具修改网页代码并重新发布，因此静态网站的制作和维护工作量较大。静态网站也有一些优势：内容相对稳定，因此更容易被搜索引擎检索，也更适合进行SEO（搜索引擎优化）；网站页面在发布时已经确定，因此在对访问者进行响应时，无需做出额外计算，响应速度较快。2） 动态网站动态网站通常通过运行在服务器端的脚本程序（如PHP、JSP、ASP、ASP.NET、CGI等）将网站内容中的数据动态存储到服务器端的数据库中；在用户访问时，根据不同的运行时条件（如访问页面的用户、用户访问时的参数等）生成，并向用户返回不同的网页。动态网站可以使用少量的脚本文件在不同的条件下为用户返回成千上万的不同的网页，可以为不同的用户提供不同的服务，实现较好的用户交互效果。动态网站通常提供数据维护和更新的接口，支持用户更新网站内容。使得动态网站的用户可以既是网站内容的消费者，可是网站内容的制造者。这样就可以实现网站内容的在线更新和管理，而无需借助网页编辑工具修改网站内容。与静态网站相对应的，动态网站的页面在用户访问时才会由脚本程序根据条件计算生成，因此响应速度较低，对搜索引擎的支持也较差。因此主要应用在对搜索引擎优化要求不高、网站内容更新相对较少的网站中；对于规模较大的网站，通常都会进行页面的静态化处理。3） 静态化的动态网站静态网站和动态网站各有特点，采用动态网站还是静态网站主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网站的方式会更简单，反之一般要采用动态网站技术来实现。为了克服动态网站在速度和SEO方面的缺陷，将动态网站在各种条件下生成的页面全部或部分以静态页面的形式保存在服务器上，当用户访问时，根据条件直接将静态页响应给用户，这一方式被成为动态网站的静态化。静态化后的动态网站同时兼具动态网站的强大功能、便捷的维护和管理，静态网站的快速响应速度和搜索引擎友好等优点，但需要占用较大的服务器存储空间，同时在生成静态页面的过程中会对服务器资源造成很大的消耗。网站建设课程教案授 课 题 目网站规划授 课 时 间第5周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求掌握网站规划的主要方法掌握网页的主要布局方式教学重点与难点重点和难点：不同类型网站的规划方法教学方法与手段讲授、演示、实验教 学 内 容1、 前期调研分析和网站的定位2、 网站内容规划及整体形象设计3、 网站的目录结构和链接结构设计4、 网站技术解决方案5、 网站建设进度计划思考题与作业作业：请按本节课讲授的网站规划方法对你的课程项目进行规划。讲 稿网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等方面做出规划。在建立网站前应明确建设网站的目的、确定网站的功能、确定网站规模、投入费用，并进行必要的市场分析等。只有详细地规划，才能避免在网站建设中出现问题，使网站建设能顺利进行。一个专业的网站建立在合理的网站规划前提之下，网站规划是网站建设的基础和指导纲领，决定了一个网站的发展方向，同时对网站推广也具有指导意义。网络营销计划侧重于网站发布之后的推广，网站规划侧重于网站建设阶段的问题，但网站建设的目的是为了开展网络营销的需要，因此应该用全局的观点来看待网站规划，在网站规划阶段就将计划采用的营销手段融合进来，而不是等待网站建成之后才考虑怎么去做营销。网站规划的内容对网络营销计划同样具有重要意义，具有与网络营销计划同等重要的价值，二者不可互相替代。网站规划的主要意义就在于树立网络营销的全局观念，将每一个环节都与网络营销目标结合起来，增强针对性，避免盲目性。网站规划主要包括以下几个步骤：1、前期调研分析和网站的定位在建设网站前，通常需要对网站进行调研分析。市场调研是运用科学的方法，有目的、有计划地收集、整理和分析有关供求和资源的各种情报，信息和资料。把握供求现状和发展趋势，为营销策略制定和企业决策提供正确依据的信息管理活动。是市场调查与市场研究的统称，它是个人或组织根据特定的决策问题而系统地设计、搜集、记录、整理、分析及研究市场各类信息资料、报告调研结果的工作过程。网站调研工作具体的来说可以分为内部调研和外部调研两种。内部调研是指在企业、机构内部或者自己身边的亲戚、朋友对网站进行调研工作。内部调研可以分为两种情况：一种是在建设一个全新的网站的时候进行的调研工作，这种调研工作的工作量一般较大，调研方式和调研内容也是比较发散的。其目的是集思广益，从被调研对象中获得有价值的信息。内部调研的目的更多的是确定项目的可行性和必要性。内部调研的过程中，调研对象一般会给予比较尖锐、直接的意见或者建议，这些意见和建议是十分真实和十分宝贵的。另外一种调研情况是在网站改版的过程中需要进行的。对于网站改版而言，调研往往更有针对性，因为网站改版是在网站已经运营一段时间后进行的工作，这时候，无论是网站的所有者还是网站的使用者都对网站有了一定的认识，并很有可能在使用过程中发现了各种问题。这时候进行调研工作，主要的目的是手机与网站相关人员的意见，以作为网站改版的依据。 外部调研是指在进行了内部调研工作后，大范围开展的调研工作。外部调研可以分为线上调研和线下调研两种情况。线上调研是指通过网络进行各种方式的研究调研工作。调研的内容一般包括：建立网络调查表，搜集、分析、比较同类网站等工作。与之相对的是线下调研，线下调研往往以发放调查表、问卷为主。外部调研的准确性和客观性往往不如内部调研高，外部调研的主要目的是听取更广泛的意见，获得更全面的信息，同时挖掘利基(缝隙市场)市场。网站定位的实质是对用户、市场、产品、价格以及广告诉求的重新细分与定位，预设网站在用户心中的形象地位。网站定位的核心在于寻找或打造你网站的核心差异点，然后在这个差异点的基础上在消费者的心智模式中树立一个品牌形象、一个差异化概念。首先应明确我们建设网站的目的和网站的前景。我们通常需要回答一下几个问题：我们要建设的网站是仅仅作为一个企业（或组织机构）的形象展示窗口还是为企业建立一个B2C平台或建立一个业务处理平台？形象展示类的网站通常更注重网站内容的丰富程度及页面的展示效果，而B2C平台或业务处理平台则更重视用户的互动体验、业务逻辑的稳定、健壮等。网站是为了传统用户更方便的了解我们的企业还是为了拓展更多用户？要建设的网站向哪个方向发展？发展空间有多大？预计受众有哪些？受众量有多少？这些都将影响网站建设所采用的技术、网站达到的规模、网站的建设周期和建设费用以及网站的推广营销策略的选择等。2、网站内容规划及整体形象设计1） 根据网站的目的确定网站的结构导航。 一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。 2） 根据网站的目的及内容确定网站整合功能。 如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、信息搜索查询系统、流量统计系统等。 3） 确定网站的结构导航中的每个频道的子栏目。 如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。 4） 确定网站内容的实现方式。 如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。5） 确定栏目 对收集的各种信息进行归类整理，找出重点，根据重点以及网站业务的侧重点，结合网站定位来敲定网站的分栏目需要有哪几项，可能开始时会因为栏目较多进而难以确定最终需要哪几项，这又是一个讨论的过程，需要大家在一起把自己的意见说出来，一起反复比较，给定下来的内容进行归类，形成网站栏目的树状列表用以清淅表达站点结构。3、 网站的目录结构和链接结构设计网站的目录是指设计者建立网站时创建的目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，以及内容的扩充和移植有着重要的影响。下面是建立目录结构的一些注意事项。（1）不要将所有文件都存放在根目录下（2）按栏目内容建立子目录（3）在每个主目录下都建立独立的images目录（4）目录的层次不要太深（5）不要使用中文目录名（6）不要使用过长的目录名网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。4、 网站技术解决方案根据网站定位和内容规划，可以确定网站的技术解决方案。 网站的技术解决方案主要包括网站的开发技术、开发工具、运行环境选择等。1） 网站的开发技术网站的开发技术目前主要有微软公司的.NET架构、SUN公司的J2EE架构和开源的LAMP架构。一般来说，对于存在密集数据运算和大量商业逻辑的网站而言，采用.NET架构和J2EE架构是较为合适的选择；而对于其他类型的网站（例如新闻资讯类、社区类和电子商务类网站），采用LAMP架构可以获得更短的开发周期、更低的开发和运行成本以及毫不逊色的性能。2） 网站开发工具IDE工具：理论上讲，在网站中除了各种资源文件外（图片，flash，视频等），网站的程序均为纯文本文件，可以使用任何一种文本工具创建和编辑。也就是说，我们可以使用记事本来编写一个网站。但实际上这种方式效率低下且容易出错。通常我们需要借助IDE（集成开发环境）工具来编写网站代码。在网站建设中常用的IDE有：主要用于编辑静态页面的DREAMWEAVER、主要用于编写.NET程序的VS2005和VS2008、主要用于编写J2EE程序的Eclipse以及主要用于编写php程序的Zend Studio等。CMS系统：同一类网站（如新闻资讯类网站）的建设要求往往相当相似。CMS系统（内容管理系统）是针对某一类网站开发的具有较高灵活性的网站系统；CMS系统往往提供了较为非常强大的后台管理系统以帮助用户管理网站的内容信息，同时又提供了完善的模板解析系统，以支持用户制作符合自己需要的模板文件并应用到网站中。在.NET、J2EE和LAMP中，CMS系统具有大量较为成熟的产品可供选择。3） 网站运行环境网站需求和技术方案确定后，即可确定网站的运行环境。 根据站点运行的实际情况确定网站的运行环境。在Windows下对于一般性网站比较理想的运行环境是Windows Server 2003 操作系统 + IIS 6.0 Web服务器 + Microsoft SQl Server 2000/2005数据库服务器。JAVA EE和.NET开发平台各领风骚，一般认为用Java平台开发的站点其安全性和运行效率要优于.NET平台开发的站点。但Java平台提倡开源，工具的多样性和复杂性造成对开发者的要求很高，增加了开发难度和系统的维护成本，而.NET则易于学习和使用，站点易于实现，系统维护成本低。PHP可以部署在windows server+apache/IIS或linux+apache等环境下，具有部署简单、成本低和效率高等特点。5、 网站建设进度计划确定网站建设进度计划时需要考虑的问题：网站建设规划和需求分析完成情况相关材料准备情况网站建设工作量估算域名、空间申请和网站备案情况测试周期网站建设课程教案授 课 题 目网页编写和标签定义（一）授 课 时 间第6周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求掌握网页的编写、工作原理掌握各种常见标签的定义和使用。掌握层叠样式表、Javascript的意义和引用方法。教学重点与难点重点：常用标签的定义和使用难点：标签和表单；标签教学方法与手段讲授、演示教 学 内 容1、 网页文件的基本结构和标签的基本语法2、 html框架类标签3、 html图像与链接类标签4、 html文字相关标签5、 html列表标签6、 html表格类标签7、 html表单类标签思考题与作业HTML页面的基本结构是怎么样的？讲 稿1、 网页文件的基本结构和标签的基本语法网页文件的基本结构是：网页的格式由标签控制。可以包含内容的标签通常成对出现，如这里是段落的内容；仅用于控制格式而不包含内容的标签可以单个出现，如。标签可以加上属性，如这里是设置为白色的字体。其中color是标签的一个属性，其值为”#ffffff”。2、 html框架类标签html - 定义html文档body - 定义文档体bodyhead - 定义文档头信息headtitle - 定义文档的标题title - html注释标签3、 html图像与链接类标签a - html链接标签。其属性href的值指定了要链接到的页面地址。Eg.点击这里链接到百度img - html图像标签img。其属性src的值指定了图片文件存放位置。Eg. 4、 html文字相关标签h - 定义标题1至标题6 h1, h2, h3, h4, h5, h6p - html段落标签pdiv - html层divstrong - 定义要强调显示的内容strong5、 html列表标签ul - 定义html列表ulli - 定义html列表内容li6、 html表格类标签table - 定义html表格tabletr - 定义表格行trtd - 定义表格列td7、 html表单类标签form - html表单标签forminput - 定义一个表单的输入域inputselect - 定义可选择的html表单selecttextarea - 定义一个多行的文字输入域textarea 网站建设课程教案授 课 题 目网页编写和标签定义（二）授 课 时 间第7周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求练习使用记事本编写网页，掌握常用标签的用法教学重点与难点重点和难点：常用标签的用法教学方法与手段演示、实验教 学 内 容1、 使用记事本编写一个网页，包含以下要素：2、 网页的标题使用三级标题展现3、 包含一个五行三列的表格.a) 表格宽度1000像素，高度500像素b) 表格居中排列c) 各单元格文本水平居中和垂直居中排列d) 奇数行和偶数行的背景颜色不同4、 包含一个表单a) 数据传输方式为post，处理程序地址为demo.phpb) 其中有1个文本框、1个密码框c) 一个单选按钮d) 一个提交按钮5、 包含一个链接到泸州职业技术学院网站的超链接以及一张泸州职业技术学院图片。思考题与作业作业：按上述要求制作一个网页并提交到FTP服务器上。讲 稿1、 使用记事本编写一个网页在桌面上建立一个文本文件，打开文本文件并键入HTML代码，将之另存为.html格式。2、 网页的标题使用三级标题展现这个是示例标题3、 包含一个五行三列的表格a) 表格宽度1000像素，高度500像素Eg. b) 表格居中排列Eg.c) 各单元格文本水平居中和垂直居中排列d) 奇数行和偶数行的背景颜色不同4、 包含一个表单a) 数据传输方式为post，处理程序地址为demo.phpEg. b) 其中有1个文本框、1个密码框c) 一个单选按钮是否d) 一个提交按钮5、 包含一个链接到泸州职业技术学院网站的超链接以及一张泸州职业技术学院图片。点此进入泸州职业技术学院网站网站建设课程教案授 课 题 目Dreamweaver基本操作和网页文件引用授 课 时 间第8周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求掌握使用Dreamweaver设计网页掌握在网页中引用其他文件的方法。教学重点与难点重点：Dreamweaver的基本使用方法难点：网页引用文件时的路径表示方法教学方法与手段讲授、演示、实验教 学 内 容1、 Dreamweaver基本操作介绍a) DW的界面布局b) 设计器和编码器c) “插入”面板d) “属性”面板2、 在Dreamweaver中建立站点a) 建立本地站点b) 建立远程站点3、 网页文件的引用方式a) 绝对地址引用b) 相对地址引用思考题与作业思考，怎么模仿别人的网页制作一个自己的网页？讲 稿网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等方面做出规划。在建立网站前应明确建设网站的目的、确定网站的功能、确定网站规模、投入费用，并进行必要的市场分析等。只有详细地规划，才能避免在网站建设中出现问题，使网站建设能顺利进行。1、 Dreamweaver基本操作介绍1） DW的界面布局2） 设计器和编码器设计器：以所见即所得的方式给出工作区编码器：以文件源代码的方式给出工作区工作区拆分模式：同时显示设计器和编码器。3） “插入”面板可以通过点击“插入”面板上的图标直接将对应的元素插入到页面中。插入表格示例。4） “属性”面板双击某个页面元素时，可以打开属性面板。在属性面板中可以修改元素属性。2、 在Dreamweaver中建立站点在文件选项卡中，点击管理站点，可以打开站点编辑器。需要指定站点名称、站点文件存放位置、服务器信息等。3、 网页文件的引用方式1） 相对地址指被链接文件相对于当前页面的地址。通常用于引用站点内部的文件。链接和当前页面同级，且在同一个目录中的文件地址直接使用文件名。Eg. “test.php”链接在同级，但在其他目录中的文件用“./目录名/文件名” 。Eg. “./dir/test.php”链接当前页面下级目录下的文件用“目录名/文件名”。Eg. “dir/test.php”链接当前页面上一级目录下的文件用“./文件名”；Eg. “./test.php”链接站点根目录中的某个文件。Eg. “./dir/test.php”2） 绝对地址指被链接文件的实际存放地址。通常用于应用站点外部的文件。例如”/abc.html”.应用百度服务器根目录下的abc.html文件。网站建设课程教案授 课 题 目IIS服务器的使用和站点建立方法授 课 时 间第9周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求掌握B/S模式的基本原理掌握IIS服务器的基本用法教学重点与难点难点：B/S模式的运行原理重点：IIS服务器的使用方法。教学方法与手段讲授、演示、实验教 学 内 容1、 B/S模式的运行原理2、 安装与配置IIS 6.0a) 添加IIS6.0组件b) 配置Web网站c) 建立一个测试页面思考题与作业在本机上创建一个IIS站点。讲 稿网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等方面做出规划。在建立网站前应明确建设网站的目的、确定网站的功能、确定网站规模、投入费用，并进行必要的市场分析等。只有详细地规划，才能避免在网站建设中出现问题，使网站建设能顺利进行。1、 B/S模式的运行原理Web服务使用超文本传输协议（HTTP），该协议是一个在TCP/IP协议基础上的应用程序级协议。它的具体通信过程如图1-6所示。Web浏览器使用HTTP命令向一个特定的服务器发出Web页面请求。若该服务器在特定端口（通常是TCP 80端口）处接收到Web页面请求后，就发送一个应答并在客户和服务器之间建立连接。服务器Web查找客户端所需文档，若Web服务器查找到所请求的文档，就会将所请求的文档传送给Web浏览器。若该文档不存在，则服务器会发送一个相应的错误提示文档给客户端。Web浏览器接收到文档后，就将它显示出来。当客户端浏览完成后，就断开与服务器的连接。2、安装与配置IIS 6.0IIS6.0是windows Server 2003操作系统自带的一款Web服务器软件。默认情况下，IIS组件在Windows Server 2003中并没有自动安装，需要手动添加这一组件。1） 添加IIS6.0组件打开”开始”菜单，选择”程序/管理工具/管理您的服务器”。点击”添加或删除角色”。在”配置你的服务器向导”中进入预备步骤后直接点下一步。进入服务器角色对话框，选择”应用程序服务（IIS,ASP.net)”。 之后点击下一步，出现附加组件的选择，一个是FrontPage Server Extentions，另外一个是ASP.net，这两项都不需要，不必选择，如果有需要，可以选择性安装。进入下一步，是选项总结，再下一步，进入安装过程，此时提示需要插入windows 2003(R2)的安装光盘，插入光盘后，选择光驱所在驱动器下的I386，点击确定，安装过程将会继续一直到结束，并且出现成功提示。2） 配置Web网站完成后对IIS组件的安装以后，就可以开始在IIS上配置Web网站了。打开”开始”菜单，点击“所有程序”，进入“管理工具”，点击“Internet信息服务(IIS)管理器”，启动IIS管理控制台。展开“网站”树型节点，选中“默认网站”，右键单击，然后选择删除。删除默认网站后，然后选择新建一个网站。进入向导后，进入下一步，为网站添加描述，也就是IIS中显示的网站标识，可以随便填写，再进入下一步，设置网站IP地址为该服务器的一个IP地址。进入下一步，选择网站主目录（文件夹），目录需要提前建立好，然后选择即可。继续下一步，需要选择网站权限，这里只选择读取即可。之后便可完成网站新建向导了。下面要为目录配置权限，首先先在网站名称上点击右键，进入“权限“选项，进入“权限”之后点击“添加”按钮，点击“高级”，然后点击“立即查找”，找到IUSR_%计算机名%，选择之后点击确定，此时回到了权限选项的位置，除了”完全控制”和”特殊权限”之外全部勾选，最后点击”应用”。3） 建立一个测试页面权限配置好后，在目录中新建一个index.htm文件，输入如下HTML代码。这是一个测试首页这是一个测试首页!在网站名称上右键，点击属性，进入”属性”后点击”文档”选项卡，在此添加一个index.html和index.PHP，然后点击”确定”或者”应用”保存配置。然后在浏览器中的地址栏中输入“http:/服务器IP地址”，即可看到刚才建立的index.htm中的内容。此时IIS的基本配置即告完成。网站建设课程教案授 课 题 目FTP工具的使用授 课 时 间第10周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求掌握使用FTP工具上传网站源文件教学重点与难点重点和难点：使用FTP工具上传网站源文件教学方法与手段演示、实验教 学 内 容1、 LeapFTP的下载与安装2、 LeapFTP界面布局3、 LeapFTP的基本设置4、 文件上传思考题与作业尝试使用CuteFTP、FLASHXP等工具上传文件。讲 稿网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等方面做出规划。在建立网站前应明确建设网站的目的、确定网站的功能、确定网站规模、投入费用，并进行必要的市场分析等。只有详细地规划，才能避免在网站建设中出现问题，使网站建设能顺利进行。1、 LeapFTP的下载与安装目前LeapFTP的最高版本为V6，鉴于大家方便学习使用，我们在这里给大家讲的是其在国内的汉化版本，整个安装程序853K左右，可以在这里网上下载得到。然后安装。2、 LeapFTP界面布局3、 LeapFTP的基本设置建立站点参数设置4、文件上传网站建设课程教案授 课 题 目CMS基本知识、DEDECMS的下载与安装授 课 时 间第11周周*第*-*节 课 次1次课 时 安 排2课时 课 型（请打）理论课（ ） 讨论课（ ） 实验课（ ）习题课（ ）其他（ ）教学目的与要求1.掌握CMS系统的基本概念、应用范围和选择标准2.了解DEDECMS各版本的差异和不同的应用场景3.掌握DEDECMS的下载与安装，能解决安装中出现的常见问题教学重点与难点重点和难点：CMS的基本概念教学方法与手段讲授、演示、实验教 学 内 容1、 CMS系统的产生2、 CMS系统的作用3、 主流CMS系统简介4、 DEDECMS的下载与安装思考题与作业在本机上下载和安装DEDECMS。讲 稿使用CMS系统开发网站是最高效的网站开发方式。CMS，即Content Management System，内容管理系统。从内涵上看，内容管理主要包括企业内部内容管理、Web内容管理、电子商务交易内容管理和企业外部网(Extranet)信息共享内容管理（如CRM和SCM等），我们常说的CMS系统通常是指Web内容管理系统。CMS是一个可以将网站的内容（文字，图片，等等）的展示与网站的逻辑程序组件分离开来的应用程序，通过CMS我们可以将网站的各个页面连接到一起，可以控制网站的信息内容及网站页面的显示，而不需要硬性的编写HTML代码或手工建立每一个页面。简而言之，CMS系统的主要目的是方便一些对于各种网络编程语言并不是很熟悉的用户用一种比较简单的方式来建立和管理自己的网站。1、 CMS系统的产生内容管理从2000年开始成为一个重要的应用领域，这时.COM和B2B, B2C等经历了资本和市场的考验及洗礼，人们重新回到信息技术应用的基本面如何提高竞争能力，而内容管理恰恰能够通过对企业各种类型的数字资产的产生、管理、增值和再利用，改善组织的运行效率和企业的竞争能力，企事业单位也开始认识到内容管理的重要性。 从企事业单位信息化的观点来看，以下因素导致对内容管理软件的巨大需求： 1） 知识是企业的财富 在Internet交互过程中，只有十分之一涉及销售，其他十分之九都和信息交互有关，员工的知识获取越来越依赖于互联网，特别是在电子商务的个性化环境中，客户为了做出购买决定，需要智能化地获取信息，不仅仅是商品的数量和价格，更重要的可能是产品的手册、安全保证、技术指标、售后服务、图片文件等等。 2） 信息的及时性和准确性 无论在企业内网还是外网，信息的更新越来越快，企事业单位的信息生产量越来越多，且呈现成倍增长的趋势，企事业单位更需要的是一个功能强大、可扩展的、灵活的内容管理技术来满足不断的信息更新、维护，这时如何保证信息的准确性和真实性将越来越显得重要。 3） 企业内外网统一的需求增长。 随着企事业单位信息化的建设，内联网和外联网之间的信息交互越来越多，优秀的内容管理系统对企业内部来说，能够很好地做到信息的收集和重复利用以及信息的增值利用, 对于外联网来说，更重要的是真正交互式和协作性的内容。2、 CMS系统的作用简单的说，CMS系统实际上是一套服务器端脚本程序和相应的图片、数据库等资源的综合。通过服务器端脚本程序，CMS系统提供了某一类网站（如新闻资讯类）的常见功能，并给出了简单易用的配置接口。此外，为满足用户对网站外观的个性化需求，CMS系统通常还提供对网站外观的定义接口（模板）和相应的定制规范（标签）。用户可以利用CMS系统快速的建立自己的网站并实现绝大部分常见的功能并通过制作、修改模板定制网站外观风格。最终以较低的时间和经济成本获得一个独一无二的网站3、 主流CMS系统简介CMS按其开发技术主要可分为基于asp或.NET平台的CMS系统，基于JAVA平台的CMS系统和基于PHP的CMS系统。通过十余年的发展，各平台的CMS系统都有几十种甚至上百种之多。就国内CMS市场而言，主流的CMS主要有以下几款：1） DedeCMS织梦内容管理系统(DedeCMS) 以简单、实用、开源而闻名，是国内最知名的PHP开源网站管理系统，也是使用用户最多的PHP类CMS系统。DedeCms免费版的主要目标用户锁定在个人站长，功能更专注于个人网站或中小型门户的构建，当然也不乏有企业用户和学校等在使用本系统。织梦内容管理系统基于PHP+MySQL的技术架构，完全开源加上强大稳定的技术架构，使其具有极强的可扩展性和可伸缩性，能较好的满足网站建设和未来升级扩展的要求。2） EmpireCMS帝国网站管理系统英文译为Empire CMS，简称Ecms，它是基于B/S结构，且功能强大而帝国CMS-logo易用的网站管理系统。本系统由帝国开发工作组独立开发，是一个经过完善设计的适用于Linux/windows引/Unix等环境下高效的网站解决方案。从帝国新闻系统1.0版至今天的帝国网站