《HTML入门.ppt

Internet 和万维网 万维网 2-1 万维网 2-2 万维网 2-2 Web相关术语 网站：万维网上相关网页的集合 网页：文件后缀名通常为*.html 或* .htm的页面 HTML：用于制作网页的超文本标记语言(Hyper Text Mark-up Language) HTML文档的编写方法 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 网页文件命名 *.htm或*.html 无空格 无特殊符号（例如符号），只可以有下划线“_”，只可以为英文、数字 区分大小写 首页文件名默认为：index.htm 或 index.html Dreamweaver MX 2004 一款用于设计、开发网站和 Web 应用程序的专业HTML 编辑器 用户可以选择使用布局单元格或框架来设计页面的布局 可用于创建文本、插入动态图像、提供网页超链接、创建 Flash 文本和 Flash 按钮等 可用于组合由某些软件（如 Photoshop、ImageReady 和 Flash 等）制作的图形、动画和按钮 Dreamweaver 概念 静态网页：只能浏览，不能实现客户端和服务器端的交流互动 动态网页：网站页面随用户的输入而变化，能与客户端交流互动 本地站点：一个在我们自己的计算机上，存储网站所有文件的临时文件夹 远程站点：位于远程Web 服务器上，与本地站点相对应 根文件夹：用于存储网站文件的本地根目录 Dreamweaver 工作区 Dreamweaver MX 2004 提供以下两种工作区布局可供选择： 设计者 代码编写者 设计人员工作区 Dreamweaver 2004 MX 提供了一个集成所有面板和窗口的集成工作区 创建网站 步骤： 选择新建站点，然后为其命名 选择服务器技术（如果适用） 选择在本地计算机上编辑本地副本的选项 选择用于存储网站文件的文件夹 选择连接到远程服务器的选项 制作网页 HTML文件的基本结构 HTML文档的结构 HTML元素 html.../html head.../head body.../body 元素：是HTML语言的基本组成部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 标准的HTML 文件结构(Document Structures) HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML HTML元素属性 HTML元素可以有自己的相关属性，每一个属性还可以由我们网页编制者赋一定的值。 属性出现在元素的开始标记内，并且和元素名之间有一个空格分隔；属性值用“”引起来。 元素属性 html head title我的第一个网页 /title /head body bgcolor=#FFCCFF Hello World! /body /html HEAD 元素 head元素出现在文档的开头部分。 head与/head之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。 title元素定义HTML文档的标题。 title与/title之间的内容将显示在浏览器窗口的标题栏。 META元素 META元素 META元素 META元素 练习 编写一个网页，要求3秒钟后自动跳转到M的网站。 html head titlemy first page/title meta http-equiv=“refresh” content=“3;URL=/” /head body 三秒钟后本网页将自动跳转到微软首页 /body /html body元素及元素属性——1 body元素表明是HTML文档的主体部分。 在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 body元素及元素属性——2 body元素中有下列元素属性： bgcolor bgcolor属性标志HTML文档的背景颜色。如：bgcolor=“# FFCCFF”。 HTML对颜色的控制 HTML使用16进制的RGB颜色值对颜色进行控制。 常见颜色的代码 body元素及元素属性 body元素中有下列元素属性： background background属性标志HTML文档的背景图片。如：background=“imag