《网页设计》教学大纲
网页设计与制作_实验大纲
《网页设计与制作》课程实验教学大纲课程性质：独立设课课程属性：专业基础实验课适用专业：信息管理、应用技术、软件技术、多媒体技术学时：总学时 96 实验学时 32开出时间：一年级二学期综合性、设计性实验项目数：4 学时先修课程：计算机基础一、课程简介《网页设计与制作》课程是计算机专业的一门必修专业课程。
它涵盖Dreamweaver网页设计、Flash动画制作、Photoshop图像处理、动态网站等多项相关知识，通过开发一个网站，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《XML语言》、《动态网页制作》等课程打下一个坚实的基础。
通过本课程的学习，使学生掌握运用Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、等设计出多窗口网页、动态网页；能够利用Photoshop设计网页界面，处理图像；能够运用flash制作与网页相关的小动画。
从而能够承担网站制作的规划、设计以及制作；能够有清晰思路和动手能力解决各种各样的实际问题；并具有与客户沟通、与团队成员协作的能力。
从而培养学生的开发网站的能力和职业素质。
二、实验教学目的及要求通过上机实践，让学生掌握网页设计与制作的基本知识和基本技能，能较熟练地在Dreamweaver平台下合理设计网页并对站点进行规划、管理、发布，从而为下一阶段学习动态网页技术和高级Web程序设计打下良好的理论和实践基础。
三、实验项目设置表（注：“实验类型”：指演示性、验证性、设计性、综合性、研究性等）四、考核方法与评分标准上机部分考核采取上机表现成绩结合实验报告成绩的方式进行，分数组成为：上机成绩 =上机表现成绩（50%）+实验报告成绩（50% ）。
上机部分的成绩在本课程总成绩中占有的分值为20。
上机表现成绩基于上机实验出勤情况及上机过程的表现，每次上机对应1分。
实验报告成绩基于每个项目对应的实验报告完成情况，一个项目对应1分。
《网页设计与开发》教学大纲
《网页设计与开发》课程教学大纲《网页设计与开发》教学大纲一、课程简介网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。
课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局和整站建设三大内容，全面介绍了WEB站点设计与开发的基本操作技术和应用技巧。
本课程采用课堂与实践相结合讲授、案例向导的教学方式。
二、教学目标通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。
掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。
掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握HTML5最新页面开发技术；掌握综合网站设计和发布的基本流程和方法。
三、教学内容和要求1、教学内容教学内容主要分为基础内容和进阶提高两大部分。
基础内容全面地讲述了HTML、CSS、JavaScript技术。
主要包括HTML设计和开发所需了解的基本概念和框架结构；文字与段落、列表、超链接、表格、表单和多媒体在页面开发中的应用； CSS在实际开发中的应用技巧；JavaScript在动态网页开发中的基本概念和应用。
进阶提高主要包括web设计的基本原则和方法；基于表格的页面布局方法和基于div+css的页面布局方法，以及常见导航菜单的制作；HTML5中介绍了画布、新增表单元素及多媒体应用；综合案例系统介绍了网站开发从规划、实现到发布的完整过程。
2、教学要求●了解万维网的用途及网页设计的基本概念；●了解HTML、CSS、JavaScript在网页设计中的重要作用；●掌握HTML文档的基本结构及标记属性的使用方法和规则●理解HTML中的文本、字符、段落、表格、列表、表单标记的作用；●掌握主流页面布局方法；●理解JavaScript语言的作用和执行方式，掌握在网页中使用客户端脚本的方法，了解事件响应机制，掌握页面事件编程；●了解网页设计的基本原则和方法；●掌握HTML5最新网页设计技术；●掌握网站发布的基本流程。
《网页设计》教学大纲
课程名称：网页设计课程代码：总学分：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在动态网站上的应用。
网页设计与制作教学大纲
《网页制作及设计》教学大纲学时：72 学时课程类别：专业必修课适用专业：软件技术一、课程的性质及任务课程的性质：本课程是一门专业基础课，要求学生掌握HTML、css和dreamweaver制作网页的知识和技术，同时为后续课程的学习奠定基础。
课程的任务：通过本课程的学习，使学生了解网站开发的流程，掌握HTML和CSS技术实现网页的构建和美化，并用dreamweaver CS5工具实现网页的制作。
前导课程：计算机应用基础后续课程：Javascript、 Java Web组件编程等二、教学基本要求本课程以《计算机应用基础》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握HTML、CSS等网页基础编程知识，并使用主流工具Dreamweaver CS5进行网页制作。
三、教学条件多媒体教室，安装Adobe Dreamweaver CS5的一体化实训室四、教学内容及学时安排（一）优秀网页赏析教学时数：4教学目标：1.理解网站相关的概念。
2.了解网页的基本组成元素3.理解网站的主题定位，风格和网站布局。
4.制作第一个简单的静态网页教学重点难点：1. 理解网站的定位和风格2、学习模仿网页的色彩搭配2. 分析网站的布局3. 能模仿制作一个简单网页。
教学方法：案例演示、理论讲解教学案例：海尔集团网站（企业类）、携程旅游网（旅游类）、中国大众体育网（体育类）、新东方教育（教育类）、往届优秀毕业设计答辩系统、一个简单的静态网页理论教学内容：1. 不同行业网站赏析2. 网页及网站的概念和术语。
3. 网页组成元素。
4. 网站的策划及设计原则。
5. 网站的开发流程6. 应用HTML、CSS制作第一个简单静态网页实践教学内容：1.第一个静态网页实验目的：锻炼学生学会使用记事本编辑静态网页，使学生熟悉HTML标记语言和认识HTML语言的结构；提升学生学习兴趣和自信。
实验要求：要求学生会使用HTML搭建网页架构；在合适位置插入CSS代码并体会使用HTML制作网页的方法。
《网页设计与制作》教学大纲(2022版)
《网页设计与制作》教学大纲英文名称：Web Design and Production课程代码：221001005课程类别：专业基础课课程性质：必修开课学期：大一第2学期总学时：36（讲课：36）总学分：2考核方式：平时考勤、作业、课堂表现、期末大作业先修课程：计算机基础适用专业：网络与新媒体专业一、课程简介课程是网络与新媒体专业专业基础课，授课学期为大一第二学期，先修课程为《计算机基础》、《计算机网络技术》，后续课程有《动态网页设计》、《新媒体产品设计与管理》、《搜索引擎优化》等。
本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力，参照计算机高新技术网页制作员4级标准，以互联网上具体企业网站为工作任务，重点培养学生解决实际问题的能力，充分体现“职业性”的特点。
每个模块包含“知识拓展”和“能力拓展”部分，给学生留出足够的拓展空间，引导学生提出自己独特的设计思路，符合高职课程“开放性”的要求。
本课程以学生实践操作为主，要求课程全部在实训室完成，体现高职教育的“实践性”特点。
本课程主要通过理论授课的方式完成教学，授课课时为36学时，考核方式由平时考勤、作业、课堂表现和期末大作业构成。
二、课程目标及其对毕业要求的支撑本课程依据网页设计员、网页制作员、网站管理员所应具备的职业能力，以及计算机高新技术网页制作员（DreamWeaver平台）4级标准，培养学生网页设计与制作的职业能力、认真负责的工作态度、创新进取的学习态度、团结合作的团队精神，培养学生胜任工作岗位的基本技能和综合素质。
三、课程教学要求第一章HTML基础教学内容：第一节 Web技术简介第二节 HTML是什么第三节 HTML入门简介第四节本章总结学生学习预期成果：了解HTML基本概念、web前端技术。
教学重点：无教学难点：无第二章前端开发工具教学内容：第一节前端开发工具第二节新建HTML页面学生学习预期成果：了解前端开发工具，会搭建一个简单的HTML页面。
网页设计课程教学大纲
网页设计课程教学大纲课程概述本课程旨在介绍网页设计的基础知识和技能，培养学生的网页设计能力。
通过理论研究和实践操作，学生将掌握网页设计的核心概念，了解网页设计的流程和方法，以及熟悉常用的网页设计工具和技术。
课程目标- 了解网页设计的基本原理和概念- 研究网页设计的流程和方法- 熟悉常用的网页设计工具和技术- 培养学生的创造力和设计思维- 掌握设计符合用户体验和视觉需求的网页教学内容1. 网页设计基础- 介绍网页设计的概念和重要性- 讲解网页设计的基本原理和规范- 网页设计的色彩和排版原则2. 网页设计工具和技术- 介绍常用的网页设计工具，如Adobe Photoshop和Adobe XD - 网页设计中的图像和多媒体元素3. 网页设计流程和方法- 分析网站需求和目标用户- 制定网页设计的整体构思和结构- 创建网页设计的草图和原型4. 网页设计实践- 进行网页设计的实际操作和练- 学生根据特定需求和要求进行网页设计- 评价和改进自己的网页设计作品教学方法- 理论授课：讲解网页设计的基本概念和原理- 实践操作：指导学生使用网页设计工具和技术进行实际操作- 作业练：布置网页设计相关的作业和练题- 课堂讨论：促进学生之间的交流和思维碰撞- 评估考核：通过作业、考试和项目评估学生的研究成果考核方式- 课堂作业：完成指定的网页设计作业和练- 考试：进行理论知识的考核- 项目评估：根据学生的实际网页设计作品进行评估参考资料- 《网页设计基础教程》- 《网页设计与制作教程》- 在线教学资源和相关网站以上是《网页设计课程教学大纲》的概述和主要内容，通过本课程的学习，学生将获得扎实的网页设计基础和实践能力，为将来的网页设计工作打下良好的基础。
《网页设计》实训大纲
《网页设计实训》课程教学大纲实训课程名称：网页设计实训适用专业：计算机应用，电子商务课程性质：专业必修课课程学时：36课程学分：4先修课程：《计算机应用基础》、《Photoshop平面设计》一课程在人才培养中的地位与作用本课程主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
在本课程之前，学生已学习了《计算机应用基础》、《Photoshop平面设计》等基础课程的，具备基本的计算机操作与图形图像制作能力，本课程的后续课程是《ASP动态网页设计》。
二课程教学目标本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习《ASP 动态网页设计》课程打下基础。
本课程培养学生综合运用HTML技术制作网页，以及使用常用网页设计工具规划、开发、发布、管理静态网站的专业知识和技能，具备解决实际应用问题的方法能力，为以后的学习《ASP动态网页设计》课程打下基础。
具体目标如下：2.1知识目标◆能处理网页图形图像素材◆能规划、创建、发布、维护静态网站◆能运用javascript控制网页行为◆能运用多种布局技术制作网页布局◆能灵活运用css技术规范、美化网页内容◆能跟踪和学习并应用网页设计与制作的新知识和新技术2.2技能目标◆能合理的规划商业网站；◆能合理设计网页的布局方案和美术设计方案；◆能规范的编写网页策划书；◆能熟练应用Photoshop绘制网页导航要素；◆能熟练应用Photoshop绘制网页信息区块；◆能熟练应用Photoshop绘制网页美术文字效果；◆能熟练应用Photoshop处理网页插图；◆能熟练应用Photoshop绘制网页整体效果图；◆能熟练应用Photoshop正确的对网页效果图进行切片和优化；◆能熟练应用Dreamweaver进行网站站点管理和初始化页面；◆能熟练应用Dreamweaver对网页的总体结构进行排版；◆能熟练应用Dreamweaver对网页插片和文字进行编排；◆能熟练应用Dreamweaver制作网页的细节效果；◆能应用Dreamweaver进行DIV+CSS结构排版；◆能熟练应用Dreamweaver制作模板与网站子页；◆能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能；◆能熟练应用Dreamweaver链接网页与测试网站；◆能应用互联网资源发布网站；◆能熟练应用Dreamweaver维护网页。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页设计教学大纲
教材：《网页设计》
总学时：134学时
开课学期：第1—2学期
课程类别：必修
课程性质：专业基础课
适用专业：设计类
第一部分大纲说明
一、课程的性质和任务
在中等职业技术学校设计类专业所设置的课程中，网页设计是一门进阶性的设计课程，可以在平面学习的基础之上，不仅了解印刷产品谁，同时也能掌握电子产品内设计。
网页设计行业也是从事专业技术工作人员必须掌握的一项职业技能。
对中职学校的设计类专业来说，本课程的任务是培养学生具有一定的网页设计基础，同时也能够了解网页的结构以及简单的设计技巧，进一步提高学生全面素质，形成综合职业能力。
二、课程教学目的
通过本课程教学，使学生了解网页设计常用软件工具、功能的使用；理解WEB界面设计的流程及规范；同时了解WEB界面设计中各行业的设计风格；理解企业客户对设计的需求和期望值；掌握网站及软件界面设计的技能和技巧。
第二部分大纲内容
第一章WEB界面设计规范及流程
1、WEB界面结构与作用
2、WEB界面设计规范及流程
3、网页中的字体设计
4、网页中的图标设计
5、Banner设计
第二章企业网站WEB界面设计
1、了解企业网站结构、制作流程及设计规范
2、企业网站根据模块划分进行设计
3、企业网站色彩搭配
4、企业网站WEB界面赏析
第三章网站专题页WEB界面设计
1、了解专题页网站结构、制作流程及设计规范
2、专题页网站根据模块划分进行设计
3、专题页网站色彩搭配
4、专题页网站WEB界面赏析
第四章电子商务网站WEB界面设计
1、电子商务网站结构、制作流程及设计规范
2、电子商务网站根据模块划分进行设计
3、电子商务网站色彩搭配
4、电子商务网站WEB界面赏析
第五章 PC客户端软件界面设计
1、赏析PC客户端软件界面的类型
2、企业OA办公软件、触摸屏管理展示系统界面的分析与设计
3、PC端界面设计注意事项
第六章 WEB界面版式设计
1、运用所掌握的美学知识，进行版面的“点、线、面分割”，颜色搭配进行设计
2、设计出美观实用的WEB版面。
3、赏析优秀版式界面
第七章 WEB标准化布局基础
1、标签的使用
2、（X）HTML/HTML5语言
3、CSS/CSS3层叠样式表
4、导航排版布局
5、内容排版布局
第八章 WEB综合项目实战
1、企业网站项目实战
2、电商网站项目实战
3、专题网站项目实战
第三部分学时分配建议
本课程教学的最终要求是掌握网页导航、图标、广告（Banner）、动画等设计流程及规范同时了解整套网页设计流程及软件界面设计的技能和技巧，为所掌握的设计技能进一步提升。