《网站建设与管理》课程标准
一、课程名称
网站建设与管理
二、适用专业
中等职业学校电子商务专业、计算机相关专业
三、课程性质与地位
本课程是中等职业学校电子商务专业、计算机相关专业的一门核心课程,是从事网站设计岗位工作的必修课程。其功能是使学生掌握网页设计与网站建设的职业技能,具备从事网页制作、网站维护等相关职业能力。
四、课程目标(职业能力要求)
通过本课程的学习,使学生了解网站设计和开发流程,掌握常用的网页制作技术,能够灵活应
用Dreamweaver cs5创建、管理网站和制作网页。通过本课程的学习,培养学生对文字、图像、动画、颜搭配等的处理能力,为学生今后能设计出高质量的网页打下坚实的基础。以下是具体的职业能力培养目标:
●能熟练的了解网站开发的整个流程
●能熟练掌握网页制作软件Dreamweaver
●能掌握当前主流的网页布局技术
●能用Photoshop制作网页的各种图片素材
●能用Flash制作网页的动画素材
●能学习网页设计与制作的新知识和新技术
●能很好的胜任网页制作员这个职位
五、建议课时及教学说明
序号 | 教学内容 | 讲授课时 | 实践课时 | 总课时 |
1 | 网页制作基础 | 8 | 6 | 14 |
2 | Dreamweaver快速入门 | 8 | 20 | 28 |
3 | Dreamweaver高级应用 | 4 | 8 | 12 |
4 | CSS样式基础 | 4 | 4 | 8 |
5 | DIV+CSS网页布局 | 9 | 20 | 29 |
6 | Photoshop在网页制作中的应用 | 2 | 5 | 7 |
7 | Flash在网页制作中的应用 | 2 | 6 | 8 |
8 | 综合实训 | 4 | 6 | 10 |
9 | 主题网站创作 | 1 | 11 | 12 |
总课时 | 42 | 86 | 128 | |
六、课程内容与要求
工作任务 | 技能与学习水平 | 知识与学习水平 | 课时 |
1.网页制作基础 | 1.互联网与网站 ●能区分不同类别的网站。 ●能区分主机名、IP地址与域名。 | 1.认识互联网与网站 ●认识网站的分类。 ●认识IP地址和域名。 | 1 |
2.网站设计的基本规范 ●通过观察一个网站,能总结出该网站的定位以及目标、风格、结构布局和主调及主要颜。 ●通过浏览网站,能总结该网站的优点与缺点。 | 2.了解网站设计的基本规范 ●理解网站的定位、风格、结构布局、调。 ●能说出一个优秀网站所具备的特征。 | 2 | |
3.常用建站技术 ●能区分静态网页和动态网页。 ●能通过观察URL地址栏说出某个网站使用的建站技术。 ●能写出常见的几种动态网站的技术框架。 | 3.了解常用建站技术 ●理解静态网页和动态网页的概念。 ●了解几种常见的建站技术。 ●认识常见动态网站的技术框架。 | 1 | |
4.HTML语言 ●能正确书写HTML文档的基本机构。 ●能用HTML常用标签为网页添加文字、图片、表格、超链接、列表、表单、音乐、动画。 | 4.认识HTML语言 ●认识HTML和标签的格式。 ●掌握文字设计与页面布局、图片、表格、链接、列表、表单等标签的书写格式。 | 10 | |
2.Dreamweaver快速入门 | 1. 创建本地站点 ●能按规范创建本地站点目录。 ●能用Dreamweaver创建站点。 ●能正确创建、保存HTML网页。 | 1.本地站点 ●能记住站点常用目录名称。 ●能记住创建站点需要设置那些选项。 | 1 |
2.文本的基本操作 ●能在网页设计视图中输入文字。 ●能用文字属性面板修改文字的字体属性。 ●能创建项目列表和编号列表。 | 2.文本 ●理解页面属性对话框里每个分类的作用。 ●记住文本插入和编辑的方法。 ●记住列表插入和编辑的方法。 | 3 | |
3.插入网页表格 ●能创建表格并能设置表格的各个属性,能编辑、修改表格。 ●会设置单元格属性,能拆分、合并单元格,能编辑、修改单元格。 ●能利用表格布局页面结构。 | 3.网页表格 ●理解表格所有属性的涵义。 ●理解单元格所有属性的涵义。 ●记住对表格、单元格进行编辑、修改的方法。 ●立即绝对宽度与相对宽度。 | 6 | |
4.创建超级链接 ●能创建文字、图像、热点、锚记、邮件、空链接。 ●能用页面属性设置链接不同状态的文字颜。 | 4.超级链接 ●理解相对路径的绝对路径区别。 ●理解链接相关属性面板中各属性的涵义。 | 4 | |
5.制作学友书店的网页主页 ●能在网页中插入和编辑图片。 ●能在网页中插入动画。 ●能插入ActiveX 控件。 | 5.多媒体对象 ●理解图片属性面板各属性的涵义。 ●理解flash对象属性面板各属性的涵义。 | 2 | |
6.插入布局对象DIV ●能创建DIV对象。 ●能绘制AP DIV布局对象。 ●能嵌套布局对象。 | 6.布局对象DIV ●理解“插入DIV标签”对话框中各属性的涵义。 ●理解“AP DIV”各个属性的涵义 。 | 6 | |
7.管理框架及网站资源 ●能创建框架、设置框架属性。 ●能制作常见的框架网页。 ●能对框架网页进行超链接。 ●能使用资源面板管理网站的资源。 | 7.管理框架及网站资源 ●理解框架集、框架的各个属性的涵义。 ●理解框架集里各个框架页之间的关系。 ●列举框架网页的各种常用类型。 ●记住资源加入收藏和在网页中插入资源的方法。 | 6 | |
3.Dreamweaver高级应用 | 1.创建简单的JavaScript网页特效 ●能正确插入已给定的带注释JavaScript代码。 ●能给自己的网页添加一些常用的网页特效。 | 1.简单JavaScript网页特效 ●理解什么是JavaScript代码。 ●掌握将JavaScript 代码的书写格式。 | 2 |
2.制作“学友书店”的登陆表单 ●能添加表单及各种表单元素。 ●能正确设置表单及各种表单元素的属性。 ●能制作“登陆用户”界面。 | 2.表单 ●理解表单与表单元素的关系。 ●能列举表单对象的种类及作用。 ●能理解表单及各种表单元素属性的涵义。 | 6 | |
3.使用Spry表单元素 ●能制作验证登陆用户的用户名文本域效果。 ●能制作验证选择的效果。 ●能制作验证密码及确认密码的效果。 | 3. Spry表单元素 ●理解验证文本域各属性涵义。 ●理解验证单选框和复选框各属性涵义。 ●理解Spry验证密码属性。 ●记住加入验证确认对象的方法。 | 4 | |
4.CSS样式基础 | 1.创建CSS样式 ●会创建CSS样式规则。 ●能导入外部的样式文件。 ●能导出已创建的样式。 | 1. CSS样式基础 ●理解CSS样式的作用。 ●记住创建、导入外部样式、导出样式的方法。 | 2 |
2.定义CSS属性 ●能设置网页中常用样式。 ●能使用样式表对网页进行整体设计。 ●能获取各种样式表资源。 | 2.定义 CSS属性 ●理解类型、背景、区块、方框、边框、列表、定位7种分类样式的属性涵义。 | 4 | |
3.应用鼠标指针和滤镜 ●会设置鼠标样式效果。 ●能使用滤镜制作一些常见网页特效。 | 3. 应用鼠标指针和滤镜 ●记住定义鼠标指针的方法。 ●理解滤镜里每个选项的作用及函数中参数的涵义。 | 2 | |
5.DIV+CSS网页布局 | 1.了解DIV+CSS ●观察一些主流网站,能出该网站采用的主要布局方式 。 | 1.了解DIV+CSS ●了解DIV+CSS布局的优势及不足。 | 1 |
2.盒子模型 ●html网页设计课程标准能准确说出网页中某特定对象的宽度、边框、填充、间距的值。 ●能将某个对象准确的加入到指定的网页中的位置。 | 2.盒子模型 ●理解盒子模型及其content、board、padding、margin等属性的涵义。 | 2 | |
3.一列布局 ●能制作出一列二至多块布局的网页。 ●能设置网页内容为固定宽度、自适应宽度、居中对齐。 | 3.一列布局 ●记住一列固定宽度、固定宽度居中、自适应宽度、一列二至多块的布局方法。 | 4 | |
4.二列布局和三列布局 ●能制作二列、三列布局的网页。 ●能设置网页内容为固定宽度、自适应宽度。 ●能完成复杂网页的排版布局。 | 4.二列布局和三列布局 ●理解块级元素和内联元素的区别。 ●理解float属性的涵义。 ●记住二列自适应宽度、二列固定宽度、三列自适应宽度、三列固定宽度的网页布局方法。 | 8 | |
4.制作弹出式菜单 ●能制作纵向式二级弹出式菜单。 ●能制作横向弹出式菜单。 ●能用样式美化弹出式菜单。 | 5.导航式菜单 ●理解相对定位和绝对定位。 ●理解浮动的作用和各选项的涵义。 | 8 | |
6.DIV+CSS综合实例 ●能根据给定的网页效果图,用画板绘制出网页布局结构图。 ●能用各种布局元素完成该商业网站首页的布局。 ●能灵活应用列表、图片、表单、文字等对象完成该商业网站首页的制作。 | 6.DIV+CSS综合应用 ●复习巩固表单、列表、图片的对象的插入与编辑。 ●巩固CSS样式面板相关知识。 | 6 | |
6.用Photoshop绘制“学友书店”首页网页模板 | 1.网页区域的划分 ●能列举常规网站主页的必备元素。 | 1.认识网页区域的划分 ●认识网页区域的划分 | 1 |
2.用Photoshop绘制“学友书店”首页网页模板 ●能应用Photoshop绘制出“学友书店”首页网页模板。 | 2.用Photoshop绘制“学友书店”首页网页模板 ●了解的Logo和Banner的制作规范。 | 4 | |
3.网页切片工具 ●能用切片工具切割模板并能正确导出切割好的图片。 | 3.网页切片工具 ●掌握Photoshop 切片工具的使用方法。 ●掌握切片的一些技巧。 | 2 | |
7.Flash在网页制作中的应用 | 活动1.制作Banner动画 ●创建、保存、导出flash。 ●能导入素材到舞台和库。 ●制作“学友书店”banner动画。 | 1.Banner动画 ●理解舞台、元件。 ●理解时间轴、帧、关键帧、补间动画。 | 6 |
9.制作图片切换播放效果 ●能应用遮罩制作图片切换播放效果。 | 9.图片切换播放效果 ●理解遮罩。 | 2 | |
8.综合实训 | 1.制作“学友书店”的首页、子页和后台管理页面 ●掌握整个站点页面的设计方法。 ●综合应用Photoshop、Dreamweaver、Flash制作“学友书店”的首页、子页和后台管理页面。 ●Spry可折叠面板制作后台管理页面左边的栏目管理区。 | 9.首页和子页。 ●复习巩固样式表创建、Photoshop绘制网页模板、切片、DIV+CSS布局、Spry可折叠面板、框架等相关知识 。 | 10 |
七、课程考核标准与基本技能要求
为促进每个学生的发展,本课程采用过程评价、阶段评价、总结评价相结合的方式对学生进行评价。
过程性评价:是对学生在学习网站设计过程中的态度、能力、参与度、解决问题的能力、接受新技术的能力、与同学写作的能力、道德规范、安全意识等方面的评价。
阶段评价:是对学生完成某一阶段学习任务的评价,通过完成某一“任务”,对学生掌握网页制作基础知识和基本技能进行评价。
总结评价:对学生完成该课程学习后的综合评价,以考核、展示、发布、交流等多种形式,让学生自定主题、自己设计、创作有个性的作品,充分发挥学生的主动性和创造力,对学生解决实际问题的综合能力、创新精神和实践能力进行评价。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论