《网页设1》课程教学大纲

《网页设计》课程教学大纲课程名称（中文/英文）：网页设计/planningofwebpage课程类别：专业基础课课程性质：必修课 适用专业：艺术设计专业（视觉传达设计方向）学时数：48学时 其中：实验/上机学时：16学时学分数：2.5 考核方式：考查预修课程：视觉语言1,2 图形设计创意思维专业设计软件应用教学参考书：《网页设计与制作》宋永胜辽宁美术出版社2013.04《DIV+CSS网页布局商业案例精粹》张晓景电子工业出版社2010.06开课单位：艺术设计学院视觉传达设计系（教研室）课程简介：（150～500字）网络技术的出现与应用使人类的空间距离缩短，世界变成了地球村。资源共享，沟通无限，人机交互、人人交互，升级了人类的传播文明。网页设计与制作已成为当今传播领域必需的技能，信息整合与信息更新技术更给设计师带来了严峻的历史性挑战和前所未有的机遇。信息技术已成为产业（IT）。本课程带领你进入到网页设计与制作的发现王国，培养学生熟练掌握新媒体策划与表现的数码技能。本门课程对学生知识、能力和素质的培养目标：通过对“网页设计”课程的学习，使学生明确网络、网站、网页的关系及交互艺术的属性。掌握网页艺术设计的基本原理；掌握网页制作的基本技术并“举一反三”；掌握DIV+CSS架构与表现分离的时尚布局,能够开发、建设结构完整、构思新颖、完全适合市场需求的网站。5．通过设计实训，培养学生具备与社会密切结合、理论联系实际、整体的策划理念及动手能力。教学目的和要求第一章网络与网页设计原理 （4学时）通过对网页策划、设计及制作原理的解析、学习与训练，以知识的角度用艺术的方式去认识、发现、表现新的传播媒体，利用数码技术语言，建构信息设计创意的方法和手段，并运用到具体的交互式信息传播与更新的形态表现中，完成网页架构原型设计草图，模块数码架构制作实践。教学重点和难点重点：网络网站关系，交互艺术特性。难点：模块架构布局,布局与表现分离。教学内容第一节网络与网页解析：WWW(WorldWideWeb)（http:// fttp://）第二节语言结构：超文本标记语言HTMLXHTML DIV+CSS第三节信息模块整合与架构第四节网络架构语言教学目的和要求第二章网页架构与元素（4学时）本章课程的教学从Index（索引）页面设计的基础训练入手，要求学生了解各种超级链接的性能及属性，掌握链接结构设计和CSS样式造型，完成网站内、外部链接结构的设计与制作，并符合网站的基本功能。要求创意与制作并举，课堂学习与社会实践相结合，使学生能在掌握基础知识与基本技能的基础上，完成网页手写代码的实践。教学重点和难点本章节重点是网页结构标记认知与应用，通过对四对标记重点研究，掌握网页布局代码写法与选择符的规范应用，解决终端显示与代码的物理拓扑认知，为以下学习打牢基础。教学内容第一节Index（索引页面的属性）第二节网页架构与布局（DIV+CSS）第三节超级链接锚点连接第四节网页形态元素（文字色彩图形图像音乐动画视频）第五节网页构成元素（架构表现速度空间）教学目的和要求第三章DREAMWEAVER软件解析与应用（12学时）本章由教师带领学生完成《百道艺术设计会所(》网页的设计与制作。目的在于学生对网页设计原理的直观理解，对制作技术应用做到“举一反三”，灵活多变。严格要求学生在遵守“W3C”组织规范的基础上有自主创新和延展，并将作业上传到网络空间接受社会的检验。教学重点和难点重点把握网页整体策划的规范性和严格的技术构成性，并根据技术规范使用Photoshop制作网页原文件，使用Dreamweaver软件制作页面，做到“有的放矢”。难点是熟练应用模块的灵活布局和表现的分离技术，掌握视觉元素的优化法则。教学内容第一节站点规划建立第二节页面尺度与架构(DIV第三节网页色彩安全属性（216WebColor）第四节素材优化应用与管理（GifJpeg）第五节CSS层叠样式表现第六节交互动画制作及信息动态导航第七节动作行为事件语句第八节空间测试与修正第九节网站上传与信息更新管理第十节代码优化与下载速率教学目的和要求第四章静态页面与视觉元素 （12学时）本章节与第三章节密切相连，目的通过对网页制作技术的实践，启发学生多用心、用脑、用眼、用手，多维度的思考问题，激发自身的设计灵感，从应用入手，完成网站的整体策划与制作。教学重点和难点重点是策略与定位学习，通过对市场的调研，案例的解析，关注用户需求，网站准确定位，展开模块分析，始终贯穿整体的概念和社会需求，指导学生独立完成考核作业。教学内容第一节页面设计与栏目规划第二节页