《CSS》课程教学大纲

来源: 发布时间:2012-11-30 点击量:355

电子商务教研室编

2011410

 

适用专业

层次

理论课

学时

实践课学时

学时

课 程 性 质

电子商务

本,专科

20

20

40

2.5

专业核心课

先修课程

计算机基础 网页设计

 

一、课程的目的和任务

1、目的和任务

   由于技术的快速发展,大部分网站已经不可避免经历了几轮淘汰。每当浏览器升级或者新的网络设备和技术的出现,刚完成的网站的看起来就已经过时了。这门课将主要介绍如何利用web标准中特别是css设计标准解决设计和开发中常见问题的几种方法。该课程作为电子商务本科、专科学生的一门主要专业必修课。

通过本课程的学习,应能全面了解web标准和网站重构的真正含义,对利用web标准设计现在和将来超越桌面系统的网站为何不再拒绝潜在客户、提高网站的访问率以及如何可以使新建的网站成本更低等都可以通过这门课的学习有个新的认识。因为利用前进中的web标准对现有的网站重建,可以使自己的网站不仅能适应目前的浏览器、屏幕阅读器和无线设备,也能适应未来一段时间的设备。因此学习和正确使用web标准非常有意义,这样做可以节省网中开发的时间和金钱,减小企业对网站的维护费用,延长站点的可用寿命,并且提供更多的途径来访问站点的内容。

    2完成培养方案中哪项基本素质要求和业务培养要求

通过该课程的学习,学生能设计出与时俱进的网站,结合网络营销和电子商务的知识,改善和提高网页质量,并根据web标准设计和开发符合web标准的网站,提高网站自身推广的能力。

二、课程学时分配表

 

 

 

序 号

       

        

 

 

   

1

第一章  网站重构概述

2

2

 

2

第二章  xhtml入门

2

2

 

3

第三章  css入门

2

2

 

4

第四章  css盒子模型及网站布局布局

2

 

 

5

第五章  xhtml网页元素及属性统

2

4

 

6

第六章  网页css的导航栏设计

2

2

 

7

第七章  css应用网页排版

2

2

 

8

第八章  css应用排版设计2

2

2

 

9

第九章  css高级应用

2

2

 

10

第十章  浏览器兼容与解析问题

2

2

 

   

20

20

 

   

0

   

40

 

三、课程教学内容及基本要求

       第一章 网站重构概述

       教学重点:1.了解什么叫网站重构?为什么要进行网站重构?网站重构的好处?

              2.什么是web标准及当今网站所处的现状及推广标准的困难。

       教学难点:让学生清楚了解为什么要进行网站重构,从几个方面入手。

       主要教学内容及要求:

       1.了解什么叫网站重构?为什么要进行网站重构?网站重构的好处?

2.什么是web标准及当今网站所处的现状及推广标准的困难

       第二章 XHtml入门

       教学重点:熟悉XHTML的语法及使用,并掌握用XHTML语言设计网页。

       教学难点:令人感到枯燥乏味的指令格式、语法规则,历来是教与学双方的难点。

       主要教学内容及要求:熟悉XHTML的语法及使用,并掌握用XHTML语言设计网页。

(在此部分为补充课外知识部分,帮助学生建立更好地基础,去编写符合web标准的网站。)

       第三章 CSS入门

       教学重点:会用CSS编写CSS文档及调用,  熟悉盒模型的三个基本属性,用盒模型原理进行网页布局。

       教学难点:会用CSS编写CSS文档及调用,  熟悉盒模型的三个基本属性。

主要教学内容及要求:     

1.了解CSS的优点

2.掌握CSS的语法

3.会用CSS编写CSS文档及调用。

4.了解盒模型原理

5.熟悉盒模型的三个基本属性。

6. 熟悉用盒模型原理进行网页布局

(此部分为本门课的基础知识,要做到让学生掌握。)

       第四章 CSS应用

       教学重点:xhtml网页元素及属性 ,熟悉css导航条设计的思路,应用盒模型来进行符合web标准的网页排版。

       教学难点:css导航条设计的思路,应用盒模型来进行符合web标准的网页排版。

       主要教学内容及要求:xhtml网页元素及属性 ,熟悉css导航条设计的思路,应用盒模型来进行符合web标准的网页排版。                  

