静态网页设计教学大纲.doc

静态网页设计教学大纲课程类别： 专业基础课 课程属性： 必修课 学分/学时： 4学分/64学时 制 订 人： 课题组 适用专业： 信息技术相关专业 一、 课程的性质“静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。二、 与其它课程的关系序号前期课程名称为本课程支撑的主要能力1计算机应用基础（1）计算机的基本概念知识；（2）计算机基本操作能力；（3）Internet基础知识；2PhotoShop基础应用（1）版面设计知识（2）配色相关知识（3）平面图像处理基本技能序号后续课程名称需要本课程支撑的主要能力1PHP动态网站开发（1）网页设计相关常识（2）网站美工知识技能；（3）HTML技术知识；（4）能够设计制作网页界面。2JavaScitpt脚本编程（1）HTML技术知识；（2）数据表单知识；3ASP.NET程序设计（1）网页设计相关常识（2）网站美工知识技能；（3）HTML技术知识；（4）能够设计制作网页界面。4J2EE程序设计（1）网页设计相关常识（3） 网站美工知识技能；（3）HTML技术知识；（4）能够设计制作网页界面。三、教学目标1.知识目标(1)网站、网页、网页设计等的基本概念；(2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识；(3)理解和掌握基本的DIVCSS技术知识；(4)理解和掌握表格的基本知识；(5)理解和掌握数据表单的基本知识；(6)理解和掌握基本的框架网页知识；(7)理解和掌握网页图像、动画等多媒体应用知识；(8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识；(10)了解网页美工相关知识；(11)了解网站的测试、发布与维护的基本知识；(12)掌握网站制作流程2.能力目标(1)能运用HTML语言设置和编辑网页元素；(2)会使用Dreamweaver等网页设计工具制作网页；(3)能使运用基本的CSS技术设置网页风格；(4)能在网页中嵌入图像、动画、视频等多媒体元素；(5)能运用表格布局并设计网页；(6)能正确运用文字超链接、图像超链接技术设计网页；(7)掌握框架制作网页的方法，会使用框架设计网页；(8)掌握制作表单的方法，会利用表单建立交互式页面；(9)能看懂基本的HTML网页源代码。(10)会设计网页线框图，并能运用PS进行网页效果图设计(11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版(12)熟悉网站项目工作流程，能独立进行中小型网站设计。3.素质目标(1)具有信息资料收集与整理能力；(2)具备简单的需求市场分析能力；(3)具有一定的语言表达、沟通和协调能力；(4)具有良好的心理素质和责任意识，能及时完成任务的能力；(5)具有踏实肯干的工作作风；(6)具有一定的创新意识和艺术设计素质四、内容结构与目标任务部分内容结构知识点目标任务建议学时基础知识技能的学习网页设计概述主要讲述因特网、万维网、浏览器的概念；多媒体、超媒体、富媒体概念；网页和网站的概念；认识网页设计；网页设计师的从业之路；网页制作工具介绍。目标：学生你能从全局角度了解课程。任务：多观察同一类型、不同类型网页，分析其异同点。2网页排版技术主要从以下几个方面介绍网页排版相关知识：认识DW及HTML标记、文本元素、多媒体元素、超链接、框架、表格、CSS、表单、JS表单控制、DIV排版、综合应用。目标：能独立综合运用HTML及CSS进行复杂页面的排版。任务：多动手实践各环节案例项目，并争取能从模仿中创新。28网页美工技术主要从以下几个介绍网页美工设计的知识和技巧：网页配色、网页版面设计、常用工具介绍、页面元素设计、；整体设计、切片及排版、动画设计及应用。目标：能独立进行美观、清新、符合主题要求的界面创造，并能进行简单的网页动画设计。任务：多动手实践各环节案例项目，并争取能从模仿中创新。22整体规划设计主要从以下方面介绍网站项目盖饭从规划设计到发布运营整个工作流程：规划及流程、分析、设计、重构、制作、发布运营。目标：了解网站规划设计周边概念、一般方法、企业开发流程任务：按老师要求及企业规范完成项目规划设计12综合项目实践项目指导用不同类型的真是项目指导学生完成网页设计整个流程，带着同学们做。机动项目任务根据博客、企事业单位等不同类型网站的不同特点，分配几个类型的项目，让同学独立做。机动建议具体学时分配：第一部分：基础技能知识学习第一章 网页设计概述（2学时）主要讲述因特网、万维网、浏览器的概念；多媒体、超媒体、富媒体概念；网页和网站的概念；认识网页设计；网页设计师的从业之路；网页制作工具介绍。第二章 网页排版技术（28学时）主要从以下几个方面介绍网页排版相关知识：认识DW及HTML标记(2学时)；文本元素(2学时）；多媒体元素(2学时）；超链接(2学时）；框架(2学时）；表格(2学时）；CSS(4学时）；表单(2学时）；JS表单控制(2学时）；DIV排版(4学时）；综合应用(4学时）。第三章 网页美工技术（22学时）主要从以下几个介绍网页美工设计的知识和技巧：网页配色(2学时）；网页版面设计(2学时）；常用工具介绍(2学时）；页面元素设计(4学时）；整体设计(4学时）；切片及排版(4学时）；动画设计及应用(4学时）。第四章 网站整体规划设计（12学时）主要从以下方面介绍网站项目盖饭从规划设计到发布运营整个工作流程：规划及流程（2学时）；分析、设计、重构（4学时）；制作（4学时）；发布运营（2学时）。第二部分 项目实训（为机动学时）项目指导：用不同类型的真是项目指导学生完成网页设计整个流程，带着同学们做。项目任务：根据博客、企事业单位等不同类型网站的不同特点，分配几个类型的项目，让同学独立做。五、教学基本条件1.对教师的基本要求（1）团队规模基于每届学生规模，对教师数量的要求45名就能满足日常教学要求（含专业实训指导教师）。其中专职教师34人，兼职教师12人。职称和年龄结构合理，互补性强。（2）教师专业能力根据课程特点，要求教师具有一定的网站项目实施经验，系统掌握网页设计相关技术知识，具备中小型网站项目开发能力，掌握一定的教学方法与教学艺术。（3）课程负责人熟悉软件技术专业相关知识和高职教育规律、实践经验丰富、教学效果良好，具备“双师素质”的教师。（4）“双师素质”教师承担理论实践一体化课程和工学结合课程的专业教师应为“双师型”教师。要通过校企共建方式建设专兼结合的“双师型”教师队伍。2.教学硬件环境基本要求为了顺利开展本课程的教学工作，需要提供相应的硬件设备和软件工具，给学生一个真实的实践环境，而且还需要提供丰富的教学资源，以保证教学质量。（1）硬件设备局域网：实现教学广播等功能1) 投影仪一套：实现展示课件、展示实例、演示操作等功能2) 教师学生用机：50台以上3) 实训室面积：120平米以上（2）软件安装（随工具平台版本要求及时进行升级）1) 操作系统：Windows 平台操作系统2) 网页设计工具：Dreamweaver CS5或以上版本3) 图像处理：PhotoShop CS2或以上版本4) 动画制作：Switch/Flash5) 电子教室软件：实现屏幕广播、访问控制等功能3.教学资源基本要求（1）“静态网页设计”网络课程资源。（2）“静态网页设计”相关图书与期刊等图书资源。（3）完善的教学项目案例。（4）来自企业合作伙伴提供的企业生产与管理规范、生产案例等软资源。4.学生基础（1）具备基本的计算机文化基础知识；（2）具备基本的计算机操作技能；（3）Internet基础知识；（4）具备一定的色彩学基础知识；（5）具备一定的审美与美工创意基础； （6）图像处理相关基本概念（7）图像处理工具的基本使用能力；（8）具备基本的图像处理与编辑能力；六、其他说明1校企合作方式依托行业，与业内优势企业合作，构建校企合作，建设校外实训基地，为学生顶岗实习提供场所。聘请企业技术骨干作为专业顾问和兼职教师，参与课程建设与教学。要将行业企业的工作流程与规范、先进的企业文化引入教学中，较紧密的企业合作伙伴应不少于2家。2实施说明（1）根据专业服务的区域与行业的不同，以及我院实际条件，依据本课程教学设计，具体制订本课程的教学实施方案，进一步明确工作任务、资源条件、教学做合一的形式与成果等内容，规范和指导教学。（2）教学过程中，每24人一组，在教师的指导下，制定项目开发计划、时间进度、工作流程等，教师不仅在技术上予以指导，同时在质量、进度上给予把握和督促，从而确保项目开发顺利、规范地开展。3. 考核方式本课程的考核方式建议采用项目考核（上机）。