网页样式与布局设计课程实验教学大纲

网页样式与布局设计课程实验教学大纲一、课程说明1.课程代码：ZJ12040152.课程类别：专业基础能力课3.适应专业及课程性质网络与新媒体专业必修4.课程目的随着互联网的快速发展，电子商务、视频点播、即时通信、搜索、博客等已融入了人们的工作和生活。在这种环境下如何创建优秀网站是所有互联网从业者面临的挑战。通过本课程学习，使学生本掌握网站前端静态网页设计流行技术，熟悉Web2.0技术规范，使学生精通HTML源代码，能够利用AdobeDreamweaver软件平台，运用DIV+CSS技术制作美观、标准、跨浏览器的网页。5.学时与学分实践学时为32学时，与理论教学合并计算为3.0学分6.建议先修课程网站设计与网页设计基础二、实验教学基本内容及要求项目一CSS样式设计基础计划学时：8基本要求：（1）了解网站开发设计需要什么（2）掌握各种HTML标签的使用（3）掌握CSS选择器的使用（4）熟悉CSS属性和属性值基本内容：（1）网站开发设计的基本技能要求（2）各种HTML标签的使用（3）CSS选择器的使用（4）CSS属性和属性值项目二用CSS控制HTML元素样式计划学时：20基本要求：（1）能使用CSS设置文本和段落样式、图片和背景样式等（2）熟悉CSS中的滤镜的使用方法基本内容：（1）使用CSS设置文本和段落样式（2）使用CSS设置图片和背景样式（3）使用CSS控制列表样式（4）使用CSS设计表格样式（5）使用CSS定义链接样式（6）CSS中的滤镜的使用项目三用CSS定位控制网页布局计划学时：4基本要求：（1）掌握DIV+CSS布局的基本方法（2）掌握CSS的position定位、浮动定位、定位层叠等技巧的使用基本内容：（1）使用DIV+CSS进行基本布局（2）使用CSS的position定位、浮动定位、定位层叠等技巧进行网页布局（3）综合运用Div+Css网页样式与布局技巧设计一套网页的模板，包含首页、列表页、内容页三、实验项目与内容提要本课程实验项目既有验证性实验，也有综合性实验，学生根据使用教学目的要求认真实验，完成设计相关作品，完成实验报告的填写；本课程实验教学计划32学时，实验项目内容及学时分配见下表。序号实验名称学时必开选开实验类型内容提要验证综合设计1CSS样式设计基础8√验证1、了解网站开发设计需要什么；2、掌握各种HTML标签的使用；3、掌握CSS选择器的使用；4、熟悉CSS属性和属性值2用CSS控制HTML元素样式20√验证1、能使用CSS设置文本和段落样式；2、能使用CSS设置图片和背景样式；3、能使用CSS控制列表样式；4、能使用CSS设计表格样式；5、能使用CSS定义链接样式；6、熟悉CSS中的滤镜的使用方法3用CSS定位控制网页布局4√设计1、掌握DIV+CSS布局的基本方法；2、掌握CSS的position定位、浮动定位、定位层叠等技巧的使用；3、综合运用Div+Css网页样式与布局技巧设计一套网页的模板，包含首页、列表页、内容页

四、实验报告的格式按学院实验报告格式统一规范填写。五、考核及成绩评定考核方式：考查成绩评定：（1）平时成绩占50%，形式有：考勤、实验、作业等；（2）期末考核成绩占50%，考核形式为：作品考查。六、推荐教材和参考书目推荐教材：（1）Div+CSS网页样式与布局从入门到精通，刘西杰等主编，人民邮电出版社，2015年参考书目：（1）精通DIV+CSS网页样式与布局（第二版），何丽等主编，清华大学出版社，2014年（2）CSS+DI