(完整版)《网页设计》课程教学大纲
网页设计课程大纲
网页设计课程大纲1. 课程简介
- 介绍网页设计的概念和重要性
- 引出本课程的目标和内容
2. 基础知识介绍
- 简述网页设计的相关术语和基础概念
- 介绍网页设计所需的软件和工具
3. 色彩和排版
- 讲解色彩搭配的原则和技巧
- 探讨不同字体和排版方式的应用
4. 图形设计
- 介绍常用的图形设计软件和技巧
- 演示如何设计符合网页风格的图形元素
5. 用户体验设计
- 引导学生理解用户体验的重要性
- 探讨如何设计易用、易导航的用户界面
6. 响应式设计
- 解释响应式设计的概念和原理
- 演示如何制作适应不同移动设备的响应式网页
7. 网页动画
- 介绍常见的网页动画技术和效果
- 演示如何添加动画效果提升用户体验
8. 网页优化和SEO
- 讲解网页优化的重要性和基本原则
- 探讨如何优化搜索引擎排名
9. 实践项目
- 学生将运用所学知识设计一个完整的网页项目
- 指导学生如何进行项目规划和实施
10. 课程总结和展望
- 回顾本课程所涵盖的内容和学习成果
- 展望学生在网页设计领域的发展和进一步深造的可能性
通过以上内容的学习，学生将能够全面掌握网页设计的基础知识和技能，具备设计精美、易用、响应式的网页的能力，为未来的就业和创业提供有力的支持。
课程注重实践和项目驱动，希望学生能够在实际操作中加深理解，提升设计能力。
《网页设计》教学大纲
《网页设计》教学大纲一、课程的基本信息课程编号：02210100 课程性质：学科专业基础必修课学时：64 学分：3开课单位：信息管理系适用专业：数字媒体技术专业先修课程：计算机文化基础二、课程目的与任务本课程开设的主要目的是让学生拥有网页制作的基础知识。
通过学习，学生应掌握网页设计与制作的基本方法和应用技巧，并能顺利开发一个完整的网站。
本课程的主要任务是：增强学生的动手能力，以及对网站建设的整体掌握能力，使学生能自行设计并制作出一个简单的网站。
三、课程教学基本要求1、了解网页制作的基础知识，各专业素语的定义。
2、掌握网页常用制作软件Dreamweaver中各菜单、按钮的具体用法，及简单网站的制作。
3、理解网页中各专业素语之间的联系、区别及各自的运用范围。
五、课程教学基本内容第1章网页设计基础知识教学内容：网页中的相关概念；网页内涵；网页制作软件；网站运行方式；Dreamweaver CS3基本界面。
重点：Dreamweaver CS3的基本使用。
难点：网页内涵第2章创建站点教学内容：网站的规划；站点的定义和管理；文件和文件夹的创建。
重点：站点的定义和管理，文件和文件夹的创建。
难点：站点的定义。
第3章设置文档教学内容：文档的创建和保存；添加文档内容；设置文档格式。
重点：设置文档格式。
难点：设置文档格式。
第4章使用图像教学内容：网页图像格式；设置网页背景；插入图像；设置图像属性；创建网站相册。
重点：设置网页背景，设置图像属性。
难点：创建网站相册。
第5 章使用多媒体教学内容：使用Flash；使用Shockwave；插入特殊对象。
重点：使用Flash，插入特殊对象。
难点：使用Flash。
第6 章创建超级链接教学内容：超级链接的概念；普通超级链接；特殊超级链接。
重点：普通超级链接。
难点：锚记超级链接，图像热点超级链接。
第7 章使用表格教学内容：表格的概念；创建表格；编辑表格；嵌套表格；表格的导入、导出和排序。
网页设计理论教学大纲
《网页设计》理论教学大纲一、课程简介在网络技术迅速发展的今天，设计网页已成为当今社会上一种非常热门的技术。
《网页设计》课程是我院重点专业--网络工程技术专业的一门核心课程，也是一门综合课程，它涵盖了HTML语言、DREAMWEAVER 及JavaScript脚本语言等三部分内容，全面介绍WEB站点设计的基本操作技术和使用技巧。
二、课程目标通过本课程的学习，使学生掌握用DREAMWEAVER进行网站的规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；能熟练运用HTML 中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点。
三、课程的教学基本要求（一）知识要求：1．了解WEB站点的工作原理；2．了解WWW、HTTP、HTML、CSS的定义，概念和作用；3．理解服务器、客户端、浏览器的概念和作用；4．理解Dreamweaver应用软件中菜单项的功能；5．理解HTML中的文本、字符、段落、列表、表单、框架、多媒体标记的作用；6．理解表格、表单的作用；7．理解JavaScript中对象的定义，及含义；8．理解JavaScript中事件的概念；9．理解JavaScript中属性与方法的概念；10．了解面向对象程序设计思想；（二）能力要求：1．学会熟练运用Dreamweaver应用软件；2. 熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法；3．学会运用HTML语言中的标记设置颜色、文本格式和列表；4．熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；5．掌握在网页中添加CSS的方法;6．掌握在网页中嵌入图像、声音、多媒体信息的方法；7．熟练掌握表格的使用方法，学会利用表格设布局网页；8．掌握框架制作网页的方法，会使用框架设计网页；9．掌握制作表单的方法，会利用表单建立交互式页面；10.掌握JavaScript语言的语法；11．掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；12．学会修改JavaScript代码，实现不同的特效网页效果；13．学会使用JavaScript语言实现网页特效;（三）素质目标：1、具有勤奋学习的态度，严谨求实、创新的工作作风；2、具有良好的心理素质和职业道德素质；3、具有高度责任心和良好的团队合作精神；4、具有一定的科学思维方式和判断分析问题的能力；5、具有较强的网页设计创意思维、艺术设计素质。
网页设计教学大纲
网页设计教学大纲第一部分：介绍随着互联网的普及，网页设计已成为一门热门的技能。
本教学大纲旨在帮助学生全面了解网页设计的基础知识和技能，为将来从事相关工作打下坚实基础。
第二部分：课程目标1. 熟悉网页设计的基本概念和术语。
2. 掌握网页设计的基本流程和方法。
3. 学会运用HTML、CSS等技术进行网页设计。
4. 培养学生的审美观和设计能力。
5. 培养学生的团队合作和沟通能力。
第三部分：课程内容1. 网页设计概述- 什么是网页设计- 网页设计的重要性- 网页设计的基本原则2. HTML基础- HTML的概念和历史- HTML标签的基本语法- 常用HTML标签和属性3. CSS基础- CSS的作用和概念- CSS样式表的引入方式- 常用CSS样式和属性4. 网页布局设计- 盒模型的理解- 浮动和定位的运用- 响应式设计的概念5. 图片和多媒体设计- 图片格式和优化- 视频和音频的插入- 图片和视频的响应式处理6. 网页交互设计- 链接和导航设计- 表单设计和验证- JavaScript的基本概念第四部分：教学方法1. 理论教学结合实践，通过案例分析和练习，帮助学生更好地理解和掌握知识。
2. 鼓励学生独立思考和创新，培养其解决问题的能力。
3. 注重学生的实际操作能力，通过实际项目实践，提高学生的技能水平。
4. 培养学生的团队合作和沟通能力，鼓励学生互相学习和交流经验。
第五部分：评估方式1. 期中考试：主要考查学生对基本概念和技能的掌握程度。
2. 课堂作业：包括布置的实践项目和练习，检验学生的实际操作能力。
3. 课程设计：结合实际项目，要求学生根据所学知识设计并完成一个完整的网页项目，考察学生的综合能力。
第六部分：参考教材1. 《HTML5权威指南》2. 《CSS3实战》3. 《网页设计与制作实例教程》4. 《JavaScript高级程序设计》第七部分：教学团队本教学大纲由资深网页设计师和教育专家共同制定，教学团队具有丰富的教学经验和实践经验，将为学生提供优质的教学服务。
网页设计与网站建设课程教学大纲[大全五篇]
![网页设计与网站建设课程教学大纲[大全五篇]](https://img.taocdn.com/s3/m/7a34e2ea5ebfc77da26925c52cc58bd630869356.png)
网页设计与网站建设课程教学大纲[大全五篇]第一篇：网页设计与网站建设课程教学大纲网页设计与网站建设课程教学大纲一、课程编号 B040378二、课程名称（1）中文名：网页设计与网站建设（2）英文名：Web Page Design and Website Establish三、课程类型：理论含实践课四、开课系（部）信息技术系专业教研室五、大纲说明1、学时、学分数、课程性质、考试方式、成绩评定修业年总学时学分课程性质考核方式成绩评定数 64数 4专业基础上机课专业基础上机课等级制百分制专业名称限计算机信2 息管理计算机应2 用技术2、课程开设目的本课程是一门实用性较强，面向动态网页设计与维护技术性的课程。
通过本课程的学习，使学生具有制作动态网页的能力，同时了解网站的技术发展趋势、最新的技术动态及网页/网站制作软件平台。
本课程将结合Dreamweaver 8来进行教学，介绍了Internet的基础知识、数据库的基础知识以及Dreamweaver 8的新特点，进而全面讲述了网页/网站制作的基础知识和高级应用、网页/网站制作开发环境的配置以及利用Dreamweaver 8进行动态网页设计的方法和技巧等内容。
六、教学内容第一章体验Dreamweaver8梦幻境界【教学目的和要求】了解Internet与Web基础、常用的网页设计软件和编程语言。
掌握Dreamweaver8网页制作工作环境，面板操作，以及制作简单网页的方法。
【教学重点与难点】重点：网站开发有关知识、Dreamweaver8制作网页的基本方法难点：自定义工作环境【教学时数】2学时【教学方法与手段】讲授【教学内容】1.Internet与Web基础知识2.网站开发技术简介3.Dreamweaver 8新增功能4.Dreamweaver 8工作环境5.自定义工作环境【实践教学时数】 2 学时【教学方法与手段】演示法、实验法【实践教学内容】1 熟悉Dreamweaver 8运行环境2 初步认识Dreamweaver 8工作环境及面板3 制作简单网页第二章编辑网页元素使用表格布局页面【教学目的和要求】了解网页的基本组成和基本操作，理解链接的概念、控制和管理，掌握同网页的内容、格式和链接关系，表格布局方法。
《网页设计》教学大纲
课程名称：网页设计课程代码：总学分：4总学时：54适用专业：计算机专业的本科先修课程和后续课程先修课程：计算机基础、图像类设计软件、计算机类语言后续课程：一、课程的性质、目的与任务课程性质：本课程是计算机网络技术、软件技术、电子信息技术、计算机系统与维护、电子商务技术等专业的技术基础课，属于必修课范畴。
课程目的：通过本课程学习，使学生了解网页制作的基础知识、基本流程。
熟悉并掌握HTML语言，WEB服务器的配置，CSS，JA V ASCRIPT并能熟练使用Dreamweaver网站的设计、制作与维护更新，为动态网页设计打下基础。
课程任务：本课程结合实例，详细介绍了HTML标记语言、CSS样式表的应用、JA V ASCRIPT程序设计等知识。
通过本课程的学习，使学生能够掌握网页设计与制作的基本技能，并轻松地创建出具个性化的静态网站等。
二、教学的基本要求以理论够用为度注重技能的培养。
在掌握主要概念和基本操作后，进行专项和综合训练。
通过课堂学习、课后练习和上机实验，使基本技能的训练得到加强，培养学生实际操作的能力。
（一）理论知识方面主要达到：1．掌握网页设计相关常识，熟悉网页制作的基本技术；2．了解网站设计制作的常用工具与基本流程，了解不同网站类型不同的设计与制作要求，了解网站的整体结构规划；3．掌握HTML语言；4．掌握利用CSS构建网站；5. 掌握利用表格或者CSS 进行网页布局5．理解脚本语言以及掌握JA V ASCRIPT（二）能力方面主要达到：1．熟练掌握使用手工编写HTML代码的方式编写网页；2．熟练掌握利用CSS+DIV方式进行网页设计；3．熟练掌握Macromedia Dremweave的基本操作；4．了解网页设计稿文件的切片与优化输出；了解网页图像的优化技巧；5．掌握JA V ASCRIPT编写一些简单的交互程序；6．掌握网站的测试、发布、推广与维护；三、课程教学内容、重点与难点第1章网页与网站基础知识1网页与网站的概念2网页的设计3网页版式和布局4网站的策划与创建原则●教学基础要求使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣●教学重点网页设计中的若干术语●教学难点网页设计中的若干术语第2章html基础1 html文档结构2 html基本语法●教学基础要求标记对与格式标记的使用●教学重点格式标记的使用●教学难点HTML基本语法第3章文字与段落1文字内容2文字样式3文字修饰4段落●教学基础要求了解标题元素,掌握字体,上下标,及特殊字符的标记●教学重点网页中特殊符号的输入●教学难点特殊符号对应的标记第4章列表1列表简介2无序列表3有序列表4嵌套列表5定义列表6菜单列表和目录列表●教学基础要求使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣●教学重点定义列表●教学难点菜单列表第5章超链接1超链接简介2创建超链接3链接对象●教学基础要求掌握超级链接标记的使用●教学重点字体、图片和超级链接标记的使用●教学难点理解书签超级链接的意义第6章表格1表格2表格标记3表格属性修饰4设置行的属性5设置单元格的属性6表格嵌套●教学基础要求掌握简单表格的制作表格中单元格的合并以及表格嵌套和叠加操作●教学难点理解表格属性rowspan与colspan的含义以及表格嵌套实现第7章框架1框架简介2框架的设置3子窗口的设置4浮动框架●教学基础要求掌握框架的制作●教学重点框架的嵌套使用●教学难点理解框架属性name、target的意义第8章表单1表单2输入3多行文本输入框4下拉列表框●教学基础要求掌握框架的使用●教学重点表单元素标志与属性●教学难点理解表单中相应元素对应标志及属性的含义第9章使用CSS格式化网页1样式表的定义与使用2定义选择符3文字与排版式的使用4背景与颜色的使用5美化网页与超链接的设置6矩形模块的概念与使用7列表●教学基础要求在网页中掌握CSS的运用方法●教学重点样式的定义CSS准确应用第10章javascript基础1javascript起步2javascript程序3标识符和变量4运算符和表达式5javascript程序控制结构6常用对象7事件编程●教学基础要求掌握JavaScript在网页开发中的程序设计●教学重点JavaScript函数、BOM对象的处理、DOM对象的处理●教学难点BOM对象的处理、DOM对象的处理、CSS2Properties对象的处理第11章web设计基础1web设计原则2网站结构规划3网页布局4内容设计5色彩设计●教学基础要求掌握WEB设计的原则●教学重点网页布局●教学难点网页规划第12章页面布局技术1.表格布局方法2.div+css布局方法3.页面导航布局方法●教学基础要求掌握网页设计中布局方法●教学重点div+css布局●教学难点div+css布局样式的定义与应用四、 课时安排建议（列简表） 序号 内容或章节 讲授学时安排作业 备注1 第1章 网页与网站基础 3 浏览网站，查看源文件2 第2章html 基础3 使用HTML 手工编写网页3 第3章文字与段落 34 第4章列表 35 第5章超链接 36 第6章表格 37 第7章框架 38 第8章表单3 9 第9章css 格式化网页 12 利用CSS 控制网页元素的风格和样式10 第10章javascript 基础 12 编写客户端脚本，与网页元素进行动态交互 11 第11章web 设计基础 3 制作综合网页12第12章 页面布局技术3合计 54五、 选用的教材和课件 教材：《网页设计与开发—html 、css 、javascript 实例教程》 课件：自作六、 考核方式和成绩评定 考核方式：综合设计作品成绩评定：平时成绩：30% ，考试（考核）：70%七、 主要教学参考书(注明：著者、书名、版本、出版者、出版年)执笔人： 审定人： 系（部）主任：。
《网页设计》课程教学大纲
《网页设计》课程教学大纲
一、课程概述
网页设计课程是由语言编写的，通过IE浏览器编译后供用户获取信息的页面设计，网页又称Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。
二、教学目标
熟练的掌握HTML语言的文档结构和基本标签使用。
能综合应用Dreamweaver软件、HTML和 CS S技术制作网页，掌握规划、开发、发布和管理静态网站的专业知识和技能。
三、最低课时安排
《网页设计》课程最低总计学习课时为64课时。
各章节最低课时安排如下表所示：
四、教学内容
我们对本课程的具体授课内容会提供PPT，并在PPT中标明知识点讲述要点，详细内容请参考PPT。
(完整版)网页设计教学大纲
网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
2 、课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
* 掌握测试和发布网站的方法。
包括网站测试的内容和方法。
* 能够解决一些网页设计中的常见问题。
* 了解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目标与要求1、本课程的基本目标（1）使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的基本要求（1）知识要求深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的流程。
理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。
了解Dreamweaver cs3在动态网站上的应用。
网页设计课程教学大纲
《网页设计》教学大纲第一部分大纲说明一、课程性质和任务1．课程的性质《网页设计》是电子商务专业开设的专业必修课程。
本书介绍Dreamweaver 8、Flash 8和Fireworks 8的使用方法和使用技巧。
全书采用案例带动知识学习的方法进行讲解，包括多个实例，并通过实例的制作，使学生掌握知识与技巧。
2．教学任务本课程是一门理论和实践相结合的课程，要求学生在完成本课程的学习后，能够使用Dreamweaver 8、Flash 8和Fireworks 8快速的制作出精彩的网页，创建有特色的站点。
3．教学目的和基本要求熟练掌握：通过本课程的教学，使学生掌握网页软件Dreamweaver 8及其网页设计开发，能够独立进行网页设计项目的开发。
掌握：Flash 8和Fireworks 8工具软件的使用。
能使用Flash 8进行简单的动画设计，能够使用Fireworks 8进行简单的图像处理。
二、本课程与相关课程的衔接、配合关系本课程为动态网页设计等课程的前期课程。
三、教学方法和教学形式的建议1．教学方法在教学中，以教学大纲为依据，结合本专业具体的培养目标，有针对性地学习Dreamweaver 8、Flash 8和Fireworks 8，进行相应的上机操作。
2．教学形式在教学中，以多媒体教学和上机实验相结合，突出动手能力的训练。
3．实践性环节教学要求本课程除按教学计划的要求统一进行集中性实践性环节教学外，还应在授课学时内安排36学时实践性上机的教学环节，培养学生的应用能力，学期最后应按排一周的课程设计。
四、特殊说明1．侧重点按照教材内容体系，对本课程的重点、难点进行辅导讲授，侧重于Dreamweaver 8网页设计。
2．课程的教学要求层次教学中，基本概念和内容要求按“了解、理解、熟练掌握”三个层次要求。
（1）掌握：要求学生能够全面掌握所学内容和方法，深入理解其科学内涵，并能够用所学方法分析问题。
（2）理解：要求学生能够较好地理解所学问题和方法，并能进行简单的分析和判断。
(完整版)网页设计与制作教学大纲
《网页设计与制作》课程教学大纲课程编号:课程名称：网页设计与制作课程类型:专业基础课总学时：64 讲课学时：32 实验学时：32适用班级:一、课程性质、目的和任务：（加粗，以下同）1、目的本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
2、任务本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
二、教学基本要求：（分三级：掌握、理解、了解）1．掌握：要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。
2．理解：要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。
3．了解：要求学生能够一般地了解的所学内容。
三、教学内容及要求：第1章Dreamweaver基础教学内容：Dreamweaver 的历史和简介Dreamweaver 的安装过程Dreamweaver 的全新界面改进的设计与开发环境主菜单介绍对象控制面板介绍教学要求：掌握：Dreamweaver的基本特点、新增功能及界面组成。
基本操作，如安装、新建、打开、导入、保存、关闭等。
理解：新增功能、界面组成的优点。
了解：Dreamweaver可以为我们做些什么。
第2章网页设计语言基础教学内容：HTML及XHTML语言介绍常用的网页语法标记教学要求：理解：HTML及XHTML语言介绍，常用的网页语法标记第3章文本和图像处理教学内容：文本属性面板编辑文本和插入对象设置文本的格式编号与项目符号在网页中插入图像图像的应用教学要求：掌握：设置文本属性和格式；编号与项目符号的使用；插入、编辑和排版图像。
网页设计课程教学大纲
网页设计课程教学大纲课程概述本课程旨在介绍网页设计的基础知识和技能，培养学生的网页设计能力。
通过理论研究和实践操作，学生将掌握网页设计的核心概念，了解网页设计的流程和方法，以及熟悉常用的网页设计工具和技术。
课程目标- 了解网页设计的基本原理和概念- 研究网页设计的流程和方法- 熟悉常用的网页设计工具和技术- 培养学生的创造力和设计思维- 掌握设计符合用户体验和视觉需求的网页教学内容1. 网页设计基础- 介绍网页设计的概念和重要性- 讲解网页设计的基本原理和规范- 网页设计的色彩和排版原则2. 网页设计工具和技术- 介绍常用的网页设计工具，如Adobe Photoshop和Adobe XD - 网页设计中的图像和多媒体元素3. 网页设计流程和方法- 分析网站需求和目标用户- 制定网页设计的整体构思和结构- 创建网页设计的草图和原型4. 网页设计实践- 进行网页设计的实际操作和练- 学生根据特定需求和要求进行网页设计- 评价和改进自己的网页设计作品教学方法- 理论授课：讲解网页设计的基本概念和原理- 实践操作：指导学生使用网页设计工具和技术进行实际操作- 作业练：布置网页设计相关的作业和练题- 课堂讨论：促进学生之间的交流和思维碰撞- 评估考核：通过作业、考试和项目评估学生的研究成果考核方式- 课堂作业：完成指定的网页设计作业和练- 考试：进行理论知识的考核- 项目评估：根据学生的实际网页设计作品进行评估参考资料- 《网页设计基础教程》- 《网页设计与制作教程》- 在线教学资源和相关网站以上是《网页设计课程教学大纲》的概述和主要内容，通过本课程的学习，学生将获得扎实的网页设计基础和实践能力，为将来的网页设计工作打下良好的基础。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计》课程教学大纲一、课程说明：课程类别：选修课适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。
计划学时：60学时（讲课24学时，上机实验36学时）学分：4先修课程：计算机基础执笔：审阅：二、课程的教学目的以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。
简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
并使学生具有解决一般网页制作问题的能力。
掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。
掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。
为今后从事网页设计与制作工作打下基础。
三、课程教学基本要求：1、课程重点掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。
通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。
2、课程难点（1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用；（2）理解CSS样式表中属性单位的作用和意义；（3）理解javascript语言脚本程序的工作方式；（4）深入理解超级链接、图形图像各种功能和应用；（5）深入理解表格、AP Div、框架、表单的作用；（6）深入理解模板、库、行为和脚本的高级应用；（7）理解网站测试的目的和测试方法；（8）深入理解“切片”和“热点”的涵义和应用；（9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作；（10）理解使用图像设计软件进行版式设计的方法。
3、能力培养要求（1）了解HTML语言的基本内涵。
理解基本标记的用法；（2）掌握在网页中添加CSS样式的方法。
熟练使用CSS设置网页格式和列表的格式；（3）熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法；（4）掌握在网页中嵌入图象和多媒体的方法；（5）熟练掌握使用绝对和相对URL，创建文本超链接，图象热点的方法；（6）熟练掌握使用表格、框架、AP Div布局页面的方法；（7）掌握创建表单的方法；（8）掌握模板的创建和库项目的使用方法；（9）理解行为和脚本的用法；（10）掌握FireworksCS6基本操作及其在网页制作中的应用；（11）掌握FlashCS6基本操作及简单动画的制作；（12）掌握PhotoshopCS6基本操作及在网页设计中的应用；四、课程教学内容与学时：理论教学内容：第1章网页设计与制作概述1.1网络的基础知识掌握：TCP/IP协议、IP地址、域名地址、统一资源定位器的概念和内涵1.2图形图像的基础知识理解：位图与矢量图的概念了解：常用的图形、图像格式1.3网页的布局知识了解：网页的基本结构及页面的布局原则和模式理解：网页的色彩应用及色彩属性与象征意义1.5 HTML基础理解：HTML基础标记符的内涵，如文本格式标记、超链接标记符、图像标记符、表格标记符、框架标记符、表单标记符、滚动条了解：CSS技术的内涵，能够识别基本属性，如：字体属性、列表样式属性理解：CSS的定义及使用方法了解：JavaScript技术及JavaScript脚本嵌入HTML文档的方法第2章DreamweaverCS6网页设计基础2.1 Dreamweaver的工作环境理解：Dreamweaver的工作区菜单、面板、属性检查器的使用2.2构建Dreamweaver站点掌握：如何创建、管理本地站点及站点中文件2.3网页文本编辑掌握：正文文本的添加和格式的设置、插入空格、特殊字符理解：页面属性的设置2.4 CSS样式设置重点掌握：如何创建CSS规则、链接样式表2.6 Dreamweaver工作环境的设置了解：环境设置的方法第3章图像与多媒体3.1图像的应用掌握：如何在网页中插入图像及设置图像属性3.2创建鼠标经过图像掌握：如何在网页中创建鼠标经过图像及设置图像属性3.3图像占位符及属性的设置理解：图像占位符的含义3.4插入flash动画掌握：如何在网页中插入flash动画及设置动画属性3.5音频的应用了解：音频文件格式掌握：如何在网页中添加音频3.6视频的应用掌握：网页中视频的应用及属性的设置第4章超级链接及其应用4.1超链接概述理解：绝对路径和相对路径的含义及超链接的内涵4.2创建文本超链接掌握：各种创建文本超链接的方法4.3创建图像超链接掌握：创建图像热点链接的方法4.4创建电子邮件链接掌握：创建电子邮件链接的方法4.5空链接理解：创建空链接的意义第5章网页的布局5.1表格的应用掌握：插入表格的方法5.2表格编辑及属性设置掌握：表格、单元格、行或列的编辑及属性的设置方法5.3应用APDiv布局页面掌握：使用APDiv布局页面5.4APDiv与表格的相互转换理解：APDiv转换与表格的互相转化方法5.5框架的应用理解：创建框架集及设置框架集属性掌握：如何设置框架中显示的网页及框架的编辑第6章表单的应用6.1创建表单理解：表单的概念6.2添加表单对象掌握：如何添加表单对象，如：插入文本域、插入单选按钮/单选按钮组、插入复选框/复选框组、插入选择框（列表/菜单）、插入文件域、插入按钮6.3表单的提交掌握：表单的提交设置6.4应用表格布局表单实例掌握：应用表格布局表单的方法第7章行为与脚本语言及模板和库的应用7.1行为在网页中的应用理解：行为、事件、动作掌握：如何添加行为、事件7.2 JavaScript脚本理解：JavaScript脚本概述、JavaScript脚本语言特效掌握：JavaScript脚本在网页中的应用7.3创建与应用模板理解：创建模板的意义掌握：如何创建和使用模板创建新网页及模板的编辑7.4创建与应用库项目理解：创建库的意义掌握：如何创建、在网页应用库项目及库的编辑第8章站点的测试8.1站点的测试了解：站点的测试方法，如：检查浏览器兼容性、链接的检查与修正、不同分辨率下的测试等8.2创建远程站点了解：如何设置远程服务器、连接远程站点8.3文件的上传和下载了解：文件的上传、下载文件、文件的取出与存回的操作方法第9章FireworksCS6基础及其在网页制作中的应用9.1 FireworksCS6基础了解：认识FireworksCS6工作区、文档管理、布局工具、各种面板、常用工具9.2绘制并编辑矢量图形掌握：绘制与编辑基本形状、自动形状、自由变形形状、复合形状的基本操作方法9.3创建并修饰位图图像理解：创建与编辑位图图像的方法9.4创建并编辑文本掌握：创建与编辑文本的方法9.5应用笔触和填充掌握：应用和更改笔触、填充、样式9.6应用动态滤镜理解：动态滤镜9.7使用切片和热点掌握：切片和热点的基本操作和导出设置第10章FlashCS6基本操作及在网页制作中的应用10.1 FlashCS6的基本操作理解：FlashCS6的工作界面、文档的创建、打开、保存及面板组的使用10.2时间轴的使用掌握：图层、帧、播放头、场景的概念和含义10.3元件、实例和库资源掌握：元件的创建方法、实例概念、库面板以及元件与实例的关系10.4创建各种动画掌握：遮罩层动画、引导层动画、形状补间动画、逐帧动画的创建方法和内涵10.5在动画中添加声音掌握：在动画中添加声音及编辑方法10.6文本的使用掌握：传统文本字段在动画中的应用10.7动作面板的使用了解：动作面板的使用及动作脚本的基本元素10.8 ActionScript基本语句了解：时间轴控制命令、浏览器/网络命令的使用方法10.9动作的应用了解：在动画中使用动作控制动画的原理10.10测试发布Flash动画理解：制作过程中动画的测试方法掌握：如何发布影片第11章PhotoshopCS6基本操作及在网页设计中的应用11.1 PhotoshopCS6基本操作了解：PhotoshopCS6的工作界面、文件操作、环境设置、基本概念理解：选区的创建与编辑掌握：利用画笔类工具绘制图像、利用形状绘制工具绘制图像、图像修饰工具的应用、调色命令的高级应用理解：图层样式、文字图层、滤镜的应用11.2页面设计与制作掌握：整体页面、导航栏、网页内容板块、网页页脚的制作和设计方法第12章网页制作工具集成及网页制作综合实训12.1 Fireworks与Dreamweaver的集成理解：Fireworks与Dreamweaver两者如何协同工作12.2使用Photoshop和Dreamweaver了解：Dreamweaver中处理Photoshop文件的工作流程12.3 Dreamweaver与Flash的集成理解：Flash与Dreamweaver两者如何协同工作理论教学学时分配表（54课时）实践教学内容：36学时（本部分内容为学生上机自学内容、以每章习题中的实践题为实践内容）实践目的与任务：目的是让学生提高自己的实际动手能力，熟练掌握当前的流行网页制作工具，具备设计并且实现一个网站的能力。
基本要求：（1）要求学生掌握网页基础语言HTML语言（2）要求学生掌握通过Dreamweaver CS6建设网站和编辑网页的技术（3）要求学生掌握通过Fireworks CS6进行图片特效处理及切片的技术（4）要求学生掌握通过Flash CS6进行简单动画制作的技术（5）要求学生掌握通过Photoshop CS6进行图片特效处理的技术实践方法通过模拟教材实例的方法掌握工具的基本用法，再试着改变一些设计内容和参数来设计自己喜欢或需要的例子，最终完成一个完全由自己规划和设计与制作的个人网站，并撰写出实验报告。
五、教材与参考书教材：1、张军凌，网页设计与制作教程，中国原子能出版社，第一版参考书：1、网页三剑客类书籍2、赵丰年，网页制作教程，人民邮电出版社，第三版六、考核方式1、理论基础知识部分笔试考核，占60%2、实验部分通过考查实验过程并和提交的个人设计作业进行实验成绩考核，占40%。