网页设计案例教程 教学大纲.doc

《网页设计案例教程》教学大纲 课程中文名称：网页设计案例教程 课程编号：××××× 课程性质及类别：必修 学时学分：60学时（其中讲课30 学时，上机30学时） 先修课程：××××× 适用专业：××××× 一、课程性质、目的和要求 本课程以最常用的网页制作工具Dreamweaver、Firework为教学出发点，引导学生快速上手，同时辅以大量的教学实例。通过学习，要求学生掌握网页设计的基本概念，了解常用脚本语言，了解JQuery的应用，能够利用常见网页制作软件设计制作出常见的静态网页，了解动态网页设计方法，初步掌握动态网页的设计。同时通过本课程的学习，提高学生的操作技能，培养学生踏实认真、精益求精、团结合作、创新的精神，培养良好的职业道德。 二、课程内容 要贯彻少而精的原则，说明大纲规定的基本内容及其深度，既要保证达到一定的培养规格，又要考虑学生的接受能力和学习负担。视专业特点和教学实际需要，按照课程主要的知识结构，说明课程重难点，并分章、节写明基本教学内容。 （一）课程重点与难点（宋体加黑五号） 本课程的重点： 形成对网站开发的完整认识 本课程的难点： 网页开发工具以及对网站开发整体认识的结合。 （二）课程内容（宋体加黑五号） 第1章 网页开发环境设置 1.1 IIS安装配置 1.2 Dreamweaver CS4介绍 第2章 HTML页面可视化开发 2.1 网页的基本构成元素 2.2 文本的输入和设置 2.2 图像的插入和设置 2.3 超级链接的建立和设置 2.4 表格的使用和设置 2.5 页面中表单的运用 第3章 HTML语法 3.1 HTML基本格式 3.2 HTML头部标记 3.3 HTML主体标记 3.4 文字相关标记 3.5 图像标记 3.6 超级链接标记 3.7 列表标记 3.8 表格标记 3.9 层标记 3.10 表单控件 3.11 Dreamweaver标签选择器 第4章 CSS基础知识 4.1 CSS的基本类型 4.2 CSS的基本写法 4.3 CSS和表格结合 4.4 CSS和层结合 4.5 CSS和列表标签结合 第5章 网页布局设计 5.1 大学生服务网首页分析 5.2 使用表格设计布局 5.3 使用层设计布局 5.4 使用框架集 第6章：Fireworks CS4 基础 6.1 熟悉工作环境 6.2 绘制和编辑对象 6.3 GIF 动 画 109 6.4 图像优化和导出 第7章：使用Fireworks制作网页图像 7.1 导航栏设计 7.2 标志图像制作 7.3 切片工具的使用0 7.4 图像热区链接 7.5 使用Javascript 第8章：网站建设与开发实战 8.1 网站建设基本流程 8.2 制作网站首页 8.3 实现可关闭菜单栏 第9章 JavaScript基本知识 9.1 基 本 概 念 9.2 JavaScript 基本语法 9.3 JavaScript事件的使用 9.4 使用JavaScript操作HTML对象 9.5 JavaScript应用实例 第10章 JQuery基础知识4 10.1 JQuery介绍 10.2 JQuery访问页面对象 10.3 JQuery中事件的使用 10.4 JQuery应用实例 第11章：网站技术展望 11.1 HTML概述 11.2 XHTML 11.3 XML基础 11.4 DHTML 11.5 CHTML和WAP 11.6 动态网站开发技术 三、实践性教学环节要求及安排 第一周 熟悉网页开发环境设置，制作基本页面 第二周 使用Dreamweaver进行网页可视化开发 第三周 初步HTML语句的基本写法 第四周 掌握大多HTML标记的使用方法 第五周 掌握CSS的写法，以及和HTML元素的结合 第六周 使用CSS实现页面效果 第七周 掌握页面布局的分析及实现方法 第八周 掌握Fireworks基本制图方法 第九周 使用Fireworks设计制作网页图像 第十周 掌握从Firerworks到页面的转换方法 第十一周 学习网站建设的基本步骤 第十二周 逐步制作完整页面 第十三周 掌握Javascript在页面中的使用方法 第十四周 掌握JQuery的使用方法 第十五周 了解网站开发的相关知识 四、考核办法 1、考试 2、评分标准：对网站开发的认识程度，对工具的掌握程度。 平时成绩（10％） 试验成绩（10％） 期末考试成绩（80％） 五、教法说明 引导，启发，讨论，练习 六、学时分配表（黑体五号，表格内为宋体小五号） 教学内容（章） 讲课学时 实验（训）学时 周数 习题时数 1．网页设计开发环境设置 2 2