350vip浦京集团(中国)股份有限公司

SJQU-QR-JW-033（A0）

【网页设计】

【Web Design】

一、基本信息

课程代码：【2050168】

课程学分：【4】

面向专业：【传播学】

课程性质：【专业选修课】

开课院系：350vip浦京集团(中国)股份有限公司传播系

使用教材：【《Dreamweaver CC网页设计案例教程作者：胡新辰等出版社:中国青年出版社》】

参考书目【《网页设计创意书》,作者: 【美】Patrick McNeil,出版社:人民邮电出版社。】

课程网站网址：

https://elearning.gench.edu.cn:8443/webapps/blackboard/content/listContentEditable.jsp?content_id=_12200_1&course_id=_5580_1&mode=reset

先修课程：【图像处理，2030121（4）】

二、课程简介

本课程共64课时，其中实践教学为16课时，总计4学分。本课程使学生较为全面地掌握网页设计与制作技术，从而能创建出具有个性的、功能较为完善的、具有良好视觉效果的网站，与此同时，通过对网页创意及制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。通过本课程的学习，能熟练使用Dreamweaver软件；了解Web站点的工作原理，并指导WWW、HTTP、HTML的概念和作用；能掌握Web开发所需的HTML知识，了解HTML标签的作用与使用方法；能在网页中插入图像、表格、声音、多媒体信息；能了解CSS概念，熟悉常用的CSS属性，并能在网页中应用CSS样式；熟悉及应用Flash动画软件及其与Dr的交互。并最终能综合布局及设计开发主题站点及网页设计编排。

三、选课建议

本课程适合传播专业二三年级学生学习。

四、课程与专业毕业要求的关联性

专业毕业要求			关联
L011	LO111	倾听他人意见、尊重他人观点、分析他人需求。
L011	LO112	应用书面或口头形式，阐释自己的观点，有效沟通。
L021	LO211	能根据需要确定学习目标，并设计学习计划。
L021	LO212	能搜集、获取达到目标所需要的学习资源，实施学习计划、反思学习计划、持续改进，达到学习目标。	
L031	传播理论：掌握传播学的核心理论、基本知识。
L032	视频制作：掌握视频内容的策划、拍摄、后期制作，具备传播视觉化信息的基本能力。		
L033	文本写作：根据不同传播渠道的规范要求，具备基本的文本写作能力。
L034	新媒体运营：掌握互联网和移动互联网各类媒体工具的使用，具备新媒体的日常运营能力。		
L035	人文素养：对文学、绘画、影视、音乐、戏剧等文化艺术具有基本的鉴赏能力，体现出媒介内容制作的质量和品位。
L041	LO411	遵纪守法：遵守校纪校规，具备法律意识。
	LO412	诚实守信：为人诚实，信守承诺，尽职尽责。
	LO413	爱岗敬业：了解与专业相关的法律法规，充分认识本专业就业岗位在社会经济中的作用和地位，在学习和社会实践中遵守职业规范，具备职业道德操守。
	LO414	身心健康，能承受学习和生活中的压力。	
L051	LO511	在集体活动中能主动担任自己的角色，与其他成员密切合作，共同完成任务。
	LO512	有质疑精神，能有逻辑的分析与批判。
	LO513	能用创新的方法或者多种方法解决复杂问题或真实问题。
	LO514	了解行业前沿知识技术。
L061	LO611	能够根据需要进行专业文献检索。
	LO612	能够使用适合的工具来搜集信息，并对信息加以分析、鉴别、判断与整合。
	LO613	熟练使用计算机，掌握常用办公软件。
L071	LO711	爱党爱国：了解祖国的优秀传统文化和革命历史，构建爱党爱国的理想信念。
	LO712	助人为乐：富于爱心，懂得感恩，具备助人为乐的品质。	
	LO713	奉献社会：具有服务企业、服务社会的意愿和行为能力。
	LO714	爱护环境：具有爱护环境的意识和与自然和谐相处的环保理念。
L081	L0811	具备外语表达沟通能力，达到本专业的要求。
	L0812	理解其他国家历史文化，有跨文化交流能力。
	L0813	有国际竞争与合作意识。

五、课程目标/课程预期学习成果

