网页制作HTML简介剖析.pptVIP

——大学IT—— 第8章 网页制作 第八章 网页制作 8.1.1 网站 8.1.2 8.1.2 服务器与浏览器 8.1.3 网页 8.1.4 网页制作工具 1. 网页制作三剑客 Dreamweaver、Flash、Fireworks被称为网页制作“三 剑客” （1）Dreamweaver是美国著名的软件开发商Macromedia公司推出的一个所见即所得的可视化网站开发工具。 （2）Fireworks也是由Macromedia公司开发的一种工具，它以处理网页图片为特长，并可以轻松创造GIF动画。 （3）Flash是当今Internet最流行的动画作品的制作工具，并成为事实上的交互式矢量动画标准。 2. Microsoft FrontPage 2003 FrontPage 2003的主要功能是设计、制作、管理网页或站点。 8.1.5 网页设计的相关计算机语言 HTML XML CSS DHTML 脚本语言 8.2.1 HTML语言概述 8.2.1 HTML语言概述 本例演示如何在网页中显示图像。 img 是空标签，意思是说，它只包含属性，并且没有闭合标签。 CHAPTER 8 2013.12 HTML 概述、HTML简介 网页制作、网页布局 创建表单页面 网站的发布 1.概述、HTML简介 网站是一组相关网页和有关文件的集合，一般有一个特殊的网页作为浏览的起始点， 称为主（Homepage），用来引导用户访问其他网页。 （课本P236 8.1.1） …… Web服务器 1.概述、HTML简介 网站通常位于Web服务器上，Web服务器又称WWW服务器、网站服务器或站点服务器。 要浏览Web页面，必须在本地计算机上安装 浏览器软件。浏览器就是Web客户端，它是一个应用程序，用于与Web服务器建立连接，并与之进行通信。 浏览器和服务器之间通过超文本传送协议（HyperText Transfer Protocol，HTTP）进行通信。 （课本P236 8.1.2） 1.概述、HTML简介 网页一般又称为HTML文件，能被浏览器认识和翻译成页面并显示出来的文件。通常用户看到的网页大多是以.htm和.html为扩展名的文件: 1. 网页内容 一般来说，网页主要由文字、图片、动画、超链接和特殊组件等元素构成。 2. 静态网页和动态网页 根据网页的生成方式，大致可以分为静态网页和动态网页两种。 （课本P235 8.1.3） 1.概述、HTML简介 （课本P238 8.1.4） 1.概述、HTML简介 （课本P239 8.1.5） 1.概述、HTML简介 HTML语言是由世界性的标准化组织W3C（World Wide Web Consortium）制定的. 思考： 怎样将“欢迎光临12级大专护理班的主页”显示到网页上？ HTML HEAD TITLE欢迎光临班级主页/TITLE /HEAD BODY 欢迎光临12级大专护理班的主页 /BODY /HTML （课本P240 8.2.1） 1.概述、HTML简介 HTML 属性 HTML 简介 HTML 图片 HTML 文本布局 字体格式 HTML 表格 HTML 链接 1.概述、HTML简介 HTML 简介 什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper?Text?Markup?Language) HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签?(markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容： 1.概述、HTML简介 HTML 简介 HTML 文档是书写格式、基本框架 书写格式如下： 标记名文本内容/标记名 属性一般放在“起始标记”中，格式如下： 标记名 属性1=值1 属性2=值2 … 文本内容 /标记名 HTML HEAD TITLE文件标题/TITL