数字媒体艺术——《网站设计》课程教学大纲.pdf

《网站设计》 课程教学大纲 （试行） （课程代码：13122310） 本课程标准由美术学院数字媒体艺术系讨论制定，美术 学院教学工作委员会审定，教务处审核批准。 一 课程基本信息 课程名称：网站设计 课程代码：13122310 课程类别：专业拓展课 适用专业：数字媒体艺术 课程修读性质：选修 学分： 2 学分 学时：36 学时（理论 6 学时/实践 30 学时） 二 课程定位 《网站设计》课程是数字媒体艺术专业的一门专业拓展课程（选修课程）。主要培养学 生从事网站设计的基本技能，使学生掌握网站设计的概念和方法，能够运用专业的网站设计 工具，进行网站规划、建立和维护，具备网站设计岗位的基本技术执行能力，为数字媒体新 媒体研究提供多方位的帮助。 三 课程目标 学生通过本课程的学习，学生能够独立进行静态或动态网站设计的实际工作能力为学习 目标，要求学生具备综合运用 PS/CDR/AI 等工具技术制作网页，规划、发布管理网站的专业 知识和技能，形成解决实际应用问题的方法能力，为以后开发研究新媒体打下基础。 知识目标 通过本课程的学习，能处理网站图形图像素材；能规划、创建、发布、维护动静态网站； 能运用控件控制网页行为；能运用多种布局技术制作网页布局；能灵活运用相关技术规范、 美化网页内容；能跟踪和学习并应用网站设计的新知识和新技术。 能力目标 通过本课程的学习，学生应能合理的规划商业网站；能合理设计网页的布局方案和美术 设计方案；能规范的编写网页策划书；能熟练应用 Photoshop 绘制网页导航要素；能熟练应 用 Photoshop 绘制网页信息区块；能熟练应用 Photoshop 绘制网页美术文字效果；能熟练应 用 Photoshop 处理网页插图；能熟练应用 Photoshop 绘制网页整体效果图；能熟练应用 Photoshop 正确的对网页效果图进行切片和优化；能基本应用 Dreamweaver 进行网站站点管 理和初始化页面；能基本应用 Dreamweaver 对网页的总体结构进行排版；能基本应用 Dreamweaver 对网页插片和文字进行编排；能基本应用 Dreamweaver 制作网页的细节效果； 能应用 Dreamweaver 简单进行结构排版；能基本应用 Dreamweaver 制作模板与网站子页； 能应用 Dreamweaver 制作框架页面结构和简单页面脚本交互功能；能简单应用 Dreamweaver 链接网页与测试网站；能应用互联网资源发布网站； 素质目标 通过本课程的学习，提高学生的审美意识、艺术格调、人文修养等素质，培养良好的劳 动纪律观念；培养认真做事、细心做事的态度；培养学生的执行能力。 四 课程内容 序 号 课程 模块 学时 理论 实践 学习目标 学习内容 学习重点 1.深入学习 Photoshop 的编排技能，使其网站 设计课程顺利完成。 1.理论教学内容： （1）应用 Photoshop 绘制网页导航要素； （2）应用 Photoshop 绘制网页信息区块； 2.实践教学内容： （1）应用 Photoshop 绘制网页美术文字效果； （2）应用 Photoshop 处理网页插图； （3）应用 Photoshop 绘制网页整体效果图； （4）应用 Photoshop 正确的对网页效果图进行切片和优化。 1.应用 Photoshop 绘制网页 整体效果图、正确的对网页 效果图进行切片和优化。 6 6 2 网站设 计编排 发布 1.简单了解运用 Dreamweaver 对网站进 行合理布局及发布。 1.实践教学内容： （1）应用 Dreamweaver 进行网站站点管理和初始化页面； （2）应用 Dreamweaver 简单进行结构排版； （3）应用 Dreamweaver 制作模板与网站子页； （4）应用 Dreamweaver 制作框架页面结构和简单页面脚本交 互功能； （5）应用 Dreamweaver 链接网页与测试网站；能应用互联网 资源发布网站。 1.应用 Dreamweaver 进行网 站站点管理和初始化页面、 简单进行结构排版、制作模 板与网站子页、制作框架页 面结构和简单页面脚本交 互功能、链接网页与测试网 站、能应用互联网资源发布 网站。 0 12 3 原创网 站设计 1.使学生在网站设计方 面有一定的执行能力。 1.实践教学内容： （1）根据所学内容原创设计一个属于自己的网站。 1.网站设计合理性 0 12 制作图 文混排 网页 1 五 教学方法、手段建议 本课程主要采用讲授法、案例分析法、任务教学法等方法，课堂讲授采用多媒体教学。 六 课程考核建议 考核方式建议：本课程考试为专业课程考试，采取将平时成绩和期末卷面综合考核的方 式，实行随堂考试，成绩记载采用百分制，其中平时成绩占 30%，期末成绩占 70%。在成绩 评价方式上，应注重学生学习过程评价和能力考核，突出阶段评价，目标评价，理论与实践 一体化评价，注重学生动手能力和分析问题、解决问题能力的考核，关注学生个体差异，鼓 励学生创新实践。教师根据学习目标制定相应的平时和期末考试内容，由学生独立完成。任 课教师根据学生的作业完成质量和评分标准进行成绩评定。课程结束后，由各任课教师按照 美术学院统一制定的专业课程考试成绩评分表，将学生期末考试成绩如实填到评分表上，连 同期末考试作品一起拍照，并交到美术学院实验教学中心存档。 七 教材选用及主要参考书建议 教材选用 教材建议选用“十二五” 、 “十三五”国家规划教材、省部级获奖教材和近三年出版的优 质教材。同时将国内、外优秀的教材作为补充材料推荐给学生。 主要参考书 [1]《网站设计开发维护推广从入门到精通》.何新起 娄彦杰.人民邮电出版社，2016 年 [2]《网站设计与制作》.秦勇 侯佳路.中国铁道出版社，2016 年 [3]《Photoshop 网站 UI 设计》.张晨起.机械工业出版社，2016 年 [4]《新编网站设计与网页制作》.龙马高新教育：人民邮电出版社.2015 年 [5]《Photoshop 网页设计与配色》.刘玉红.清华大学出版社，2015 年 执笔人：冯家著 审定人：淳于慧峰 2015 年 7 月制订 2017 年 7 月修订