序号	课程预期学习成果	课程目标（细化的预期学习成果）	教与学方式	评价方式
1	LO212	能够根据不同的网站类型进行网站框架的划定以及素材的主动搜集，并制作网页策划报告书。	宣讲网站所要传播的主题以及核心内容，讨论网站的策划框架及关联方式，通过不同渠道寻找页面所需表现的素材。	形成网站策划框架，网站策划报告。
2	LO34	能够使用dreamweaver软件进行网页的设计及编排	课堂上小组讨论的形式进行网站的设计与编排	形成完整的、2级链接以上站点设计以及页面设计
3	LO712	能够使用Flash软件进行网页动画的设计，并与dreamweaver进行交互	课堂上小组讨论的形式结合新媒体的技术进行动画的制作	形成2个网页动画

六、课程内容

标签的使用（理解）（应用）

能理解内容溢出的处理方式（理解）（应用）

单元	内容	知识要求	能力要求	理论课时	实践课时
1	认识网页	能描述网页、网站的相关概念（知道）能区别网页中的主要构成元素（分析）能了解Web标准的主要构成（理解）能区别网页布局的基本类型（分析）	能赏析优秀网站的布局结构、颜色搭配、视觉效果能解读网页的主要结构能熟练获取优秀网站的素材	6	2
2	使用Dreamweaver	能熟悉Dreamweaver的工作环境（知道）能掌握网页元素的编辑方法：添加文本、格式化文本、创建列表、插入图像、文本超链接、图像超链接、鼠标经过图像（运用）能掌握表格的基本操作与属性设置（运用）能熟悉框架布局网页的方法（运用）能了解行为动作的使用（理解）	能熟练操作Dreamweaver软件能创建并管理站点能创建基本的图文网页能在网页中插入数据表格，并编辑表格属性能在网页中插入表单及表单对象能在网页中插入flash、音频、视频等多媒体元素能制作框架网页	8	4
3	网站规划	能描述网站建设的开发流程（知道）能掌握沟通技巧（知道）能熟悉归纳用户需求要点的方法（分析）能熟记网站建设方案的书写规范（理解）	能有效沟通用户，进行网站需求调研能够进行需求分析，确定网站的功能和风格能进行网站架构设计，规划网站的内容结构、目录结构、链接结构能规范化地编写网站建设方案	8	2
4	网页元素设计	能理解CSS对项目符号的样式控制（理解）能理解表单在网页中的作用（理解）能理解表单对象的应用范围（理解）能理解CSS对表单对象的样式控制（理解）（应用）能理解CSS对表格的样式控制（理解）（应用）能理解
能用CSS制作各种网站导航条（横向导航，纵向导航）用能CSS实现图文信息列表能布局表单样式，并设计表单对象样式（输入框、文本域、下拉列表及按钮）能用Css设计数据表格样式	8	2
5	动画基本原理、动画元件的创建及其应用	能理解动画的基本原理（理解）（应用）理解动画中三种元件的绘制以及编辑（理解）（应用）三种不同元件的动画制作	 能够制作多图层的动画  能运用图形元件进行形体的编辑  能运用按钮元件进行动态按钮的创建  能运用影片元件进行复杂动画的制作	6	2
6	网站项目的完成	能进行网站的规划以及素材的搜集（理解）（分析）  运用网页设计软件进行页面综合编排及关联（应用）  能运用动画软件进行动画创建	形成纸质的网站策划框架 形成完整的、3级链接以上站点设计以及页面设计 形成3个网页动画	12	4

七、课内实验名称及基本要求

序号	实验名称	主要内容	实验时数	实验类型	备注
1	网页布局	运用Dreamweaver及Photoshop软件进行网页的布局	4	综合
2	网站综合制作	运用Dreamweaver软件进行网站制作	8	综合
3	网站动画制作	运用FLASH软件进行动画制作	4	综合

八、评价方式与成绩

总评构成（X）	评价方式	占比
X1	形成电子版的网站策划报告（PPT）	20%
X2	形成完整的、2级链接以上站点设计以及页面设计	60%
X3	形成2个网页动画	20%

撰写人：王瑞莉系主任审核签名：沈慧萍

审核时间： 2021年9月

2050168《网页设计》教学大纲

参考书目【《网页设计创意书》,作者: 【美】Patrick McNeil,出版社:人民邮电出版社。】