CSS样式表
一、概述
(一)课程性质
本课程是计算机应用技术专业的一门专业拓展课程。在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。 本课程的特点是操作性强。
本课程的定位为“二个层次”:一是对软件的熟练操作;二是应用软件进行平面设计的实例制作;三是资格证书的认证。
(二)课程基本理念
按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求,该门课程使学生通过本课程的学习,了解CSS的基本原理、平面设计的基本技能。
紧紧围绕工作任务完成的需要来选择和组织课程内容,突出工作任务与知识的体系,让学生在职业实践活动的基础上掌握知识,增强课程内容与职业岗位能力要求的相关性,提高学生的就业能力,帮助学生积累实际工作经验,使学生成为企业生产服务一线急需的高素质技术人员。
(三)课程设计思路
1、学习项目选取的基本依据是该门课程涉及的工作领域和工作任务范围,但在具体设计过程中,根据典型项目为载体,使工作任务具体化,产生了具体的学习项目。其编排依据是该职业所特有的工作任务逻辑关系,而不是知识关系。
2、依据完成工作任务的需要、职业院校学生的学习特点和职业能力形成的规律,按照“学历证书与职业资格证书嵌入式”的设计要求确定课程的知识、技能内容。
3、依据各学习项目的内容总量以及在该门课程中的地位分配学习项目的学时数。
4、学习程度用语主要使用“了解”、“掌握”、“理解”、“能”、“会”等用语来表述。“了解”“掌握”用于表述事实性知识的学习程度,“理解”用于表述原理性知识的学习程度,“能”或“会”用
于表述技能的学习程度。
5、本课程建议为4学分,64学时。
二、课程目标
1、总目标
课程的目的是为了适应当前市场对于网页美工人才的需求,要求学生同时具备一定的审美能力和计算机操作的熟练技能,要有创造力。增强职业变化的适应能力和继续学习能力打下一定基础;通过项目的解决,培养学生团结协作、敬业爱岗和吃苦耐劳的品德和良好的职业道德素质。
2、具体目标
(1)技能目标
●能对网页进行美化;
●能利用CSS+DIV技术布局网页
(2)知识目标
●CSS概念、行内样式、内嵌式、链接内、导入样式及各种方式的优先级问题。
●标记选择器、类别选择器、ID选择器、能声明选择器、CSS的继承。
●对HTML页面中的文字进行全方位的设置。
●对网页中的段落进行设置。
●设置网页中图片样式、能设置图片的对齐方式、能进行图文混排。
●设置网页中的背景
●控制表格
●丰富的超链接效果
●鼠标特效与页面滚动条
●制作实用的菜单
●CSS滤镜
●CSS定位与div布局
3、道德情感目标
●具有较强的服务意识,能够为他人提供优质的服务;
●具有较强的合作精神,能够与他人进行合作,具有协调工作能力和组织管理能力;
●较强的自我知识及技术更新能力,具有较强的审美能力。
三、css设置表格滚动条课程内容与要求
1. 课程内容设计
模块名称 | 学时 |
CSS的初步体验 | 2 |
CSS的基本语法 | 4 |
用CSS设置丰富的文字效果 | 6 |
用CSS设置图片效果 | 2 |
用CSS设置网页中的背景 | 4 |
用CSS设置表格与表单的样式 | 6 |
用CSS设置页面和浏览器的元素 | 4 |
用CSS制作实用的菜单 | 4 |
CSS滤镜的应用 | 6 |
CSS+DIV美化和布局 | 16 |
综合案例 | 8 |
合计 | 64 |
2. 能力训练项目设计
编号 | 模拟现实的 能力目标 | 相关支撑知识 | 训练方式手段和步骤 | 结果 |
1 | 用CSS设置丰富的文字效果 | CSS文字样式 CSS段落文字 | 教师讲解、案例分析、学生实训 | 实训作业、实训报告 |
2 | 用CSS设置图片效果 | 图片样式 图片对齐 图文混排 | 教师讲解、案例分析、学生实训 | 实训作业、实训报告 |
3 | 用CSS设置网页中的背景 | 背景颜 背景图片 | 教师讲解、案例分析、学生实训 | 实训作业、实训报告 |
4 | 用CSS设置表格与表单的样式 | 控制表格 CSS与表单 | 教师讲解、案例分析、学生实训 | 实训作业、实训报告 |
5 | 用CSS设置页面和浏览器的元素 | 丰富的超链接特效 鼠标特效 | 教师讲解、案例分析、学生教师讲解、案例分析、学生实训 | 实训作业、实训报告 |
6 | 用CSS制作实用的菜单 | 项目列表 无需表格的菜单 菜单的横竖转换 | 教师讲解、案例分析、学生实训 | 实训作业、实训报告 |
7 | CSS滤镜的应用 | 通道、模糊、运动模糊、透明、下落的阴影、翻转变换、光晕、灰度、反、遮罩、阴影、X射线、浮雕纹理、波浪 | 教师讲解、案例分析、学生实训 | 实训作业、实训报告 |
8 | CSS+DIV美化和布局 | 盒子模型、元素的定位、CSS排版观念、固定宽度且居中的版式、左中右版式、块的背景问题框架搭建、自动CSS样式 | 学生实训 | 实训作业、实训报告 |
9 | 综合案例 | 教师讲解、案例分析、学生实训 | 实训作业、实训报告 | |
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论