《网站建设与管理》课程标准

《网站建设与管理》课程标准一、课程名称网站建设与管理二、适用专业中等职业学校电子商务专业、计算机相关专业三、课程性质与地位本课程是中等职业学校电子商务专业、计算机相关专业的一门核心课程，是从事网站设计岗位工作的必修课程。其功能是使学生掌握网页设计与网站建设的职业技能，具备从事网页制作、网站维护等相关职业能力。四、课程目标（职业能力要求）通过本课程的学习，使学生了解网站设计和开发流程，掌握常用的网页制作技术，能够灵活应用Dreamweavercs5创建、管理网站和制作网页。通过本课程的学习，培养学生对文字、图像、动画、颜色搭配等的处理能力，为学生今后能设计出高质量的网页打下坚实的基础。以下是具体的职业能力培养目标:能熟练的了解网站开发的整个流程能熟练掌握网页制作软件Dreamweaver能掌握当前主流的网页布局技术能用Photoshop制作网页的各种图片素材能用Flash制作网页的动画素材能学习网页设计与制作的新知识和新技术能很好的胜任网页制作员这个职位五、建议课时及教学说明序号教学内容讲授课时实践课时总课时1网页制作基础86142Dreamweaver快速入门820283Dreamweaver高级应用48124CSS样式基础4485DIV+CSS网页布局920296Photoshop在网页制作中的应用2577Flash在网页制作中的应用2688综合实训46109主题网站创作11112总课时4286128六、课程内容与要求工作任务技能与学习水平知识与学习水平课时1.网页制作基础1.互联网与网站能区分不同类别的网站。能区分主机名、IP地址与域名。1.认识互联网与网站认识网站的分类。认识IP地址和域名。12.网站设计的基本规范通过观察一个网站，能总结出该网站的定位以及目标群、风格、结构布局和主色调及主要颜色。通过浏览网站，能总结该网站的优点与缺点。2.了解网站设计的基本规范理解网站的定位、风格、结构布局、色调。能说出一个优秀网站所具备的特征。23.常用建站技术能区分静态网页和动态网页。能通过观察URL地址栏说出某个网站使用的建站技术。能写出常见的几种动态网站的技术框架。3.了解常用建站技术理解静态网页和动态网页的概念。了解几种常见的建站技术。认识常见动态网站的技术框架。14.HTML语言能正确书写HTML文档的基本机构。能用HTML常用标签为网页添加文字、图片、表格、超链接、列表、表单、音乐、动画。4.认识HTML语言认识HTML和标签的格式。掌握文字设计与页面布局、图片、表格、链接、列表、表单等标签的书写格式。102.Dreamweaver快速入门1.创建本地站点能按规范创建本地站点目录。能用Dreamweaver创建站点。能正确创建、保存HTML网页01.本地站点能记住站点常用目录名称。能记住创建站点需要设置那些选项a1工作任务技能与学习水平知识与学习水平课时2.文本的基本操作能在网页设计视图中输入文字。能用文字属性面板修改文字的字体属性。能创建项目列表和编号列表。2.文本理解页面属性对话框里每个分类的作用。记住文本插入和编辑的方法。记住列表插入和编辑的方法。33,插入网页表格能创建表格并能设置表格的各个属性，能编辑、修改表格。会设置单元格属性，能拆分、合并单元格，能编辑、修改单元格。能利用表格布局页面结构。3.网页表格理解表格所有属性的涵义。理解单元格所有属性的涵义。记住对表格、单元格进行编辑、修改的方法。立即绝对宽度与相对宽度。64.创建超级链接能创建文字、图像、热点、锚记、邮件、空链接。能用页面属性设置链接不同状态的文字颜色。4.超级链接理解相对路径的绝对路径区别。理解链接相关属性面板中各属性的涵义。45.制作学友书店的网页主页能在网页中插入和编辑图片。能在网页中插入动画。能插入ActiveX控件。5.多媒体对象理解图片属性面板各属性的涵义。理解flash对象属性面板各属性的涵义。26.插入布局对象DIV能创建DIV对象。能绘制APDIV布局对象。能嵌套布局对象。6.布局对象DIV理解“插入DIV标签”对话框中各属性的涵义。理解"APDIV”各个属性的涵义。67.管理框架及网站资源能创建框架、设置框架属性。能制作常见的框架网页。能对框架网页进行超链接。能使用资源面板管理网站的资源。7.管理框架及网站资源理解框架集、框架的各个属性的涵义。理解框架集里各个框架页之间的关系。列举框架网页的各种常用类型。记住资源加入收臧和在网页中插入资源的方法。6工作任务技能与学习水平知识与学习水平课时3.Dreamweaver高级应用1.创建简单的JavaScript网页特效能正确插入已给定的带注释JavaScript代码。能给自己的网页添加一些常用的网页特效。1.简单JavaScript网页特效理解什么是JavaScript代码。掌握将JavaScript代码的书写格式。22.制作“学友书店”的登陆表单能添加表单及各种表单元素。能正确设置表单及各种表单元素的属性。能制作“登陆用户”界面。2.表单理解表单与表单元素的关系。能列举表单对象的种类及作用。能理解表单及各种表单元素属性的涵义。63.使用Spry表单元素能制作验证登陆用户的用户名文本域效果。能制作验证选择的效果。能制作验证密码及确认密码的效果。Sp”表单元素理解验证文本域各属性涵义。理解验证单选框和复选框各属性涵义。理解Spry验证密码属性。记住加入验证确认对象的方法。44.CSS样式基础1.创建CSS样式会创建css样式规则。能导入外部的样式文件。能导出已创建的样式。1.CSS样式基础理解CSS样式的作用。记住创建、导入外部样式、导出样式的方法。22.定义CSS属性能设置网页中常用样式。能使用样式表对网页进行整体设计。能获取各种样式表资源。2.定义CSS属性•理解类型、背景、区块、方框、边框、列表、定位7种分类样式的属性涵义。43.应用鼠标指针和滤镜会设置鼠标样式效果。能使用滤镜制作一些常见网页特效。3.应用鼠标指针和滤镜记住定义鼠标指针的方法。理解滤镜里每个选项的作用及函数中参数的涵义。25.DIV+CSS网页布局1.了解DIV+CSS•观察一些主流网站，能找出该网站采用的主要布局方式。1.了解DIV+CSS•了解DIV+CSS布局的优势及不足。1工作任务技能与学习水平知识与学习水平课时2.盒子模型能准确说出网页中某特定对象的宽度、边框、填充、间距的值。能将某个对象准确的加入到指定的网页中的位置。2.盒子模型•理解盒子模型及其content>board>padding>margin等属性的涵义。23.一列布局能制作出一列二至多块布局的网页。能设置网页内容为固定宽度、自适应宽度、居中对齐。3.一列布局•记住一列固定宽度、固定宽度居中、自适应宽度、一列二至多块的布局方法。44.二列布局和三列布局能制作二列、三列布局的网页。能设置网页内容为固定宽度、自适应宽度。能完成复杂网页的排版布局。4.二列布局和三列布局理解块级元素和内联元素的区别。理解float属性的涵义。记住二列自适应宽度、二列固定宽度、三列自适应宽度、三列固定宽度的网页布局方法。84.制作弹出式菜单能制作纵向式二级弹出式菜单。能制作横向弹出式菜单。能用样式美化弹出式菜单。5.导航式菜单理解相对定位和绝对定位。理解浮动的作用和各选项的涵义。86.DIV+CSS综合实例能根据给定的网页效果图，用画板绘制出网页布局结构图。能用各种布局元素完成该商业网站首页的布局。能灵活应用列表、图片、表单、文字等对象完成该商业网站首页的制作。6.DIV+CSS综合应用复习巩固表单、列表、图片的对象的插入与编辑。巩固css样式面板相关知识。66.用Photoshop绘制“学友书店”首页网页模板1.网页区域的划分•能列举常规网站主页的必备元素。1.认识网页区域的划分•认识网页区域的划分12.用Photoshop绘制“学友书店首页网页模板•能应用Photoshop绘制出“学友书店”首页网页模板。2.用Photoshop绘制“学友书店”首页网页模板•了解的Logo和Banner的制作规范。4工作任务技能与学习水平知识与学习水平课时3.网页切片工具•能用切片工具切割模板并能正确导出切割好的图片。3.网页切片工具掌握Photoshop切片工具的使用方法。掌握切片的一些技巧。27.Flash在网页制作中的应用活动1.制作Banner动画创建、保存、导出flasho能导入素材到舞台和库。制作“学友书店”banner动画。1.Banner动画理解舞台、元件。理解时间轴、帧、关键帧、补问动画。69.制作图片切换播放效果•能应用遮罩制作图片切换播放效果。9.图片切换播放效果•理解遮罩。28.综合实训1.制作“学友书店”的首页、子页和后台管理页面掌握整个站点页面的设计方法。综合应用Photoshop、Dreamweaver>Flash制作“学友书店”的首页、子页和后台管理页面。Spry可折叠面板制作后台管理页面左边的栏目管理区。9.首页和子页。•复习巩固样式表创建、Photoshop绘制网页模板、切片、DIV+CSS布局、Spry可折叠面板、框架等相关知识。10七、课程考核标准与基本技能要求为促进每个学生的发展，本课程采用过程评价、阶段评价、总结评价相结合的方式对学生进行评价。过程性评价：是对学生在学习网站设计过程中的态度、能力、参与度、解决问题的能力、接受新技术的能力、与同学写作的能力、道德规范、安全意识等方面的评价。阶段评价：是对学生完成某一阶段学习任务的评价，通过完成某一“任务”，对学生掌握网页制作基础知识和基本技能进行评价。总结评价：对学生完成该课程学习后的综合评价，以考核、展示、发布、交流等多种形式，让学生自定主题、自己设计、创作有个性的作品，充分发挥学生的主动性和创造力，对学生解决实际问题的综合能力、创新精神和实践能力进行评价。根据以上评价原则，该课程采用以下评价方案：课程总成绩二平时成绩（60%）+期末考试成绩（40%）平时成绩=课堂作业成绩（20分）+课堂表现（20分）+小测成绩（16分）+主题网站成绩（8分）该课程参加IT&AT网页设计师考试。该课程的基本技能考核安排如下:该课程基本技能：网页制作考核内容与要求：能够运用常用的网页制作工具（Dreamweaver）,完成静态网页制作。考核技能点覆盖：文字、图片、动画、视频等多媒体元素的插入、超链接、表单、列表，网页需采用DIV+CSS布局。考核形式：上机考核环境（软硬件）要求：安装AdobeDreamweavercs5考核时间：100分钟考核安排：该项技能考核安排在网页制作课程结束后，按照目前的教学计划，二年级上学期完成该课程学习，二年级下学期即可展开考核。考核说明：师资要求：监考教师考试前能够使用多媒体教学系统给学生下发素材，考试后能够将学生考核结果（网页）正确收集。阅卷教师要能按照评分标准对学生提交网页进行评分，阅卷教师应该教授过网页制作课程。考生须知：考试不可携带任何数据存储设备以及教材进入考场。八、教学建议（理论、实训等）（1）教学采用“四阶段教学法”，将“教、学、练、做”融为一体。教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：第1个阶段，案例引入，提出问题。通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。第2个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。第3个阶段，归纳总结，引申提高。在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。第4个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。（2）充分利用现代化教学手段，提高教学效果教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高教学效果，同时提高教学效率。包括：①利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过“广播教学”，边讲边演示，使学生即时看到操作效果。②利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。九、课程