视觉传达专业《网页设计》本科课程教学大纲.doc
视觉传达专业《网页设计》本科 课程教学大纲
《网页设计》课程教学大纲一、基本信息1．课程名称网页设计/Web Software Design2．课程代码163Y0153．课程类别学科基础（平台）课程4．课程性质专业必修5．学时／学分48/3（含4学时的植入式教学）6．先修课程Coreldraw软件设计、Illustrator软件设计、图形图象软件设计基础7．适用专业视觉传达设计专业二、教学内容及要求（一）课程教学目的通过学习使学生能够熟练地运用软件，并根据网站建设标准和行业不同，做出不同的设计。
在教学过程中，我们要采用启发式的教学，让学生更多的参与实践环节的练习，进一步了解网页设计的重要性。
（二）教学内容与学时分配本课程教学采用项目教学法，课堂讲授与工作室指导相结合的方式，教师结合相关设计项目讲解，使学生有具体的感性的认识，并通过具体设计过程的感受增加实践方面的知识。
要求学生完成CIS手册的制定，确立学生的整体系统的概念。
第一章网络、网页及网页设计的简介 (16学时)了解：网络、网页及网页设计的简介。
理解：分析网页的结构。
掌握：介绍网页设计的流程。
重点内容：分析网页的结构，介绍网页设计的流程。
教学难点：分析网页的结构及其设计流程。
第一节：网络、网页及网页设计的简介知识点：分析网页的结构。
第二节：分析网页的结构，介绍网页设计的流程知识点：分析网页的结构及其设计流程。
第二章设计稿的切分和图片的处理 (16学时, 含4学时植入式教学) 了解：创建表单。
理解：CSS样式表。
掌握：完整站点的设计和制作。
重点内容：图片的编辑，拼接与处理。
教学难点：完整站点的设计和制作。
第一节：创建表单。
知识点：CSS样式表。
第二节：完整站点的设计和制作知识点：图片的编辑，拼接与处理。
第三章站点管理，表格及其属性 (16学时)了解：网页的事件、行为与特效。
理解：GIF动画。
掌握：影音的插入。
重点内容：使学生能掌握主要工具并熟练使用。
教学难点：规范网站的制作。
第一节网页的事件、行为与特效知识点：GIF动画。
《网页设计》教学大纲
《网页设计》教学大纲一、课程的基本信息课程编号：02210100 课程性质：学科专业基础必修课学时：64 学分：3开课单位：信息管理系适用专业：数字媒体技术专业先修课程：计算机文化基础二、课程目的与任务本课程开设的主要目的是让学生拥有网页制作的基础知识。
通过学习，学生应掌握网页设计与制作的基本方法和应用技巧，并能顺利开发一个完整的网站。
本课程的主要任务是：增强学生的动手能力，以及对网站建设的整体掌握能力，使学生能自行设计并制作出一个简单的网站。
三、课程教学基本要求1、了解网页制作的基础知识，各专业素语的定义。
2、掌握网页常用制作软件Dreamweaver中各菜单、按钮的具体用法，及简单网站的制作。
3、理解网页中各专业素语之间的联系、区别及各自的运用范围。
五、课程教学基本内容第1章网页设计基础知识教学内容：网页中的相关概念；网页内涵；网页制作软件；网站运行方式；Dreamweaver CS3基本界面。
重点：Dreamweaver CS3的基本使用。
难点：网页内涵第2章创建站点教学内容：网站的规划；站点的定义和管理；文件和文件夹的创建。
重点：站点的定义和管理，文件和文件夹的创建。
难点：站点的定义。
第3章设置文档教学内容：文档的创建和保存；添加文档内容；设置文档格式。
重点：设置文档格式。
难点：设置文档格式。
第4章使用图像教学内容：网页图像格式；设置网页背景；插入图像；设置图像属性；创建网站相册。
重点：设置网页背景，设置图像属性。
难点：创建网站相册。
第5 章使用多媒体教学内容：使用Flash；使用Shockwave；插入特殊对象。
重点：使用Flash，插入特殊对象。
难点：使用Flash。
第6 章创建超级链接教学内容：超级链接的概念；普通超级链接；特殊超级链接。
重点：普通超级链接。
难点：锚记超级链接，图像热点超级链接。
第7 章使用表格教学内容：表格的概念；创建表格；编辑表格；嵌套表格；表格的导入、导出和排序。
《网页设计》教学大纲
课程名称：网页设计课程代码：总学分：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在动态网站上的应用。
《网页设计》大纲
网页设计课程名称：网页设计课程编号：12412219总学时36适用对象：教育技术学本科专业一、教学目的与任务1、教学目的：本课程是教育技术学专业的专业课程，具有很强的实践性，重在掊养学生开发与制作网络课件及网站的专业技能。
2、教学任务：学生通过本课程的学习之后能掌握网络课件及网站的开发与制作流程，能独立制作简单网络课程。
二、教学的基本要求本课程是一门实践性操作性很强的课程，重在培养学生的网页设计与制作的能力，为学生制作精品课程打基础，理论以精讲为主，但要注意给学生较多的上机实践机会，让学生在动手过程中提高网页制作能力。
三、教学内容与要求第一章WWW概述（一）教学内容1.1概述1.1.1什么是Internet1.1.2 Internet与TCP/IP协议1.1.3 Internet网络地址1.1.4 连接Internet的方式1.2 Web服务器1.2.1 Web/Server概述1.2.2 Windows Web 服务器的建立1.2.3 Unix Web服务器的建立1.3 Internet Explorer 概述1、设置Internet连接2、Internet的使用3、浏览Web的捷径4、可定义的浏览器5、便携机的最佳选择1.4 Internet Explorer的快捷键1.5 Internet 技术用语一览（二）教学要求本章内容比较简单且应用最为广泛,主要讲述了Web服务器的工作原理和Internet Explorer的使用方法,教师在讲述本章内容时应该多联系实际.。
这样可提高上课的趣味性。
第二章网页制作概述（一）教学内容2.1 网站的种类1、公司或单位的信息发布2、出版物3、个人主页4、网上购物站点5、专题介绍6、实用信息服务2.2网站结构的规划1.分级结构2.线性结构3.Web结构2.3网站的设计原则及标准1、网站要包括哪些内容2、怎样构思一个好网站3、什么是好的设计4、慎用图像5、设计主页的考虑2.4 网页外观的设计1.不要先决定网页的外观，然後强迫自已去适应它，应该从你的访客对像，你要传达的讯息以及你的制网目标推导出一个最适合的网页架构2.每页排版不要太疏或用太大的字，尽量避免看你的网页时要作很大的卷动，要知道在一页的上部分是显眼而宝贵的地方，不要只放著几个粗大的字或图片。
《网页设计》教学大纲
网页设计课程教学大纲一、课程说明【课程编号】【课程类别】专业选修课【学分、学时】2学分、48学时【授课对象】数字媒体艺术专业本科四年级【修订日期】2021年3月31日本课程是一门操作性和实践性很强的课程，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。
在学生具备了一定的计算机应用基础知识和平面图像处理基础能力的基础上，本课程主要介绍了网页设计与布局知识、网页制作技术以及Dreamweaver、Sublime Text等网页编辑与制作软件的使用，让学生具备熟练地制作出有专业水准的网页的能力。
本课程在教学设计当中充分融入思想政治德育教育的元素，突出以专业技能和理论知识为主、思想道德教育为辅的教学特点，发挥出思政教育在专业课程教学中的作用。
在教学过程中，引入实事政治案例，对学生进行正确的价值观的影响，使专业课程教学发挥引领学生树立正确价值导向的作用。
教学环节中，让学生参与讨论和互动，在选择案例和实践操作上多聚焦中华传统文化、国内优秀网页设计作品等，引导学生从全球视野看待中国文化，增强学生的价值认同与文化自信；在学习专业知识的同时，谈理想谈目标，在讨论过程中引导学生将专业知识与实际应用联系在一起，将个人理想与建设祖国联系在一起，从而进一步达到课程思政的教学目的，提高学生课堂学习的收获感、成就感，增强立德树人的成效，实现课程思政的教学效果。
表1 本课程对毕业要求支撑关系矩阵表注：课程矩阵图中课程与毕业要求各项相关关系，按照H （高相关）、M （中相关）、L （低相关）填写。
二、课程目标通过本课程的学习，培养学生利用网页设计技术进行网站设计与开发的基本知识和技能，能基本胜任网页制作的岗位。
通过教师的教学工作，不断激发并强化学生的学习兴趣，并引导他们逐渐将兴趣转化为稳定的学习动机，以使他们树立自信心，锻炼克服困难的意志，乐于与他人合作，养成健康向上的品格。
同时，培养学生严谨、细致的工作作风和认真的工作态度。
《网页设计(实践)》课程教学大纲
《网页设计（实践）》课程教学大纲
英文名称:WebDesign
课程编号：130527041
课程学时：32 学分：2
设课方式：单独设课
适用对象：数字媒体艺术本科专业三年级学生
大纲主撰人：大纲审核人：
本实验课程教学目的与教学基本要求
通过本实验课程的学习，要求学生掌握HTM1语言的基础知识，熟悉CSS格式语言，能够对网页进行布局和基本美化，能够使用ΠS架设本地WEB服务器，了解动态网站有关知识。
通过设计制作的实践过程，加深学生对该课程内容的理解与把握，使学生具备基础的HTM1语言阅读能力和静态网页制作能力。
二.实验项目一览表
实验项目目的和要求：
［序号IMPC端网站制作］：
使用<Div>+CSS进行网页布局
运用平面设计思路，美化网页
完成一个概念清楚、内容完整的Pe端网站
使用HS使之上线，能够通过局域网访问为最低要求
［序号2］.［移动端网站制作］：
选择合适的HTM15编辑工具
运用平面设计思路，美化网页
完成一个概念清楚、内容完整的移动端网站
通过微信向大家分享
三.考核方式
考查：在规定时间内完成某网站的制作，根据完成度评分。
成绩评定：平时作业（30%）+期末考核（70%）
四 .其他说明（前需后续课程等）
设计概论、版式编排设计、平面构成、色彩构成为前需课程。
交互设计、新媒体内容产品设计为后续课程。
五.教材、指导书及参考书目
[1]张明.网站开发与网页设计.北京：清华大学出版社,2011
[2] TerryFe1ke-Morris.HTM15与CSS3网页设计基础.北京：清华大学出版社,2013。
《网页设计》课程教学大纲
《网页设计》课程教学大纲一、课程说明：课程类别：选修课适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。
计划学时：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）理解使用图像设计软件进行版式设计的方法。
《网页设计》教学大纲
教师学科教案[ 20 – 20 学年度第__学期]任教学科：_____________任教年级：_____________任教老师：_____________xx市实验学校《网页设计》教学大纲课程英文名：Webpage Design课程代码：15450030 学分：2总学时：36课程性质：专业课考核方式：机试课程类别：专业选修课开课单位：计算机科学与技术系先修课程：大学计算机基础适用专业：本科层次市场营销专业一、教学目标通过本课程的学习，使学生了解有关Web网站建设的基本概念与方法，掌握网页设计制作的方法，HTML超文本标记语言的使用，相关美学的知识与网页制作流程。
主要掌握HTML 语言用，了解Dreamweaver的基本功能和使用方法,以及本课程相关技术的发展趋势。
二、教学要求通过本课程的学习要求学生掌握网页设计与制作的基本方法与程序，掌握基本的语言和相关软件以及设计基本技巧。
不但能独立完成简单的网页制作方法，还要增强合作精神，实现多人合作完成较大网站的制作。
本课程教学由简入深，主要采用以下教学方法：（1）指定教材中的经典实例，让学生操作实现。
（2）参观与模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。
（3）综合运用基本知识点，实现复杂综合功能。
（一）要求教学过程注意以下几方面内容:1、注意所涉及的网页设计的基本概念，基本原理的学习，每堂课都加有案例讲行讲解，避免有理论，没实践。
2、加强实践教学环节。
依据本课程的特点，增强学生的动手能力，教师的讲解与学生实习相结合，避免有实践，没理论。
3、充分利用多媒体与讲解、演示与讲解、网络查阅浏览等教学手段，每节课根据教学内容的不同运用启发式、情境式等教学方法。
4、要把当前最新的知识介绍给学生，使学生学以致用，增加就业机会。
（二）作业：重要章节布置实习题目，以巩固学生的学习效果，促进其多思考，培养学生的创意和设计能力。
（三）考试：采取上机考试形式进行考核，考试内容详见考试方案，考试最终以作品形式上交。