(此部分为css的应用,因此在此前的知识点巩固的基础上,引用大量的例子,帮助学生把理论转化为实践。)

       第五章 CSS高级应用

       教学重点:1.掌握css编写的良好习惯,注意事项,让学生养成编写优质代码的习惯

              2.了解现代主流浏览器的排版

       教学难点:掌握css编写的良好习惯,注意事项

      主要教学内容及要求:

       1.掌握css编写的良好习惯,注意事项

2.了解现代主流浏览器的排版。

       第六章 浏览器兼容与解析问题

     教学重点:熟悉浏览器可访问可兼容性的一些技巧,css hach技术

        教学难点:掌握css hack技术解决常见的css不兼容的问题

主要教学内容及要求:

       1.了解现代主流浏览器对css的兼容情况;

       2.熟悉浏览器可访问可兼容性的一些技巧,css hach技术

实践教学安排

实践内容及学时分配见下表

 

序号

理论章节

主要实验内容

学时

实验1

第一章  网站重构概述

1.在上机时,让同学们到以下符合WEB标准网站

2、网站拿到  http://www.w3.org/QA/Tools/

上去检验源代码时候符合WEB标准,对于不符合标准的,仔细查看其不符合标准处,培养写符合标准代码的意识。

3、参照合格网站,理解WEB三剑客中要求掌握的内容,结构,表现,行为,并分析出不符合标准网中构成的原因。

2

实验2

第二章  xhtml入门

1  mate标识对网页的进行描述和关键字设置,页面关键字:电子商务,通讯录,同学录,允许被搜索机器人robots检索。

2、用Xhtml标签表现网页结构,采用transationalweb标准,尽量用css表现网页样式

 

2

实验3

第三章  css入门

1通过几个练习,掌握CSS样式表的引用的几种方式,学习如何控制字号,字模及加入特殊效果,了解要素和图象方面的样式设置

2

实验4

第五章  xhtml网页元素及属性统

熟悉元素的三个基本属性:marginborderpadding盒元素的精确控制。

2

实验5

第六章  网页css的导航栏设计

1  为自己班级做一网站时,要求统一做一个导航条,横向和纵向各做一个,导航条有以下几栏,新闻,学习,教案,值日,活动,旅行,娱乐。如需图片可在网上查找或自行制作。分别保持为cum-h.htmlcum-v.html

4

实验6

第七章  css应用网页排版

1  同学根据网页布局图片制作一相册图片,要求有二列式排版方式和三列式排版方式,制作网页后请保存为hehua2.html hehua3.html

 

2

实验7

第八章  css应用排版设计2

2  同学根据网页布局图片及荷花的介绍文字制作一页面,要求进行图文混排,文字不能把图中的荷花遮挡,制作网页后请保存为hehua.html

 

2

实验8

第九章  css高级应用

1、  盒模型圆角练习

2、 网站换肤设计

2

实验9

第十章  浏览器兼容与解析问题

1、提供几个页面,页面在IEFirefox浏览器中显示不一,要求在熟悉页面代码和掌握网页换色的情况下,利用hack技术,使其在保持原设计者想法的基础上在IEFirefox中显示一致。

2

 

四、课程考核办法

本课程的理论课成绩由考试成绩、平时作业2部分组成,按百分制计。其中:

考试成绩占: 60%(理论考试成绩通过期末闭卷考试方式评定)。

平时作业成绩占: 40%(按每次作业完成情况评定)。

五、教材及主要参考书目

       教材:CSS权威指南》 Eric A. Meyer 许勇,齐宁等译 中国电力出版社: 20015

       参考书:

1、《最新HTML&CSS标准教程》 熊伟 李元平 胡维秀等著  中国青年出版社 20034

2、《XML及其在电子商务中的应用》 陈禹  方美琪等著  清华大学出版社  20038 

3、《Web标准和网站重构》 []Jeffrey  Zeldman 傅捷 王宗义等译  电子工业出版社

学院地址:四川省乐山市市中区肖坝路222号   
版权所有:成都理工大学工程技术学院   
蜀ICP备 05005318号