《 网页设计 》本科课程教学大纲
一、课程基本信息
课程名称 | （中文）网页设计 | |||||
（英文）Web Design | ||||||
课程代码 | 1030011 | 课程学分 | 4 | |||
课程学时 | 64 | 理论学时 | 32 | 实践学时 | 32 | |
开课学院 | 新闻 | 适用专业与年级 | 传播学三年级 | |||
课程类别与性质 | 专业必修课 | 考核方式 | 考查课 | |||
选用教材 | 《网页界面艺术设计》作者：何丽萍、ISBN：9787302564010、出版社：清华大学出版社、版本信息：第二版。 | 是否为 马工程教材 | 否 | |||
先修课程 | 图像处理 2030121 （4） | |||||
课程简介 | 本课程共64课时，其中实践教学为32课时，总计4学分。本课程使学生较为全面地掌握网页设计与制作技术，从而能创建出具有个性的、功能较为完善的、具有良好视觉效果的网站，与此同时，通过对网页创意及制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。通过本课程的学习，能熟练使用Dreamweaver软件；了解Web站点的工作原理，并指导WWW、HTTP、HTML的概念和作用；能掌握Web开发所需的HTML知识，了解HTML标签的作用与使用方法；能在网页中插入图像、表格、声音、多媒体信息；能了解CSS概念，熟悉常用的CSS属性，并能在网页中应用CSS样式；熟悉及应用Flash动画软件及其与Dr的交互。并最终能综合布局及设计开发主题站点及网页设计编排。 | |||||
选课建议与学习要求 | 本课程适合传播专业三年级学生学习。 学习网页设计的基础知识，了解网页的各种分类设计，网页布局及设计要求，能够通过软件设计和制作具有个性的、功能较为完善的、具有良好视觉效果的网站，掌握网页设计技能。从而更好的提高调研能力，软件使用素质和信息技术等相关素质。 | |||||
大纲编写人 | 王瑞莉 | 制/修订时间 | 2023.12 | |||
专业负责人 |
| 审定时间 | 2024.2 | |||
学院负责人 |
| 批准时间 | 2024.2 | |||
二、课程目标与毕业要求
（一）课程目标
类型 | 序号 | 内容 |
知识目标 | 1 | 理解网页设计的配色、版面和布局的合理规划。 |
2 | 理解网页制作的基本规范、方法和整体制作流程。 | |
技能目标 | 3 | 能够根据不同的网站类型进行网站框架的划定以及素材的主动搜集，并制作网页策划报告书。 |
4 | 能够使用dreamweaver软件进行网页的设计、编排和制作 | |
素养目标 (含课程思政目标) | 5 | 掌握网页设计的核心理论和基本知识。明确爱国、诚信、敬业、友爱的精神。 |
6 | 文本写作：根据不同传播渠道的规范要求，具备基本的文本写作能力。建立符合社会主义道德要求的价值观。 |
（二）课程支撑的毕业要求
LO1品德修养：拥护中国共产党的领导，坚定理想信念，自觉涵养和积极弘扬社会主义核心价值观，增强政治认同、厚植家国情怀、遵守法律法规、传承雷锋精神，践行“感恩、回报、爱心、责任”八字校训，积极服务他人、服务社会、诚信尽责、爱岗敬业。 ④诚信尽责，为人诚实，信守承诺，勤奋努力，精益求精，勇于担责。 |
LO2专业能力：具有人文科学素养，具备从事电子商务相关工作或专业的理论知识、实践能力。 ⑤掌握多种常用的新媒体技术，具备制作、传播各类媒介信息的能力。 |
LO7信息应用：具备一定的信息素养，并能在工作中应用信息技术和工具解决问题。 ②能够使用适合的工具来搜集信息，并对信息加以分析、鉴别、判断与整合。 |
（三）毕业要求与课程目标的关系
毕业要求 | 指标点 | 支撑度 | 课程目标 | 对指标点的贡献度 |
LO1 | ④ | M | .专业知识与德育元素自然和谐，明确爱国、诚信、敬业、友爱的精神，建立符合社会主义道德要求的价值观。 | 100% |
LO2 | ⑤ | H | 能够根据不同的网站类型进行网站框架的划定以及素材的主动搜集，并制作网页策划报告书。 | 30% |
能够使用Photoshop软件进行网页的设计、编排. | 20% | |||
能够使用dreamweaver软件进行网页的布局和制作 | 50% | |||
LO7 | ② | H | 能够使用PS和DW工具来编排信息和素材，并进行设计和制作 | 100% |
三、课程内容与教学设计
（一）各教学单元预期学习成果与教学内容
知识点：知道能描述网页、网站的相关概念，能了解Web标准的主要构成，能区别网页布局的基本类型。 能力要求: 能赏析优秀网站的布局结构、颜色搭配、视觉效果能解读网页的主要结构，能熟练获取优秀网站的素材。 教学难点: 优秀网页的布局独特，色彩搭配的变化以及信息互动等方面的学习较难。 |
第二单元、网站策划和规划 知识点：知道并能够描述网站建设的开发流程，能熟悉归纳用户需求要点的方法（分析） 能策划网站的建设方案并书写策划报告书（应用）。 能力要求：能有效沟通用户，进行网站需求调研；能够进行需求分析，确定网站的功能和风格进行网站架构设计，规划网站的内容结构、目录结构、链接结构；规范化地编写网站建设策划报告书。 教学难点:与用户的有效沟通以及网站功能和风格的设定。 |
第三单元、网页元素设计 知识点：能掌握网页元素的编辑方法：添加文本、格式化文本、创建列表、插入图像、文本超链接、 图像超链接、鼠标经过图像；能掌握表格的基本操作与属性设置（运用）；能理解表单在网页中的作用；能理解CSS对表格、项目符号、文字等的样式控制。 能力要求: 能创建并管理站点；能创建基本的图文网页；能在网页中插入数据表格，并编辑表格属性；能在网页中插入表单及表单对象。 教学难点: 表格的基本操作、设计和布局方法；表单在网页中的作用和设计制作。 |
第四单元、网站项目制作完成 知识点： 能进行网站的规划以及素材的搜集（理解）（分析）运用网页设计软件进行页面综合编排及各种页面之间的合理关联与跳转链接（应用） 能力要求: 能够形成纸质的网站信息结构图和策划报告。制作形成完整的、3级链接以上站点设计以及页面设计。 教学难点:网站信息结构图的绘制，网站整体设计制作和有效的合理的链接。 |
（二）教学单元对课程目标的支撑关系
课程目标 教学单元 | 1 | 2 | 7 | |||
第一单元 | √ | √ | ||||
第二单元 | √ | √ | √ | |||
第三单元 | √ | √ | ||||
第四单元 | √ | √ | √ |
（三）课程教学方法与学时分配
教学单元 | 教与学方式 | 考核方式 | 学时分配 | ||
理论 | 实践 | 小计 | |||
第一单元、认识网页 | 讲解+演示+讨论 | 演示和讨论优秀网页设计 | 2 | 2 | |
第二单元、网站策划和规划 | 讲解+演示+实践操作 | 编写网站策划报告书 | 4 | 4 | |
第三单元、网页元素设计 | 讲解+演示+实践操作 | 设计和制作完整的一级页面设计（包括首页） | 16 | 16 | |
第四单元、网站项目制作完成 | 讲解+演示+实践操作 | 设计和制作完整的二三级页面设计 | 10 | 10 | |
合计 | 32 | 32 | 64 | ||
（四）课内实验项目与基本要求
序号 | 实验项目名称 | 目标要求与主要内容 | 实验 时数 | 实验 类型 |
1 | 网站策划和规划 | 运用PPT撰写策划报告书及Photoshop进行网页的规划 | 6 | ④ |
2 | 网站综合一级页面制作 | 运用Dreamweaver软件进行网站一级页面制作 | 16 | ④ |
3 | 网站综合二页面制作 | 运用Dreamweaver软件进行网站一级页面制作 | 10 | ④ |
实验类型：①演示型 ②验证型 ③设计型 ④综合型 | ||||
本课程可以通过网站的策划选题，选择一些了解祖国的优秀传统文化和革命历史的选题，构建爱党爱国的理想信念。选择一些保护自然环境，珍惜生态环境，构建绿水青山的环保主题的选题。选择一些关爱留守儿童，关爱老人等社会热点话题的选题。 选题可以通过相关的专业知识，新媒体的手段，增加一些互动的动画、视频更好更生动的进行网络传播。 |
总评构成 | 占比 | 考核方式 | 课程目标 | 合计 | |||||
1 | 2 | 7 | |||||||
1 | 100 | ||||||||
X1 | 30% | 形成电子版的网站策划报告（PPT） | 20 | 80 | 100 | ||||
X2 | 40% | 形成完整的一级页面设计（首页+4-5P一级） | 50 | 50 | 100 | ||||
X3 | 30% | 形成完整的二级页面设计（10P二级） | 10 | 40 | 50 | 100 | |||
评价标准细则（选填）
考核项目 | 课 程 目 | 考核要求 | 评价标准 | |||
优 100-90 | 良 89-75 | 中 74-60 | 不及格 59-0 | |||
1 | ||||||
X1 | ||||||
X2 | ||||||
X3 | ||||||
X4 | ||||||
X5 | ||||||
六、其他需要说明的问题