Html网页设计技术课程标准.docx
《Html网页设计技术课程标准.docx》由会员分享，可在线阅读，更多相关《Html网页设计技术课程标准.docx（16页珍藏版）》请在冰豆网上搜索。
Html网页设计技术课程标准
《静态网页设计》课程标准
课程信息
课程编码
590108214
课程名称
静态网页设计
课程类别
B
课程类型
专业核心能力课程
课程学分
4
计划课时
72
课程性质
必修课
适用专业
网络技术专业
先修课程
《局域网交换技术》、《网络操作系统》
同修课程
C语言程序设计
后续课程
JavaScript程序设计SQLServer数据库技术
职业资格
Web应用程序设计与开发工程师
课程部门
网络技术教研室
制订人员
WEB程序开发课程团队
制订时间
2011-4-10
课程负责人
朱玉业
批准人
1.课程定位
《静态网页设计》课程是学生在《局域网交换技术》和《网络操作系统》课程实现组建局域网及网络管理的基础上，培养学生制作静态网页和发布静态网站的能力，为以后学习动态网站的设计，Web应用程序开发等后续专业课程打下必备的基础。
后续课程主要有《JavaScript编程技术》和《Servlet&JSP技术》，课程体系的培养目标是培养学生具有分析设计企业级平台软件项目的能力，达到Web应用程序设计与开发工程师岗位要求。
如下图所示。
图4-1-1Web应用程序设计与开发工程师岗位对应核心课程
2.课程设计理念
对接师创等合作企业和相关软件企业，采取基于工作过程系统化的设计理念，融入企业典型工作任务，融入网页设计师、web应用程序设计与开发工程师职业资格标准。
项目设计上实现“三个结合”，即课上和课后项目相结合，单项练习和综合实训相结合，封闭式项目和开放式项目相结合。
课上完成一个与学生自身生活相关的个人网站项目，综合实训阶段从四个实际的企业项目中任选一个完成，课下项目为四选一，如滨州职业学院内网网站设计。
课程从“个人网站”的需求分析、整体布局开始，确定网站的基本版块，以设计实现各个版块的功能为载体，达成《静态网页技术》课程的知识、技能、素质目标；将各个版块的实现分解成不同的工作任务，学生按照任务要求完成项目的同时，完成整个课程需要的理论知识、操作技能、心智技能的训练，养成软件素养。
同时在协同工作的过程中培养就业、协作、分析问题、解决问题的能力，增强社会责任感，提高综合职业能力。
3.课程目标
3.1知识目标
（1）熟悉网站的分类特点、站点的含义；
（2）熟悉网页设计应注意的事项；
（3）熟悉HTML文档结构；
（4）熟悉Html基本标记、HTML表单和框架；
（5）熟悉表格的使用方法；
（6）熟悉网站文件命名的规则；
（7）熟悉网站建立的原则；
（8）了解静态网页和动态网页的关系；
3.2能力目标
（1）能正确使用常用的HTML标记；
（2）能够给网站做需求分析；
（3）能够给网站做整体规划；
（4）能够规划和管理站点；
（5）能够使用HTML技术设计网站的静态网页；
（6）能够测试静态网页；
（7）能够使用HTML中的框架多窗口展示网页；
（8）能给网页插入多媒体；
（9）能在静态网页中混合使用样式表；
（10）能够查阅《HTML使用手册》使用标签制作网页。
3.3素质目标
在完成工作任务过程中能够与小组成员、指导教师有效的交流；能积极地参与教学，具有团队合作精神；能够实现自主学习；具有适应工作的抗压能力。
4.课程内容和要求
4.1课程内容设置
序号
任务名称
建议学时
1
个人网站的需求分析
2
2
给个人网站做整体规划
2
3
给个人网站的首页面主体内容区做结构布局
2
4
规划和管理站点
2
5
设计网站的“首页”
30
6
制作个人的“校园新闻发布”网页的静态网页
6
7
完善和测试网页
2
8
综合实训：
用HTML制作企业门户网站
24
4.2学习情境与要求
序号
任务
工作过程
教学内容及要求
建议学时
1
网站的需求分析
1.浏览互联网的个人网站，分析网站的内容布局的意义；
2.阅读教师提供的资料确定出网站的定位和整体架构；
3.写出网站的需求分析报告；
4．交流完善网站的需求分析报告。
1.网站需求分析报告的编写规范；
2.网站分类与特点；
3.网页设计应考虑的问题；
4.网站内容设计的流程与依
据；
5.网站的整体设计方案的主要内容；
6.能够客观全面的评价典型网页的优、缺点。
2
2
给个人网站做整体规划
1.浏览互联网的个人网站，记录网站的风格、功能区的划分情况、网站的整体结构；
2.阅读教师提供的关于个人网站整体规划的资料；填写任务工作页；
3.根据本网站的需求分析报告，小组讨论形成个人网站的整体结构图和页面通用结构图；
4.交流完善整体结构图和页面通用结构图。
1.网站设计的基本思想；
2.网站设计的具体内容；
3.网页布局的基本结构；
4.网页制作的基本流程；
5.页面通用结构的几种形式；
2
3
给个人网站的首页面主体内容区做结构布局
1.浏览互联网的个人网站，记录网站主体内容区的布局方式、内容的呈现方式；
2.阅读教师提供的关于个人网站主体内容区结构布局的资料；填写任务工作页；
3.根据本网站的页面通用结构图，小组讨论形成个人网站的主体内容区结构图；
4.交流完善主体内容区结构图结构图；
5.课后拓展任务。
1.页面不同内容的展示方法；
2.绘制页面内容区结构图；
3.主体内容区布局的一般要求。
4.主题内容区的呈现方式和网站效果的关系。
2
4
规划和管理站点
1.浏览互联网的个人网站，记录网站主体内容区的布局方式、内容的呈现方式；
2.阅读教师提供的关于站点规划和管理的资料；练习使用dreamwaver建立简单的站点；填写任务工作页；
3.讨论形成个人网站站点的目录结构，并使用dreamwaver建立个人网站的站点和目录；练习管理站点目录（编辑、增加、删除、复制站点）
4.练习使用站点地图显示站点目录，显示站点地图；
5.交流完善站点目录结构。
6.课后拓展任务
1.站点的含义；
2.dreamwaver平台的使用；
3.网站文件命名规则；
4.网站目录建立的原则；
5.使用dreamwaver平台创建站点；
6.管理站点：
编辑、删除、复制站点；
7.使用站点地图；
8.显示站点地图。
2
5
设计网站的“首页”
子任务1.认识HTML
1.浏览网站的网页，从网站的页面上获取HTML代码，观察HTML代码的结构；填写工作页；
2.根据老师提供的任务模拟用HTML编写一个发布一条校园网信息的简单网页；
3.给校园网信息发布网页添加背景图片、设置页面的整体边距、
案例：
以校园网的信息发布为例：
演示-----模拟----课后作业
1.了解HTML的基本结构；
2.知道静态网页和动态网页；
3.能够使用html文件的基本结构建立HTML网页文件；能够设置背景图片、页面整体边距；
4.使用标题标签HI设置标题；能够使用段落标签和文字标签（头部信息的设置、主体信息的设置）背景图片、页面的整体边距；
5.基本的标签的使用；
6.知道有.css和.js的文件存在于网页文件内；
6.能够设置网页背景色；
7.网页中的文字和段落标签的使用。
4
子任务2.用表格布局网页
1.根据任务书制定用表格布局网页的工作方案；
2.展示评价方案；
3.完善方案并实施方案；
4.展示成果
5.课后拓展项目
1.了解表格的功能，表格的基本构成；
2.知道并能够使用表格的嵌套功能；
3.能够使用表格布局网页：
4.能够使用表格的控制标签建立表格、合并行、合并列、设置单元格属性。
4
子任务3.用CSS样式表渲染网页
1.根据任务书制定工作方案；
2.展示评价方案；
3.完善方案并实施方案；
4.展示成果
5.课后拓展项目
1.了解Web标准的基本组成；
2.掌握CSS编写的基本模式；
3.能够在网页中设置CSS的字体和文本属性、背景属性；
4.能够使用类别选择器、ID选择器、群组选择器、派生选择器等渲染网页。
4
子任务4.用DIV+CSS布局网页
1.根据任务书工作方案；
2.展示评价方案；
3.完善方案并实施方案；
4.展示成果
5.课后拓展项目
1.知道DIV+CSS模式；
2.了解块状元素和内联元素、嵌套、浮动、盒模型、相对定位和绝对定位。
3.能够使用DIV样式+CSS布局网页；
4.能够合理设置盒子的嵌套、浮动；
5.能够使用相对定位和绝对定位确定网页元素的位置；
8
子任务5.编写导航区域
1.根据任务书工作方案；
2.展示评价方案；
3.完善方案并实施方案；
4.展示成果
5.课后拓展项目
1.列表元素的使用；2.列表标签：
有序列表、无序列表；
3.伪类选择符的使用；
4.能够使用列表元素和伪类制作导航。
2
子任务6.用表单控件编写首页的登陆区域
1.根据任务书制定工作方案；
2.展示评价方案；
3.完善方案并实施方案；
4.展示成果
5.课后拓展项目
1.动静态网页的实现技术介绍；
2.表单的功能；
3.表单的CSS设计
4.能够使用表单控件：
单行文本框、多行文本框、按钮、单选框、复选框、下拉式列表框等制作具有交互功能的首页登录区。
4
子任务7.编写首页的主体区域内容
1.根据任务书制定工作方案；
2.展示评价方案；
3.完善方案并实施方案；
4.展示成果
5.课后拓展项目
1.主体区域合理布局的常识；
2.能够合理使用前面的知识和技能布局和填充网页的主体区。
4
子任务8.编写首页的头部区域
1.根据任务书制定工作方案；
2.展示评价方案；
3.完善方案并实施方案；
4.展示成果
5.课后拓展项目
1.图片的链接、选用、网页中图片文件的格式要求，banner区的作用；
2.能够给网页中选取合适的图片，并在网页中合适的位置链接图片；
3.给链接的图片加alt属性值。
2
6
制作个人的“校园新闻发布”网页的静态网页
1、根据首页设计和布局确定“校园新闻发布”网页的布局和表现；
2、完善布局和表现方案；
3、设计和完善网页；
4、测试链接。
1.理解框架的概念；
2.能够使用框架集标签布局网页；
3.能够使用框架结构制作校园新闻发布网页的静态网页；
4.样式表的基本结构、样式规则、三种样式表的使用优势；
5.能够分别使用样式表的三种形式改写网页。
6
7
完善和测试网页
1.给网页添加背景声音、添加动画、音乐等度偶媒体资源；
2.插入JavaScript程序；
3.测试网站。
1.了解网页的交互功能；
2.理解HTML和JavaScript的关系；
3.懂得测试网页的重要性；能够给网页添加背景声音、添加动画、音乐等多媒体资源；
4.能够插入JavaScript程序；5.能够测试静态网站。
2
4.3实现课程目标必需条件
1）实训室
功能：
开发工具齐全，满足所有专业理论必修课、专业实践必修课和大部分专业选修课的教学和实训需要。
说明：
按全班40人配备计算，需要实验室面积100㎡左右。
主要设备装备标准：
（按一个标准班40人配置）
序号
设备名称
用途
单位
基本配置
适用范围（职业鉴定项目）
1
微机
教学、实训
台
41
日常常规教学、实验实习实训和职业技能鉴定
工作台、椅
套
41
投影屏幕
教学
台
1
投影仪
教学
台
1
空调
调温
台
2
机柜
个
1
交换机
台
1
2）教学方法及教学手段
示范讲解，拆分小的功能点现场演示如何实现；提供相类似的代码激发学生自我解决问题的能力；提供网络环境锻炼学生借助互联网解决问题的能力
5.实施建议
5.1教学建议
（1）教学做评合一。
（2）充分运用多媒体教学手段直观演示教学内容。
通过创新实验、组织案例分析讨论会等形式来拓宽思维空间，激发成就动机，使学生能主动地学习。
（3）要注重技能训练及重点环节的教学设计。
每次活动应使学生上一个阶梯，技能训练既要有连续性又要有层次性。
5.2教学评价
考试方式上建议采用过程考核、技能型性考核和理论考核相结合的方式进行考试。
成绩评定采用百分制记分，过程性考核（占40%）技能性考核（占40%）+笔试（占20%）
5.3教材编写
在《静态网页设计》课程的教学中，我们非常重视教材的选用，先后选用了赵景晖主编的21世纪高职高专规划教材（机械工业出版社）以及朱喜福主编的教育部规划教材（人民邮电出版社）。
随着人才培养模式改革的深入，对教材的选用有了更高的要求。
我系采用了山东师创软件实训学院服务外包专业校企合作专用教材。
我们也在积极编写符合我院学生特色的校本教材，初具雏形的校本教材已经使用一学期，现在正在积极的改进修改中。
5.4课程资源的开发与利用
坚持工学结合，与企业合作的思路，与网络公司合作，签定校外实习基地，学生利用周末和节假日到公司参与实际工程的建设。
在教学方法上，建议采用任务驱动的案例式教学法。
教师在每章教学开始将预习作为书面作业或课堂提问作业布置给学生；在介绍完理论后，按照实际工程的形式布置任务，让学生在本课程的实验过程中，或其他课余时间按要求完成任务，并提供实验报告和实验日志。
5.5其他说明
鼓励学生积极参加国家、省、市组织的各项技能大赛。
升级会员 