网站设计与维护教案.docxVIP

附件 广西民族师范学院 数学与计算机科学学院（部、中心）课程教案 课程代码： 0910212513_ 总学时／周学时： 68 /4 开课时间： 2017 年 9 月至 2018 年 1 月 授课年级、专业、班级：行管 151、152、小教本 16 级 合班 使用教材： 《HTML5+CSS3 网页设计与制作实用教程》陈承欢主编。 人 民 邮 电 出 版 社。 教研室： 网络工程 授课教师： 谭呈祥 一、课程教学计划表 章 次 内 容 讲 授 实 践 一 单元 1 站点创建与 2 1 制作商品简介页面 二 单元 2 超链接应用 2 2 与制作帮助信息页面 三 单元 3 表格应用与 2 2 制作购物车页面 四 表单应用与制作注册 2 2 登录页面 五 网页布局与制作商品 2 2 筛选页面 六 单元 6 模板应用与 2 2 制作商品推荐页面 七 单元 7 网页特效与 2 2 制作商品详情页面 八 单元 8 网站整合与 3 38 制作购物网站首页 总学时 68 17 51 二、教案正文 单元 1 站点创建与制作商品简介页面 （一）教学目的：了解网页的相关概念；了解网页编辑工具、网页素材处理和制作工具；了解网站的规划、设计和制作流程；了解 Dreamweaver cc2015 功能、界面等；掌握使用 Dreamweaver cc2015 管理站点和发布网站。 （二）教学重、难点： 1．重点：熟悉 Dreamweaver CC 工作界面的基本组成及其功能。 2．Dreamweaver CC 的站点管理。 （三）教学方法、手段：教师讲授（√ ），课堂讨论（ ），多媒体教学（√ ），当堂测验（√ ），提问式教学（ √ ），实验（ √ ）。 1.1 网页的基本知识 1.1.1 网页、网站的概念 WWW（World Wide Web，万维网）是 Internet 上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统，它是 Internet 的最主要的信息服务，允许用户在一台计算机上通过 Internet 存取另一台计算机上的信息。 网页（Web Page）是存放在 Web 服务器上供客户端用户浏览的文件，可以在 Internet 上传输。网页是按照网页文档规范编写的一个或多个文件，这种格式的文件由超文本标记语言创建，能将文字、图片、声音等各种多媒体文件组合在一起，这些文件被保存在特定计算机的特定目录中。几乎所有的网页都包含链接，可以方便地跳转到其他相关网页或是相关网站。 网站（Web site）是一组相关网页以及有关的文件、脚本和数据库等内容的有机集合，即若干个网页文件经过规划组织后彼此相连而形成完整结构的信息服务系统。网页是网站的基本信息单位。网站通过 WWW 上的 HTTP 服务器提供服务。 1.2 网页制作工具 1.2.1 网页制作工具 网页制作工具分为“可视化”和“非可视化”两大类。“可视化”网页编辑器的优点是直观、使用方便、容易学习，在其中制作网页与在 Word 中编辑相似，缺点是难以精确达到与浏览器完全一致的显示效果。 “非可视化”的网页编辑器，因为是用 HTML 代码来设计的，所以控制精确，但是，工作效率太低。 1．Dreamweaver（本课程所使用的软件） 这是现在使用最广泛的网页编辑工具之一。Dreamweaver 是 Macromedia 公司推出的网页编辑工具。它是一个所见即所得网页编辑器，支持最新的DHTML（Dynamic HTML，动态 HTML）和 CSS 标准。采用了多种先进技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变得非常简单。 2．FrontPage FrontPage 是 Microsoft 公司开发的设计网页和管理网站的软件，除了 所见即所得的编辑功能之外，也可以直接编辑 HTML 标记，让设计者可以轻松的编辑网页。FrontPage 2000/2002/2003 版本支持最新的网页标准，比如XML，CSS2 等等。 3．Adobe GoLive 这是一套工业级的网站设计、制作、管理软件，可让网站设计者轻易地创造出专业又丰富的网站。使用交互式的 QuickTime 编辑器为网站加入影片。紧密其它 Adobe 的网站产品结合，包括 Adobe Photoshop, Adobe Illustrator 和 Adobe LiveMotion，Adobe GoLive 软件提供 360Code 功能，可保护你的网页原始码不被随便修改。此外，Adobe GoLive 还提供得奖的网站设计、管理功能。 4．HomeSite HomeSite 是一个小巧而全能的 HTML 代码编辑器，有丰富的帮助功能，支持 CGI 和 CSS 等等，并且可以直接编辑 perl 程序。HomeSi