HTML、CSS、JavaScript概述、HTML基本语法.pptVIP

HTML、CSS、JavaScript网页制作 当今Web编程技术纵览 第1章 HTML、CSS、JavaScript概述 1.1 Web网页的基本概念 1.1.1 Internet网络与WWW 1.1.2 网页 1．页面与Web 2、网页 3、静态网页 4、动态网页 1.1.3 网站 网站目录结构 1.1.4 Web标准 1．W3C组织 2、Web标准与Web2.0 3、使用Web标准的优点 1.2 网页工作原理与制作工具 在浏览器中查看页面“源文件” 1.2.2 网页制作工具 1.3 HTML/CSS/JavaScript简介及示例 1.3.1 HTML超文本标记语言 【例h1-1.html】第一个最简单不规范的HTML网页 【例h1-2.html】比较完整的第一个HTML网页 2、XML 3．XHTML 【例h1-3.html】XHTML过渡型标准的第一个HTML页面 4、DHTML (Dynamic HTML) 1.3.2 CSS 层叠式样式表 【例h1-4.html】采用独立CSS文件的第一个XHTML页面 1.3.3 JavaScript脚本语言 【例h1-5.html】html+CSS+JavaScript页面 【例h1-5.html】 1.4 网站的发布与测试 1.4.1 在实验室或局域网内部发布html页面 4、在局域网内访问发布的网站 1.4.2 在Internet上发布网站 1.4.3 测试网页 1.5 如何学习HTML、CSS、JavaScript 第2章 HTML基本语法与头部内的标记 2.1 HTML文档结构 2.1.2 HTML文档头部标记head 2.1.3 HTML文档主体标记body 2.2 HTML基本语法 2.2.1 标记语法 3、空标记 【例h2-1.html】传统表格布局的页面，注意标记的正确嵌套 2.2.2 属性语法 【例h2-2.html】显示不同属性的水平线 2.3 XHTML文档结构 2.3.1 XHTML1.0的文档结构 1．什么是DTD 2．指定XHTML文档类型 （2）指定Transitional DTD过渡型XHTML文档 （3）指定Frameset DTD框架型XHTML文档 3．声明命名空间 4．指定XHTML文档为XML文档 2.3.2 XHTML的通用标准属性 2、语言属性 2.3.3 XHTML的语法规则 2．编写XHTML文件的注意事项 2.4 HTML文档头部的相关标记 2.4.1 设置页面标题title 2.4.2 设置基底网址base / 【例h2-4.html】设置基底网址访问163网站主页index.html 2.4.3 设置基准字体basefont / 2.4.4 定义页面元信息meta / 1、 meta name=键名 content=键值 / 2、meta http-equiv=键名 content=键值 / 【例h2-5.html】设置有哪些信誉好的足球投注网站信息 2.4.5 引用外部文件link / “网页制作”必须在“制作”上多下功夫—多动手制作网页。 1.5.1 掌握HTML、CSS、JavaScript的语法结构 1.5.2 可以借助DreamWeaver网页设计工具 Dreamweavar是目前应用最广泛的网页制作工具之一，通过拖动页面元素可自动生成HTML代码，即使不太了解网页制作的人也可以使用Dreamweavar创建出自己的网页。 但Dreamweavar会产生大量废代码，读者可以边操作边学习，并根据自己掌握的语法知识删除修改这些代码。 1.5.3 参考已有网站的代码 2.1 HTML文档结构 2.2 HTML基本语法 2.3 XHTML文档结构 2.4 HTML文档头部的相关标记 html head title文档标题/title !-- 其他文档信息—标头内容 -- /head body !-- 文档主体—页面内容 -- /body /html — html文档的开始标记 — html文档的结束标记 — html文档头部的开始标记 — html文档头部的结束标记 — html文档主体的开始标记 — html文档主体的结束标记 注意：传统HTML文档要求比较宽松，标记名、属性名不区分大小写，甚至可以大小写混用。而XHTML规范的标记名与属性名必须小写，但属性值不区分大小写。 2.1.1 HTML文档的构成 HTML4.0文档以html开始到/html标记结束，也称为根标记或根元素。一个完整的页面由文档头部标记head/head和文档主体标记body/body两部分构成