第1讲静态网站项目设计与开发.pdfVIP

静态 项目设计与开发课程教学信息 授课专业 互联网 授课班级 计网1401班 计网1402班 课 次 第1讲 授 间 10月12 日 星 期 星期一 节 次 1~2 授课地点 知行楼513机房 授课 教学日志 教学日志 教学文件 课程标准 授课 教学设计 静态 项目设计与开发 教学任务 html css基础知识 知识目标： html css基础知识 能力目标： 熟练运用DIV+CSS布局 重 点： 文档类型 语言编码 html 难 点： css优先级 教学方法： 案例法、演示法、讨 、任务驱动法 课堂类型： 讲授课 教 具： 多 、VMare 、XP 、windows2003 、Packettracert、GNS3 组织教学 • 有HTML和CSS基础 • 转变观念 • 多动手、多动脑 导入课程 • 首先说一下我们这节课的知识点 • 文档类型 • 语言编码 • html • • css优先级 • 文档类型 • 当我们用dreamweaver新建一下html格式文档时，查看 源代码，会发现代码最上部有如下这句话： • !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN • 这句话标明本文档是过渡类型，另外还有框架和严格类 型，目前一般都采用过渡类型，允许使用HTML4.01中的 。许多朋友在制作页面时，往往喜欢把这句删除掉， 在这里建议大家一定要保留这句话，删除它后可能引起 某些样式表失效或其它意想不到的问题。 • !doctype html html5中的 语言编码 • 接下来我们还会发现这样一句话： meta http-equiv=Content-Type content=text/html; charset=utf-8 • 它标示文档的语言编码。就像我们平时所说的汉语、 英语一样。这里的编码是UTF-8编码，它是国际通用的 编码。不管我们采用哪种编码，有一点就是包含 的 表和其它文件也必须和本文档的编码一样，要 不就会出现 码。 meta charset=“utf-8” html5中的编码格式 html • html 在页面中都必须结束。成对的 以 “/ 名”结束，有些单一的 在本身的结尾打上/来结束，这是xhtml代码编写的规范。 • 成对的 ： • head{...}/head • body{...}/body •