HTML_概述讲义.ppt

HTML语言 网页制作技术基础与准备 目标 Internet和万维网 了解HTML概念、CSS基础、JavaScript基础、Deamweaver 8基础 掌握创建本地站点准备页面的制作.  Internet 和万维网（补） Internet全球范围内网络的网络 WWW（World Wide Web的缩写） 是一个很大的信息库 ，是Internet 的一部分，由许多相互链接的web服务器组成 万维网 (补1） 万维网 （补2） Web相关术语（补） 网站：万维网上相关网页的集合 网页：文件后缀名通常为*.html 或* .htm，*.asp的页面 HTML：用于制作网页的超文本标记语言(Hyper Text Mark-up Language) 浏览器：本机上浏览网页的应用软件（如Internet Explorer,Navigator)所看到的网页是对HTML语言的翻译。 HTML编辑器：制作网页的工具（如Frontpage和Dreamweaver) 静态网页和动态网页 关于HTML源文件 1）HTML是纯文本类型的语言，HTML编写的网页也是标准的纯文本文件。 2）可以用任何文本编辑器打开页面，如记事本。 3）编辑——查看——源文件/右键查看源文件。 4）HTML文件可直接解释执行，无需编译。 HTML概念 HTML页面的特点如下： 1）页面都是由起始标记HTML开始，以结束标记/HTML结束。 2）绝大多数的HTML标记都是成对出现 /，比如：HTML /HTML。 3）页面分两段，执行页面不可见的head区和执行页面可见的body区。 4）有关整个文档的信息都包含在head分段中，如：标题、描述、关键字。 5）可以调用的任何语言的子程序，还有所有文本、图形、嵌入的动画，Java小程序都包括在body标签中。 CSS概念 CSS是Cascading Style Sheets的缩写，一般译为层叠样式表。 1）样式是一个规则，告诉浏览器如何表现特定的HTML标签中的内容。用户可以利用CSS精确地控制页面里每一个元素的文字样式、背景、排列方式、区域尺寸、四周加入边框等。 2）表达一个样式表的基本写法有3种：内联样式表、文档级样式表、使用外部样式表。 3）W3C把DHTML(Dynamic HTML)分为3个部分来实现：脚本语言（JavaScript、VBScript等），支持动态效果的浏览器（Internet Explorer，Netscape Navigator等）和CSS样式表。 使用CSS的实例（补） 在无CSS的网页中加入CSS语言，使网页中的字体变成红色。 加入的CSS代码为 style type=text/css!--body {color: #FF0000;}--/style 使用CSS的优点 1）风格统一，便于修改。 2）CSS能实现一些特殊的效果。 3）可以制作出体积更小，下载更快的网页。 CSS由CSS样式语句组成，分为内嵌式CSS和外部链接CSS，内嵌式CSS只对一个网页起作用，外部链接式CSS对所有调用了这个外部链接式CSS的网页起作用。 JavaScript基础 JavaScript是一种基于对象和事件驱动并且有安全性能的脚本语言，使用它的目的是与HTML超文本标记语言一起实现在一个Web页面中与Web客户交互的目的。 Dreamweaver 8介绍 Dreamweaver 8 已归到Adobe公司旗下和该公司的Flash 8（用于制作矢量动画），Firework 8（用于图像处理）一起被誉为“网页制作三剑客”。（Photoshop用于制作位图） Photoshop，flash，dreamweaver被称为新的网页三剑客。 Dreamweaver 8介绍 Dreamweaver 8的特点： 1）生成的代码简洁，网页可读性强，网页浏览速度更快。 2）利用强大的编码功能（如代码提示、标记编辑器、可扩展的颜色编码、标记选择器、代码片段和代码确认）可以加快代码编写速度。 3）能统一网站风格，统一实现网站更新。 4）在用户不懂代码的情况下也能生成动态网页。 5）更好地与Flash 8和Firework 8集成，方便对网页动画和图像的操作。 6）在用户不懂代码的情况下，能够生成支持数据库的动态网页，开发网络应用程序。 7）对XML支持率高。 8）可扩展性好。 Dreamweaver 8 界面 Dreamweaver导航面板 Dreamweaver 8 界面 创建本地站点准备页面的制作 创建网站的实际过程： 创建本地站点； 在本地站点中新建和编辑网页； 测试本地站点并做必要的修改； 上传本地站点到远