静态网页设计专业课程教学大纲（精选）.docx

静态网页设计专业课程教学大纲（精选）

第一篇：静态网页设计专业课程教学大纲（精选）《静态网页设计》课程教学大纲课程名称（中文/英文）：静态网页设计课程性质：专业基础课必修课适用专业：计算机科学与技术学时数：76其中：实验/上机学时：38学分数：4考核方式：任务上机方式进行考核。成绩构成如下：平时：40%期末：60%先修课程：无后续课程：动态网页设计、JSP等教学参考书：1.温谦，赵伟等，网页制作综合技术教程，人民邮电出版社，20092．向隅，网页设计实用教程，北京邮电出版社，20093.张磊，网页设计技术，中国铁道出版社2006开课部门：计算机系计算机科学与技术教研室课程简介：《静态网页设计》主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识，讲授Dreamweaver网页制作集成工具使用方法等内容。本课程介绍html的基础知识，CSS的基础知识，以及开发WEB最流行的工具Dreamweaver的使用方法。主要包括基本html语句的语法，各种内容在网页中的插入，表格布局，css样式表，层的使用等。教学目的和要求《静态网页设计》是计算机科学与技术专业的一门重要专业基础课。通过本课程学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。教学重点和难点Html中页面标签元素的使用，CSS样式表的设计教学方法启发式教学，引导学生通过实例获取知识，巩固知识。多媒体教学，机房授课教学主要内容第一章网页设计基础知识（4学时）1.1网页的基础概念1.2网页与HTML1.3WEB标准1.4网页设计与开发过程1.5HTML基础1.6简单的HTML案例1.7网页源文件的获取1.8利用Dreamweaver快速建立基本文档第二章用HTML设置文本和图像（4学时）2.1文本排版2.2文字列表2.3HTML标记与HTML属性2.4HTML标记与HTML属性的局限性2.5特殊文字符号2.6使用图像2.7设置图片的尺寸2.8设置图像的替换文本2.9利用Dreamweaver设置文本和图像2.10利用Dreamweaver代码提高效率第三章超链接（4学时）3.1设置文字超链接3.2设置页面内部超链接3.3设置图片超链接3.4设置电子邮件超链接3.5设置链接页面的目标窗口3.6创建热点区域3.7框架之间的链接第四章使用表格与表单（4学时）4.1使用表格4.2使用表单4.3Dreamweaver中的模版第五章(X)HTML与CSS概述（4学时）5.1HTML与XHTML5.2(X)HTML与CSS5.3构造CSS规则5.4基本CSS选择器5.5在HTML中使用CSS的方法第六章CSS样式设置实践（6学时）6.1手工编写页面6.2使用Dreamweave进行CSS设置6.3复合选择器6.4CSS的继承特性6.5CSS的层叠特性第七章用CSS设置文本和图像（6学时）7.1使用CSS设置文本样式7.2用CSS设置图像样式7.3用CSS设置背景样式第八章用CSS设置链接与导航菜单（6学时）8.1丰富的超链接特效8.2控制鼠标指针8.3设置项目列表样式8.4创建简单的导航菜单8.5应用滑动门技术的玻璃效果菜单第九章用CSS设置表格和表单样式（6学时）9.1控制表格9.2美化表格9.3案例—日历9.4CSS与表单第十章CSS盒子模型（8学时）10.1“盒子”与“模型”的概念探究10.2边框10.3设置内边距10.4设置外边距10.5盒子之间的关系10.6盒子在标准流中的定位原则第十一章盒子的浮动与定位（8学时）11.1盒子的浮动11.2盒子的定位11.3z-index空间位置11.4盒子与display属性第十二章CSS+p布局方法剖析（8学时）12.1CSS排版观念12.2固定宽度且居中的款式12.3左中右版式12.4块的背景色问题12.5p排版与传统的表格方式排版的分析案例设计（8学时）执笔人：魏荣华审核人：第二篇：静态网页设计知识点第一章概述4学时教学目的：了解网页及网站基本概念及网页的基本要素分析教学重点与难点：网页、网站设计流程，网页基本要素第一节网页和网站一、网页二、网站三、网页的基本功能第二节网页中的主要元素一、文本二、图像三、链接标志四、其他的基本要素第三节网页制作工具一、网页编辑工具二、网页图像编辑工具三、动态网页技术第四节网页设计的基本流程一、网站的设计流程二、网页的设计与制作三、网页的测试四、网页上传和发布第二章HTML语言基础6学时教学目的：了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。教学重点与难点：HTML的语法结构、超级链接的语法、表格和框架的基本语法。第一节HTML概述一、HTML简介二、HTML语法