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