web开发基础教案.doc

成都大学教案 学院(部)： 信息科学与技术学院 系（教研室）： 软件工程系 授课教师： 聂 莉 莎 职 称： 助 教 课程名称 WEB开发基础 总学分： 3.0 学分 总学时：48学时 其中： 讲课 30 学时 实践 18 学时 课程类别 必修课( √ ) 选修课( ) 公共课（ ） 学科课（ ） 专业课（ √ ） 实践课（ ） 全校任选课（ ） 授课对象 软件工程2007级1,2,3,4班 考核方式 考查课程。考试=平时上课情况（10%）+上机实验及实验报告（60%）+期末卷面（30%） 教 学 基 本 目 的 和 要 求 本课程将介绍WEB开发的基础技术，着重介绍HTML/XHTML标记语言、CSS层叠样式表和JAVASCRIPT脚本语言等相关内容。通过本课程的学习，掌握开发静态网页的基本技术以及网站规划、制作及管理维护等基本技能，了解WEB开发的高级技术，能够独立开发静态网页组成的网站，基本掌握JAVASCRIPT脚本语言及常见网页动态效果的编写方法。 本课程力求通过理论和实践教学，使学生较好地掌握WEB程序设计的技术技术和基本方法，对WEB开发有一个全面的认识和了解，并能够独立自主开发静态网页组成的网络应用程序。 教 学 重 点 和 难 点 教学重点：HTML标记语法及常用标记，CSS使用方法及常用属性，网页设计与制作过程，网站管理与发布，JavaScript基本语法，浏览器对象模型BOM，DOM，事件处理模型，正则表达式。 教学难点：CSS使用方法与选择器，网站管理与发布，浏览器对象模型BOM，DOM，事件处理模型，正则表达式 教材、 参考书 教材: 《网页制作与开发技术》人民邮件出版社 2008 《JAVASCRIPT程序设计》李林等 人民邮电出版社 2008 其他教学资源： 万维网联盟发布的相关标准.（）Dreamweaver 8和文本编辑器（EditPlus等） 思考题、 课后作业 课后习题：P17页1.7节 练习使用Dreamweaver。 主要 参考资料 万维网联盟网站： 课后自我 总结分析 学生对本课程的熟悉程度差距较大，日后的教学安排应更具有针对性。 备注 注：此页针对具体授课内容填写 成都大学教案 总学时第 3 学时 — 第 4 学时 授课内容 《网页制作与开发教程》： 第二章 网页中的文字 第十一章 CSS网页样式设置 教学目的 和要求 掌握HTML中的文字标记；掌握CSS的三种使用方法；熟悉常用的CSS属性。 重点 难点 HTML中的文字标记；CSS的使用方法；CSS选择器 教 学 安 排 一、HTML文本标记 段落标记：p 标题标记：H1-H7 换行标记：br 列表标记：ol（有序）,ul（无序）,li（列表项） 二、CSS的使用方法； 1. 行内样式 p style=CSS样式 缺点：容易增加网页体积，不推荐使用。优点：使用简单。 2. 嵌入式样式：嵌入在head与/head之间 style type=text/css !-- 样式列表； -- /style 3. 链接式：放置在head与/head之间 link href=1.css type=text/css rel=stylesheet 4. 导入式：放置在style与/style之间 @import url(sheet1.css); 三、CSS选择器 集体声明；嵌套选择器； 思考题、 课后作业 课后习题：P50页2.8节 在文档中使用CSS。 主要 参考资料 万维网联盟网站： 课后自我 总结分析 应提供CSS中的属性的中英文对照表方便学生学习。 备注 注：此页针对具体授课内容填写 成都大学教案 总学时第 5 学时 — 第 6 学时 授课内容 《网页制作与开发教程》： 第三章 网页中的图片 第四章 建立超链接 教学目的 和要求 掌握HTML中的图片标记和超链接标记。 重点 难点 HTML中的图片标记和超链接标记。 教 学 安 排 一、HTML图片标记 1. 网页中的图片格式 2. 插入图片：img 3. img属性的使用： s