网页设计-教学大纲
网页设计_理论大纲
《网页设计》课程理论教学大纲第一部分课程概述一、课程的性质和任务《网页设计》课程是计算机应用专业和计算机网络专业的基础应用课程，以网页制作软件Dreamweaver和Flash为研究对象，以学生掌握实用软件并学会网页创作为教学目的，是一门基础实践性课程。
通过学习，可使学生掌握Dreamweaver的使用方法、网页制作的基本方法、运用Flash制作动画并与网页有效结合的能力。
二、相关课程的衔接《网页设计》是基础应用课程，是计算机应用专业学生在修完《计算机网络基础》之后开设的，也是在学习《Web程序设计》、《网页综合实训》课程之前的必修课程。
在本课的教学实施过程中，要注重基础技能的传授和训练，以及网页制作基本思想的培养。
三、课程教学的基本要求1．正确认识课程的性质、任务及研究对象，全面了解课程的体系、结构，对网页设计专业方向的知识和能力要求有一个总体的把握；2．牢固掌握运用Dreamweaver软件进行网页设计的基本技能，掌握运用Flash创作不含程序代码的动画的技能，掌握将网页和Flash结合运用的技能。
3、学会在实践中总结知识，能够通过软件的学习掌握网页设计的基本思路和步骤。
四、主要参考书目《网页设计与制作》机械工业出版社张玲编著2005版《从零开始Dreamweaver中文版基础培训教程》人民邮电出版社田博文编著2002版《新编网页设计与制作培训教程》电子工业出版社2002版五、课程教学要求的层次在教学实施过程及期末考核时，按“了解、理解、掌握”三个层次要求。
“了解”即一般掌握有关内容，通常以填空、选择、判断等题型进行考核；“掌握”即要清楚地掌握有关技术及制作思路，一般在填空、选择、判断及设计制作类题型中进行考核；“能够”即要非常清楚、全面、准确地掌握有关技能并能熟练运用，一般在设计制作类题型中进行考核。
六、教学安排及学时分配第二部分教学大纲内容与要求第一课：网页制作概述学习要求1．了解网页制作的常用软件2．了解网页基本知识及页面应有元素等3．掌握网页制作的基本步骤教学内容一、网页概述㈠网页概述㈡网页中的常用述语二、网页制作的常用软件三、网页制作的基本步骤第二课：初识Dreamweaver学习要求1．掌握Dreamweaver的工具界面2．掌握站点的创建与管理技术教学内容一、Dreamweaver MX界面介绍㈠插入栏㈡工具栏㈢编辑窗口㈣属性面板㈤浮动面板组二、站点的创建㈠显示站点窗口㈡构建站点三、站点的资源管理㈠编辑本地站点㈡编辑站点文件四、上机实战第三课：用Dreamweaver布局页面学习要求1．掌握表格的使用方法及属性设置2．掌握利用表格布局页面的方法3．能够利用表格布局页面教学内容一、表格的应用㈠插入表格㈡格式化表格设置表格属性、设置单元格属性、格式化表格㈢编辑表格㈣嵌套表格二、层的应用㈠插入层㈡编辑层㈢层面板的应用㈣创建嵌套层三、框架布局㈠创建框架和框架集㈡选择框架与框架集㈢设置框架和框架集属性㈣保存框架和框架集四、上机实战第四课：填充页面内容学习要求1．掌握页面属性的设置方法2．掌握文本、图像的插入和编辑技术3．了解CSS样式的应用教学内容一、设置页面属性二、编辑文本㈠字体格式㈡段落设置三、插入图像㈠直接插入图像㈡用占位符插入图像四、编辑图像五、CSS样式的应用㈠新建CSS样式㈡定制CSS样式㈢编辑CSS样式六、上机实战第五课：创建超级链接与导航条学习要求1．掌握超级链接的添加和设置方法2．能够正确的链接页面3．掌握导航条的制作方法教学内容一、超级链接的类型与路径㈠超链接的类型㈡链接路径二、创建链接㈠文档链接㈡链接到命名锚㈢创建E-mail锚㈣热区链接三、导航条的制作㈠插入导航条㈡编辑导航条四、上机实战第六课：创建网页动态元素学习要求1．掌握表单的添加与设置方法2．掌握多媒体的插入技术教学内容一、编辑表单㈠创建表单㈡在表单中添加对象文本域、文件域、复选框、单选钮、列表/菜单、跳转菜单、按钮㈢设计表单二、多媒体的插入㈠插入FlashFlash按钮、Flash文本、Flash动画㈡插入声音链接到声音文件、嵌入声音文件三、上机实战第七课：模板的制作与应用学习要求1．掌握模板的创建、设置和应用方法2．能够利用模板创建页面教学内容一、模板简介二、创建模板三、设置模板的可编辑区㈠设置模板的可编辑区㈡取消对可编辑区域的标记四、管理模板㈠编辑模板重命名模板、删除模板㈡修改模板打开应用模板的文档、更新当前页、更新整个站点五、模板的应用㈠利用模板创建文档㈡将当前文档应用模板六、上机实战第八课：认识Flash MX学习要求1．掌握Flash MX的工作界面及使用方法2．掌握动画中的基本概念教学内容一、工作界面布局㈠菜单栏㈡工具栏㈢工具箱㈣时间轴㈤属性面板二、工具箱简介三、面板的使用四、场景设置五、动画中的基本概念㈠帧㈡元件第九课：编辑对象学习要求1．掌握图形绘制与编辑的方法2．能够自主创作动画中的元素教学内容一、图形绘制㈠规则图形的绘制㈡不规则图形的绘制二、选取对象㈠箭头工具选取㈡套索工具选取三、颜色填充㈠边框颜色的设置㈡填充颜色㈢用填充转换工具编辑渐变色四、对象的自由转换㈠自由转换工具的使用㈡转换面板的使用五、实例练习第十课：Flash时间轴的应用学习要求1．掌握时间轴、帧和层的关系2．能够正确的使用时间轴3．能够创作出简单的时间轴动画教学内容一、时间轴、帧与层的关系二、帧的应用㈠认识帧、关键帧、白色关键帧㈡创建帧、关键帧、白色关键帧三、层的应用㈠创建层]㈡编辑层层的选取、移动层、重命名层、删除层、层中对象的隐藏和显示、锁定与解锁图层㈢层的转换四、动画的创建㈠逐帧动画㈡移动动画㈢形变动画五、实例练习第十一课：编辑动画的元件学习要求1．掌握不同属性的元件的使用方法及作用2．能够正确使用元件3．能够正确的使用库教学内容：一、元件的类型㈠影片剪辑㈡按钮㈢图形二、元件的创建㈠图形元件的创建㈡影片剪辑元件的创建㈢按钮元件的创建㈣将已知对象转换为元件㈤图形元件、影片剪辑元件和按钮元件的使用方法三、库的使用㈠简介库面板㈡调用元件㈢转换元件类型四、实例练习第十二课：动画交互功能学习要求1．掌握声音的导入和设置方法2．掌握goto语句、stop语句控制动画的方法教学内容：一、声音的导入二、在动画中插入声音㈠在关键帧中添加声音㈡在层中添加声音三、Goto语句的应用㈠动作面板的使用㈡应用goto语句四、用stop命令控制动画五、实例练习第十二课：动画的导出与发布学习要求1．掌握动画导出的方法教学内容：一、动画文件的优化二、动画文件的导出第十三课：创作个人网站学习要求1．能够利用Dreamweaver和Flash相结合创建个人网站教学内容：一、学生自主创作。
网页设计与网站建设课程教学大纲[大全五篇]
![网页设计与网站建设课程教学大纲[大全五篇]](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%七、 主要教学参考书(注明：著者、书名、版本、出版者、出版年)执笔人： 审定人： 系（部）主任：。
网页设计教学大纲
网页设计教学大纲一、引言网页设计作为现代互联网时代不可忽视的一门技能，对于从事互联网相关工作的人来说，具备一定的网页设计知识是至关重要的。
本文旨在为网页设计教学提供一个全面而系统的大纲，以便帮助教师和学生更好地进行学习和教学。
二、教学目标1. 理解网页设计的基本概念和原理，包括网站结构、UI设计、用户体验等方面的知识；2. 掌握常用的网页设计工具和软件，如Photoshop、Illustrator、Sketch等；3. 能够进行网页布局设计、配色方案选择、图像处理和优化等操作；4. 能够运用HTML、CSS等技术进行网页编码和交互效果的实现；5. 培养学生的创新思维和审美意识，提升他们的设计能力和实践能力。
三、教学内容1. 网页设计基础知识1.1 网页设计的概念和发展历程1.2 网页设计的原则和规范1.3 网页设计的流程和方法2. 网页设计工具和软件的使用2.1 Photoshop的基本操作和应用2.2 Illustrator的基本操作和应用2.3 Sketch的基本操作和应用2.4 其他常用的网页设计工具和软件介绍3. 网页布局设计3.1 网页布局的基本原理和类型3.2 网页导航设计和页面结构设计3.3 响应式网页设计和移动端适配4. 网页配色方案选择4.1 色彩搭配原理和基本色彩知识4.2 网页配色方案的选择和应用4.3 网页配色工具和资源推荐5. 图像处理和优化5.1 图像尺寸调整和格式转换5.2 图片压缩和优化技巧5.3 图像编辑和特效处理6. HTML和CSS基础6.1 HTML语言的基本结构和常用标签6.2 CSS语言的基本语法和常用样式属性6.3 网页布局的实现和样式调整7. 网页交互效果实现7.1 JavaScript语言的基本概念和应用7.2 基本的DOM操作和事件处理7.3 简单的动画效果和用户交互效果实现8. 创新思维和实践项目8.1 培养学生的创新意识和设计思维8.2 实践项目的设计和实施8.3 设计作品的展示和交流四、教学方法1. 理论讲授结合实例分析：通过讲解概念和原理，结合经典案例进行分析和讨论，帮助学生理解和掌握知识。
网页设计教学大纲
网页设计教学大纲一、引言在当今信息化的时代，网页设计作为一门新兴的技能和职业，越来越受到人们的关注和重视。
本教学大纲旨在能够全面深入地介绍网页设计的基本原理、技巧和流程，培养学员的网页设计能力，以满足广大学员在互联网时代对于网页设计人才的需求。
二、课程目标1. 理解网页设计的基本概念和原理；2. 掌握网页设计中的颜色、排版、布局等技巧；3. 学习使用常见的网页设计工具和软件；4. 实践中学习网页设计，并能够独立完成一个简单网页的设计；5. 培养学员的创新思维和审美观念。
三、课程内容及安排1. 网页设计导论1.1 网页设计概述1.2 网页设计的发展历程1.3 网页设计的重要性和作用2. 常用的网页设计工具和软件2.1 Photoshop的基本操作和应用2.2 Dreamweaver的基本操作和应用2.3 其他网页设计工具的介绍和应用3. 网页设计中的色彩运用3.1 色彩基础知识3.2 色彩搭配原则3.3 色彩在网页设计中的应用4. 网页设计中的排版与布局4.1 字体与排版原则4.2 布局与版面设计原则4.3 网页导航设计与布局5. 图片与多媒体在网页设计中的应用 5.1 图片处理与优化技巧5.2 Flash在网页设计中的应用5.3 音频与视频在网页设计中的应用6. 网页设计的交互与导航6.1 用户体验设计原则6.2 界面设计与导航设计原则6.3 响应式网页设计7. 网站上线与维护7.1 网页的发布与上线流程7.2 网站的维护与更新7.3 SEO优化和网站安全四、教学方法1. 理论讲授：通过课堂讲授，介绍网页设计的基本理论和原则。
2. 实践操作：针对每个知识点，设计相应的实践操作，让学员在实际操作中掌握技能。
3. 项目实训：设置网页设计项目，让学员在实际项目中应用所学知识，锻炼设计能力。
4. 互动讨论：鼓励学员参与课堂讨论，分享经验和设计思路。
五、评估方法1. 平时作业：布置相应的课后作业，考察学员对于所学知识的理解和掌握程度。
《网页设计》课程教学大纲
《网页设计》课程教学大纲
一、课程概述
网页设计课程是由语言编写的，通过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. 网页设计基础- 介绍网页设计的概念和重要性- 讲解网页设计的基本原理和规范- 网页设计的色彩和排版原则2. 网页设计工具和技术- 介绍常用的网页设计工具，如Adobe Photoshop和Adobe XD - 网页设计中的图像和多媒体元素3. 网页设计流程和方法- 分析网站需求和目标用户- 制定网页设计的整体构思和结构- 创建网页设计的草图和原型4. 网页设计实践- 进行网页设计的实际操作和练- 学生根据特定需求和要求进行网页设计- 评价和改进自己的网页设计作品教学方法- 理论授课：讲解网页设计的基本概念和原理- 实践操作：指导学生使用网页设计工具和技术进行实际操作- 作业练：布置网页设计相关的作业和练题- 课堂讨论：促进学生之间的交流和思维碰撞- 评估考核：通过作业、考试和项目评估学生的研究成果考核方式- 课堂作业：完成指定的网页设计作业和练- 考试：进行理论知识的考核- 项目评估：根据学生的实际网页设计作品进行评估参考资料- 《网页设计基础教程》- 《网页设计与制作教程》- 在线教学资源和相关网站以上是《网页设计课程教学大纲》的概述和主要内容，通过本课程的学习，学生将获得扎实的网页设计基础和实践能力，为将来的网页设计工作打下良好的基础。
Dreamweaver网页设计课程教学大纲
Dreamweaver网页设计课程教学大纲第一部分大纲说明1．课程的性质与任务“Dreamweaver网页设计”是计算机网络技术专业（专科）的一门统设必修课。
本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样式表；如何排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；网站的发布与维护等基本知识与应用。
目的是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，能够运用所学的知识进行网页设计。
2．与相关课程的衔接、配合、分工先修课程：计算机应用基础Photoshop图像处理等。
后续课程：Flash动画制作等。
３．课程的教学基本要求本课程要求学生掌握基本的HTML语言。
学会使用Dreamweaver开发工具进行网页设计。
这是一门重在实践的科目，因此需要学生多上机、多进行实际操作，把老师所教授的各种网页制作、版面设计以及程序熟练制作或调试出来，并且能够在此基础上有所创造、有更进一步的发挥。
4．课程教学要求的层次1．掌握：要求学生能够全面掌握所学内容，并能够用其分析、应用与Dreamweaver网页设计相关的问题，能够举一反三。
2．理解：要求学生能够较好地理解与Dreamweaver网页设计相关的问题，并且能够进行简单分析和判断。
3．了解：要求学生能够一般地了解的所学内容。
第二部分媒体使用与教学过程建议学时分配课程教学总学时90学时，5学分。
其中授课36学时，实训54学时。
2．多种媒体教材的总体说明1．本课程文字教材为合一型教材，文字教材作为学习的主要媒体，着重反映课程的基本知识和针对性、应用性，在形式上要便于自学。
在内容上包括基本理论知识讲解和实训两部分。
2．视频媒体配合文字教材的讲授，内容重点在于实训及辅导。
3．CAI课件作为网络教学媒体，可以在互连网上使用也可以单机使用。
《HTML网页设计》课程教学大纲
《HTML网页设计》课程教学大纲第一篇：《HTML网页设计》课程教学大纲《HTML网页设计》课程教学大纲一、教学目的和任务《HTML静态网页设计》是我院软件开发专业的专业基础课，选用教材《网页设计》，全书共分为17章，其中HTML内容占11章，包括HTML基本语法，常用标签的使用，表格的使用，层和框架的使用，在HTML中多媒体的应用，表单的使用，网页的图像及多媒体，以及站点的创建和管理。
其中重点包括常用标签的使用，表格的使用，框架和表单的使用，文字与段落，以及CSS应用。
一方面本课程通过对网页用户界面设计中的信息传达、视觉符号的应用等专业知识的讲授，让学生能掌握网页设计中相关的设计思维与视觉表现方面的知识，让学生把网站中要传达的信息通过数码交互媒体的手段展现出来。
另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握相关软件操作的基本知识，并能够通过灵活应用课堂知识处理一些在实际项目中遇到的技术困难。
二、教学方法与教学要求1课前认真备课，选好实例网页制作技术不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。
课堂教学是传授知识的主要方式和场所，目的在于将书本知识转化为学生的知识和技能。
为实现这一目的，我深入钻研教材，理清教材内容特点、编排次序和知识点之间的衔接关系，整理出一条条线索。
如在上第一节课时，我会从网上下载一些经典的并具有代表性的网页给同学欣赏，在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。
课堂的教学方法教学过程是教师与学生之间信息传递及反馈的过程。
“我认为教学的艺术不在于传授本领，而在于激励、唤醒、鼓舞。
”因此，在学习过程中，给学生明确的思路，激励学生积极主动参与思考，运用任务驱动法、模块教学法，案例教学法和项目教学法等教学手段，引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感，使学习兴趣长久地保持下去。
网页设计教学大纲
第一部分大纲说明一、课程的性质与任务本课程是非计算机专业的计算机公共选修课，是互联网应用的基本技术，通过该课程的学习，引导学生了解网页、网站、主页和WWW服务器的基本概念，熟悉建立网站以及发布网站的步骤和过程；掌握使用可视化网页制作工具Dreamweaver建立网站、制作网页的方法；能够收集制作网页的多媒体素材，熟悉基本的图像处理和动画制作技术；掌握使用HTML语言的基本知识等。
依据“项目导向、案例驱动、突出实践、关注过程”的教学理念，通过项目和案例，介绍Dreamweaver文本、图片、表格、层、超链接、表单、CSS以及行为和事件的使用方法，最终完成一个专题网站的设计与制作。
二、先修课程、学分及学时先修课程：大学计算机基础、计算机应用基础课程学分：2学分，课程学时：34学时，讲授和实验各17学时。
课外实践学时不少于30学时。
三、教学方法从最基本的软件概述、网页布局排版到网站的管理，涵盖了网页设计人员的各项基本技能和基本知识。
按教学环节力求循序渐进、深入浅出地讲解。
1. 实际教学以项目教学为主，以项目为主线索，逐步讲解各个知识点.2. 教学中抓住重点难点，对实际应用广泛的知识点重点讲解，通过强化训练，力求熟练掌握。
3．教学中因材施教，根据学生情况，不断改进教学方法，采用启发式、交互式教学，引导学生举一反三，掌握知识点之间的内在联系，学会灵活运用。
四、教学内容及学时安排理论教学（17课时）：第1章网页设计概述 1学时第2章网页元素的基本操作 1学时第3章超级链接 1学时第4章表格 1学时第5章层 1学时第6章框架 1学时第7章表单 1学时第8章网页图像设计 1学时第9章模板和库 1学时第10章行为 1学时第11章 CSS样式表 1学时第12章 Flash动画设计 1学时第13章动态网页设计 1学时第14章网站发布 1学时第15章课程设计指导 3学时实验教学(17课时+课外30课时)：实验1 网站建立与管理 1学时+2学时(课外)实验2 网页制作基础 1学时+2学时(课外)实验3 网页中的超级链接 1学时+2学时(课外)实验4 表格设计 1学时+2学时(课外)实验5 层技术的应用 1学时+2学时(课外)实验6 框架在网站中的应用 1学时+2学时(课外)实验7 表单设计基础 1学时+2学时(课外)实验8 网页图像设计 1学时+2学时(课外)实验9 模板与库的应用 1学时+2学时(课外)实验10 行为的应用 1学时+2学时(课外)实验11 CSS样式表的应用 1学时+2学时(课外)实验12 Flash网页动画设计 1学时+2学时(课外)实验13 留言簿的设计与实现 1学时+2学时(课外)实验14 网站发布 1学时+2学时(课外)实验15 专题网站课程设计 3学时+2学时(课外)五、教学参考书1. 魏聪等. 中文DreamWeaver8网页制作教程与上机实训. 北京：机械工业出版社，20082. 李京文. 网页设计与制作. 北京：高等教育出版社，20073. 杨选辉. 网页设计与制作教程. 北京：清华大学出版社，2005六、课程考核方式学生成绩由综合设计成绩和平时成绩两部分构成，综合设计为专题网站，需要提交到综合设计提交及评价系统，平时成绩由平时考勤、作业和上机实验等组成。
网页设计-教学大纲(同名27041)
《网页设计》课程教学大纲一、课程说明：课程类别：选修课适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。
计划学时：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）理解使用图像设计软件进行版式设计的方法。
- 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应用AP Div布局页面
掌握：使用AP Div布局页面
5.4AP Div与表格的相互转换
理解：APDiv转换与表格的互相转化方法
5.5框架的应用
理解：创建框架集及设置框架集属性
掌握：如何设置框架中显示的网页及框架的编辑
第6章表单的应用
6.1创建表单
理解：表单的概念
6.2添加表单对象
掌握：如何添加表单对象，如：插入文本域、插入单选按钮/单选按钮组、插入复选框/复选框组、插入选择框（列表/菜单）、插入文件域、插入按钮
6.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两者如何协同工作
实践教学内容：36学时
（本部分内容为学生上机自学内容、以每章习题中的实践题为实践内容）
实践目的与任务：
目的是让学生提高自己的实际动手能力，熟练掌握当前的流行网页制作工具，具备设计并且实现一个网站的能力。
基本要求：
（1）要求学生掌握网页基础语言HTML语言
（2）要求学生掌握通过Dreamweaver CS6建设网站和编辑网页的技术
（3）要求学生掌握通过Fireworks CS6进行图片特效处理及切片的技术
（4）要求学生掌握通过Flash CS6进行简单动画制作的技术
（5）要求学生掌握通过Photoshop CS6进行图片特效处理的技术
实践学时分配表
实践方法
通过模拟教材实例的方法掌握工具的基本用法，再试着改变一些设计内容和参数来设计自己喜欢或需要的例子，最终完成一个完全由自己规划和设计与制作的个人网站，并撰写出实验报告。
五、教材与参考书
教材：
1、张军凌，网页设计与制作教程，中国原子能出版社，第一版
参考书：
1、网页三剑客类书籍
2、赵丰年，网页制作教程，人民邮电出版社，第三版
六、考核方式
1、理论基础知识部分笔试考核，占60%
2、实验部分通过考查实验过程并和提交的个人设计作业进行实验成绩考核，占40%。