写秋天的诗-网站后台维护

《网页设计基础》教案

教案

学院(部)： 系（教研室）： 软件工程系
授课教师： 职 称：
课程名称
总学分： 2.0 学分
网页设计基础
总学时：32学时 其中： 讲课 24 学时 实践 8 学时
必修课（ ） 选修课( √ )
课程类别
公共课（ ） 学科课（ ） 专业课（ √ ） 实践课（ ） 全校任选课（ ）
授课对象
软件工程
考核方式 考查课程。总评成绩=平时总成绩（40%）+期末考试成绩×60%
教
学
基
本
目
的
和
要
求
本课程将介绍 WEB开发的基础技术，着重介绍HTMLXHTML标记语言、CSS层
叠样式表和JAVASCRI PT脚本语言等相关内容。通过本课程的学习，掌握开发静态网页
的基本技术以及网站规划、制作及管理 维护等基本技能，了解WEB开发的高级技术，能
够独立开发静态网页组成的网站，基本掌握JAVAS CRIPT脚本语言及常见网页动态效果
的编写方法。
本课程力求通过理论和实践教 学，使学生较好地掌握WEB程序设计技术和基本方
法，对WEB开发有一个全面的认识和了解，并能够 独立自主开发静态网页组成的网络应
用程序。
教
学
重
点
和
难
点
教学重点：HTML标记语法及常用标记，CSS使用方法及常 用属性，网页设计与制作过
程，网站管理与发布，JavaScript基本语法，浏览器对象模型BO M，DOM，事件处理模
型，正则表达式。


教学难点：CSS使用方法 与选择器，网站管理与发布，浏览器对象模型BOM，DOM，
事件处理模型，正则表达式
教材、
参考书
教材:
1.《Web前端设计与开发- HTML+CSS++HTML5+jQuery》，QST青软实训，清华大学出版
社，2016
2.《Web前端开发实例教程-. 》，占东明，人民邮电出版社，2016
其他教学资源：
万维网联盟发布的相关标准.（http:）

教案

总学时第 1 学时 — 第 2 学时
授课内容 网页制作基础
掌握网页的构成等基本知识，了解HTML和CSS的标准化过程，
教学目的
了解网页制作基本步骤，
和要求
熟悉网页制作开发环境。
重点
难点
网页制作基本步骤，网页相关的基本知识，HTML和CSS的标准化过程
教
学
安
排

一、网页相关的基本知识
1. 网页的元素：文本、图像、链接、声音、电影或动态图像。
2. 网页的表现形式：浏览器。
常见浏览器介绍：Internet Explorer；NetScape Navigator 网景浏览器；火狐(Firefox)
浏览器；Opera浏览器；其它IE核心浏览器。
3. 网页的地址（网址）：URL
超文本传输协议统一资源定位符将从因特网获取信息的四个基本元 素包括在一个简
单的地址中：传送协议； 服务器； 端口号； 路径。
4. 网 站：网页的集合。衡量一个网站的性能通常从网站空间大小、网站位置、网站
连接速度、网站服务内容等 几方面考虑。
5. 网站的地址：域名IP地址。
二、网页制作的基本步骤
收集和整理资料；制作网页；测试站点；发布站点；站点维护和更新。
三、HTML和CSS
1. HTML标准的版本历史
2. CSS的定义及发展历史
3. XHTML与HTML
四、开发环境介绍
Dreamweaver 8和文本编辑器（EditPlus等）

练习使用Dreamweaver。
思考题、
课后作业
主要
参考资料
万维网联盟网站：
课后自我
学生对本课程的熟悉程度差距较大，日后的教学安排应更具有针对性。
总结分析
备注

教案

总学时第 3 学时 — 第 4 学时
授课内容
网页中的文字
CSS网页样式设置
教学目的
掌握HTML中的文字标记；掌握CSS的三种使用方法；熟悉常用的CSS属性。
和要求
重点
难点
HTML中的文字标记；CSS的使用方法；CSS选择器
教
学
安
排


一、HTML文本标记
段落标记：

标题标记：

-
换行标记：

列表标记：

（有序）,
（无序）, （列表项）
二、CSS的使用方法；
1. 行内样式

缺点：容易增加网页体积，不推荐使用。优点：使用简单。
2. 嵌入式样式：嵌入在与之间