静态网页制作教程 第一章 网页基础
静态网站建设 第四版 第一章 网页设计基础
第一章 网页设计基础
本章要点
01
了解计算机网络知识
02 掌握网页基本构成要素
03 了解网页创意设计的原则
04 掌握网页创意设计的方法
— 4—
第一章 网页设计基础
1.1 网络基础知识
1.2.5 图像
图像在网页中具有提供信息、展示形象、装饰网页、 表达个人情趣和风格的作用。图像是文本的说明和解释， 在网页适当位置放置一些图像，不仅可以使文本清晰易读， 而且使得网页更加有吸引力。网页中可以使用GIF、JPEG、 和PNG等多种图像格式，其中使用最广泛的是GIF和JPEG 两种格式。
— 1—
(第四版)
%
01 静态网站建设
Dreamweaver cs6 网页设计与制作
过渡页
TRANSITION PAGE
— 2— 第2 页
01 静态网站建设
关于本书
— 3—
本书详细介绍了网页和网站的基础知识、Dreamweaver CS6的各项功能，以及 Dreamweaver CS6在网站设计中的具体应用。本书首先介绍了网页、网站和Dreamweaver CS6 的基础知识，然后详细讲解了Dreamweaver CS6的各项功能，包括站点的搭建与管理，文本和超 级链接，图像和多媒体，表格和层，CSS样式，框架、模板和库，表单及站点的发布与推广等内 容，最后通过23个经典案例详细讲解了Dreamweaver CS6在个人网站设计和企业网站设计中的应 用，以帮助读者更深入地掌握Dreamweaver CS6的使用方法和技巧。
01__静态网页基础知识
01_静态网页基础知识
1. 网页运作原理
网页实际上是一个文件，它存放在某一台计算机中（通常是网站服务器）。网页文件通过浏览器解释内容，显示到用户屏幕上。
2. 网页的类型，静态网页和动态网页的区别
1）静态网页：静态网页同一个页面里的内容是固定不变的，静态网页文件可直接在用户的计算机中双击打开浏览内容。
2）动态网页：动态网页有程序代码编写，可根据浏览用户的需求而显示不同的内容。动态网页文件无法直接双击浏览，必须通过服务器处理后才能观看。
3. 静态网页文件
静态网页使用HTML(超文本标签语言)文本代码进行编写，扩展名为 .html 或 .htm 。HTML 文本代码是一种样式代码，负责控制网页的样式效果，不属于编程代码。
新建html 文件的方法：
1）打开dreamweaver ，新建html 文件。
2) 新建一个文本文件.txt ,将扩展名改为 .html 。
4. HTML 网页代码结构（了解即可）
网页文件
浏览器
网页内容 打开
解析
文档类型，用来指定页面所使用的XHTML或HTML的版本。(保持默认即可)
网页文档的开始和结束，其中xmlns声明当前网页代码编写符合/1999/xhtml提供的制定标准。(保持默认即可)
网页标题
网页头部，用于声明网页使用的编码语言，设置网页的标题名称
网页的主体部分，只有编写在该部分之间的内容才会被显示在网页上。
5.HTML 标签书写格式
1.HTML代码都是由不同类型的标签组成，不同的标签在网页中其不同的作用，
标签是由尖括号包围的关键词，如：
2.HTML 标签通常是成对出现的，格式为 ，如：
第1章 网页制作基础
第1章网页制作基础
学习目标
☑了解HTML的组成和语法
☑了解网页制作的常用软件
☑掌握网页制作软件的启动和退出方法
目标任务&项目案例
启动Photoshop CS3 退出Photoshop CS3 随着Internet的不断发展，网页已经成为重要的信息载体。在动手制作网页前，首先应了解网页的组成、HTML的基本语法和制作网页的常用软件。本章将主要讲解网页制作的基本知识，为后面的学习打下坚实的基础。
1.1 网页制作基础知识
Internet中有许多漂亮、美观的网页，要制作出这样的网页，必须先了解什么是网页，网页的基本组成是怎样的。下面将进行详细讲解。
1.1.1 网页简介
网页又称Web页，一般都包含图像、文字和超链接等元素。如图1-1所示即为新浪网首页。
按表现形式的不同，网页可分为静态网页和动态网页。其含义和特点分别介绍如下。
→静态网页：静态网页是标准的HTML文件，它是采用HTML（超文本标记语言）编写的，通过HTTP（超文本传输协议）在服务器端和客户端之间传输的纯文本
文件，扩展名为.html或.htm。
→动态网页：动态网页是指具有动态效果的网页，由ASP、PHP、JSP和CGI等程序组成。
图1-1 新浪网首页
提示：
动态网页与静态网页在许多方面是一致的。它们都是无格式的ASCII码文件，都包含着HTML代码，都可以包含用脚本语言（如JavaScript或VBScript）编写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发送给Web浏览器。
按网页在网站中的位置，可将其分为内页（Web Page）和主页（Home Page）。通常所说的主页是指访问网站时看到的第一页，即首页。首页的名称是特定的，一般为、、、、或等。内页是指与主页相链接的其他页面，即网站内部的页面。
第1章网页制作基础
实验1 Dreamweaver初始化设置
1 考核知识点 工作区布局设置、面板开关、代码提示设置、浏览器设置。 2 练习目标 ● 掌握Dreamweaver的基本设置操作。
实验1 Dreamweaver初始化设置
3 实验内容及要求 （1）把工作区布局设置为“经典”布局。 （2）打开“属性”、“文件”面板。 （3）设置有代码提示。 （4）设置主浏览器为Google Chrome谷歌浏览器。
实验2 制作第一个网页
1 考核知识点 使用Dreamweaver创建网页。 2 练习目标 ●能使用Dreamweaver创建一个包含HTML结构和CSS样式的简单网页。
wk.baidu.com
实验2 制作第一个网页
3 实验内容及要求 请做出以下效果：
要求： （1）要求在代码视图中完成。
第1章 网页制作基本知识
第1章网页制作基本知识
刚开始学习网页制作的人，往往不知道从何入手。针对这种情况，本章简单介绍一下网页相关的基础知识和网站建设的基本流程，以使大家对网页有个感性的认识，并从宏观的角度了解一下网站建设。
1.1认识网站与网页
如果读者曾经有过上网的经历，对网站和网页应该不会感到陌生。网页就是我们上网时在浏览器中看到的一个个画面，网站则是一组相关网页的集合。一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。
另外，打开某个网站时显示的第一个网页被称为网站的主页（或首页），它可以说是网站的门户，通过它不仅可以了解网站的性质和内容，还可以访问网站中的其它页面。
下面，我们从网页制作的角度来了解网页的本质和网页的功能组成，以及IP地址、域名、网址、静态网页和动态网页等概念。
1.1.1 网页的本质
图1-1上图显示了腾讯网的主页，由该画面可以看出，网页主要由文字、图像和动画等元素组成。事实上，我们看到的网页包括了一组文件，它们分别是网页文件（扩展名为：.html、.asp等）、图像文件（扩展名为.jpg、.gif等）和Flash动画文件（扩展名为.swf）等。在浏览器中选择“文件”→“另存为”菜单，将网页保存到磁盘中，便可看到网页的组成文件，如图1-1中、下图所示。
图1-1 网页及其组成
1.1.2 网页的功能组成
从浏览者的角度看，网页中无非就是一些文字、图像、动画等。但从专业的角度来讲，网页中的元素各有其不同的作用，可以将它们分为站标、导航栏、广告条、标题栏和按钮等，如图1-2所示。
网页制作案例教程-清华大学出版社-第1章-网页制作基础概论
静态网页没有数据库的支持，在网站制作和维护方面工作 量较大，因此当网站信息量很大时完全依靠静态网页制作 方式比较困难；
静态网页的交互性差，在功能方面有较大的限制。
4、动态网页
概念：是指网页文件中不仅包含HTML标记，而且还包含了需要在服 务器上执行的程序代码，通过后台数据库与Web服务器进行信息交 互，由后台数据库提供实时数据更新和数据查询服务。
JavaScript是一种基于对象和事件驱动并具有安 全性能的脚本语言，JavaScript的使用，可使网 页变得生动，增加互动性。
网页制作案例教程
毋建军 郑宝昆 郭锐 编著
清华大学出版社
第1章 网页制作基础
本章学习目标（知识要点）
网页和网站的基本概念 静态网页、动态网页的基本概念 常见的网站类型 网页制作技术HTML、XHTML、CSS、
JavaScript的了解和认识 网页制作工具editplus、dreamweaver、
flash、photoshop基本知识
本章学习导航
网页制作的基本概念和基础知识，对每 个处于入门阶段的初学者而言，都是应 该了解和掌握的，也是开始学习网页制 作的前提，掌握这些基本概念、网页制 作的技术、制作常用工具使用，有助于 初学者从总体上对网页制作、设计有个 清晰的认识和了解，为后续的网页制作 、网站的创建打下基础。本章内容在全 书知识结构中所处位置如图所示
HTML静态网页知识点
文中的 XXX“黄色”标记为易错的，重要的
第一章网页编程基础
1、互联网
2、分别解释tcp/ip;http;ftp;html;bbs;www;url;php；css
3、url的5种形式
4、服务器、服务端客户端
5、超文本超链接
6、网页的3种基本类型
7、一个完整的hml文件结构有多少个标记分别是
8、文字的属性代码
9、注释标记标题标记换行空格段落加粗加斜
10、meta标记常用的刷新/语言编码代码
增加的：关键字、主题内容、强行的调用网上最新版本、文档作者
11、link标记（链接）
12、base标记（文档原始地址）
13、常见的html编辑器
答案：
1、Internet
2、tcp/ip:传输控制协议
超文本传输协议
ftp:文件传输协议
html:超文本标记语言
bbs:电子公告板服务
www:（world wide web）网维网或全球范围网
url:统一资源定位符
php:一种用来制作动态网页的服务器端的脚本语言
css:层叠样式表（样式表）一种设计网页样式的标准
3、①；client【B-B;C-C;B-C;模式B代表企业；C
5、HT(hyper txet) , HL( hyper link)
6、①静态网页html； css
②动态网页 *.jsp, *.php *.asp(以do开始的是
③交互式网页JavaScript
7、4个；分别是<html><title><head><body>
8、<font color=””face=”” size=””>文字</font>
第1章 网制作基础
第1章网页制作基础
学习目标
随着Internet的不断发展，网页已经成为重要的信息载体。如果想自己动手制作网页，首先应了解网页的组成、HTML的基本语法和网页制作的常用软件。本章就讲解这些网页制作的基本知识，为以后的学习垫下基石。
本章要点
☑HTML的组成和语法
☑网页制作的常用软件
☑网页制作软件的启动和退出
1.1 网页制作
在Internet中充满了许多漂亮、美观的网页，要制作出这样的网页，必须先了解什么是网页，网页的基本组成是怎样的。
1.1.1 网页简介
网页又称Web页，其中一般都包含图像、文字和超链接等元素。如图1-1所示即是一个网页。
图1-1 新浪网首页
按表现形式的不同，网页一般分为静态网页和动态网页。
静态网页是标准的HTML 文件，它是采用HTML （超文本标记语言）编写的，通过HTTP （超文本传输协议）在服务器端和客户端之间传输的纯文本文件，扩展名为.html 或.htm 。
动态网页与静态网页在许多方面是一致的。它们都是无格式的ASCII 码文件，都包含着HTML 代码，都可以包含用脚本语言（比如JavaScript 或VBScript ）编写的程序代码，都存放在Web 服务器上，收到客户请求后都会把响应信息发送给Web 浏览器。根据采用Web 应用技术的不同，动态网页文件的扩展名也不同。如使用ASP （Active Server Pages ）技术时文件扩展名为.asp ，使用JSP （Java Server Pages ）技术时文件扩展名为.jsp 。
按网页在网站中的位置，可将其分为网页（Web Page ）和主页（Home Page ）。一个网站中只有一个主页，而网页却可能成百上千。通常所说的主页是指访问网站时看到的第
静态网页
第1章 了 解 网 页15年前，“网上冲浪”还是一个很时尚的名词，但随着互联网的飞速发展，时至今日，使用网络已经成为人们生活中的一部分。Web 1.0时代，人们只是在网页上浏览信息，而在现在所处的Web 2.0时代里，人们可以在网页上和朋友讨论话题、听音乐、看电影、进行电子商务的操作。《纽约时报》专栏作家托马斯?弗里曼在他的《世界是平的》一书中说到：“2000年世界进入了一个新纪元：全球化3.0。世界从小缩成微小，竞赛场地铲平了。”本章将介绍一些与互联网相关的常用技术解释，以及制作网页时通常需要涉及的领域和考虑的问题等。本章的知识点很多但并不难理解，读者千万不要被那些可怕的名词或代码给吓住。虽然HTML（Hypertext Marked Language，超文本标记语言）标签很多，但是在找到规律后也就千篇一律了。好比去大卖场买菜，第一次进去真的很无奈，因为根本分不清蔬菜的种类，至少在笔者眼里，感觉都是绿色的“草”。但是多去几次后就可以很轻松地做这件事了。事实上，学习HTML不会比买菜难。本章的知识点如下。? 网页的概念和分类：了解网页的概念，区别静态网页和动态网页的不同。? 设计网页的原则和工具：了解开发网页的常用工具。? 网页浏览器的工作原理：知道网页浏览器的工作原理，并了解3种常用的浏览器。? HTML、XML（The Extensible Markup Language，可扩展标识语言）和XHTML（The Extensible Hypertext Markup Language，可扩展超文本标识语言）的概念，区别这3个概念的异同点。? HTML应用：通过本章最后的实例，演示一个简单的HTML页面的开发步骤。1.1 什么是网页21世纪是信息化的时代，互联网使用者可以在Internet上通过网页浏览信息，如新闻、图片等；也可以通过互联网发布信息，如招聘信息、各种广告；或者是追赶潮流，加入现今十分流行的博客一族。然而这些都离不开互联网的这扇窗户——网页。本节将介绍网页的相关知识。1.1.1 网页的概述网页其实是在这个世界的某一个地方某一台计算机上的一个文件，通过互联网，也就是Internet将两个不同的地址相连，把人们的信息传达到网络世界的各个角落。人们通过互联网，可以在世界的任何一个地方互相交流沟通。什么是互联网？互联网是一种概念，一个虚拟的东西。人们可以通过浏览器浏览新浪、百度等页面，但不会有人说“浏览互联网”。互联网指的正是把所有网页链接在一起的巨大信息交流形式，它基于很多的协议来体现出它的表现形式。1989年欧洲粒子物理实验室的科学家们提出了一个分类互联网信息的协议。这个协议极大地推动了互联网
《静态网页的制作》课件
THANK YOU
感谢聆听
AJAX技术的应用
异步数据传输
使用AJAX技术可以实现异步数据 传输，在不刷新页面的情况下获 取数据，提高网页的响应速度和 用户体验。
数据实时更新
通过AJAX技术，可以实现数据的 实时更新，如股票价格、实时聊 天等。
数据交互
使用AJAX技术可以实现与服务器 交互数据，获取或提交数据，而 不需要重新加载整个页面。
链接的应用场景
超链接可以用于导航、跳转到其他页面或网站、 下载文件等。
列表的创建
使用无序列表（`<ul>`标签）或有序列表（ `<ol>`标签）创建列表。列表项使用`<li>`标签 定义。可以通过CSS样式对列表进行美化。
04
CSS样式在静态网页中的应用
字体和颜色的设置
总结词：详细描述
字体：使用CSS，可以选择多种字体，包括衬 线字体和无衬线字体，以及自定义字体。这使 得网页的文字更具有吸引力和个性化。
描述标签优化
编写有吸引力的标题和描述，吸引用户点击。
网站结构优化
合理规划网站结构，提高搜索引擎爬虫的抓取效率。
பைடு நூலகம்
网站的发布与推广
网站发布
将网站部署到服务器上，确保网站能够被访问 。
网站推广
利用社交媒体、广告、SEO等手段，提高网站 的曝光度和流量。
静态网页制作教程(入门级)
英文名称 Black While Gray Sliver Red Green Blue Yellow
颜色 黑 白 灰 银灰 红 绿 蓝 黄
英文 Purple Olive Navy Aqua Lime Maroon Teal Fuchsia
颜色 紫 橄榄绿 深蓝 水蓝 青绿 茶色 墨绿 紫红
另外，也可以利用十六进制数值方式来指定颜色， 颜色的表示方法如下： #RRGGBB 其中，RR代表红色、GG代表绿色、BB代表蓝色， 我们以00到FF的值表示三种颜色成分的多少，以指定 出三种原色以多少的成分组成新颜色。语法如下： <body bgcolor=“#00ff00”> 另外，ie支持3位数的颜色表示方法。与六位数的表 示方法类似，不过就是位数少而已 #RGB分别表示红绿蓝的成分。 例如：绿色可以用“#0F0”表示 （实例）
<head>标记：建立的组件的内容为文件 标题。其中并不放网页的任何内容，而是 放置有关有关html文件的信息，例如：文 件的标题、编辑方式……等等。这些信息 大部分是提供索引、辨认和其他应用之使 用。 <body>标记：建立的组件是html文件的 主体，也就是网页的主要内容。依照各种 html的控制，这些内容将呈现在浏览器的 窗口中。 因此，所有文件的最基本结构如下：
了解html的发展信息
要掌握html，就必须了解它的发展。大家可以 通过下面俩个链接了解html文档草案的现状、未 来html的发展已经url的工作原理的升级文档等。 1.http://www.w3.org/:提供一个链接指向描述 已被确认为internet标准及现在被所有浏览器支 持的html特性的文档。 2.http://www.w3.org/hypertext/www/addressin g/addressing.html:讲解url的各种类型和如何在 web文档中使用它们。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
<head>标记：建立的组件的内容为文件 标题。其中并不放网页的任何内容，而 是放置有关有关html文件的信息，例如： 文件的标题、编辑方式……等等。这些信 息大部分是提供索引、辨认和其他应用 之使用。 <body>标记：建立的组件是html文件的 主体，也就是网页的主要内容。依照各 种html的控制，这些内容将呈现在浏览 器的窗口中。 因此，所有文件的最基本结构如下：
4.如果可能，应该将每一页都设计的简短一 些，每一页的文本及图形不应该超过一到两 个屏幕。如果一页太长，则读者不得不来回 滚动屏幕以阅读整份页面，这样就会打断文 档的流畅性。如果页面必须很长，则应在文 档中包括目录和指向特殊位置的链接，以使 读者便于找到所需信息。 5.不要在页面上设置太多的图形。图形文件 很大，意味着浏览器装载一页包括图形的页 面会非常费时。尽管你的网络连接可能非常 的迅速，但是别人访问你网页可能相对很慢。 6.在决定将自己的页面推向世界之前，应仔 细检查一下是否有错误和不佳之处。
第一章 网页基础
一.www基础 二.网站和网页 三.Html基础及简单页面设计 四.Web页面的颜色 五.给html文档加注释
一.WWW基础
www（world wide web，简称互联网），一直 被人们称作internet的“杀手应用程序”。它可 以显示普通文字和图像并访问其他页面，而信 息子页则使得它成为internet上发展最快的部分。 你可能已经掌握了在web上如何探索信息世界， 但也有可能不太清楚如何向全世界发布你自己 的信息——有关你自己的信息，如你个人的兴趣、 你的工作等。 要创建自己的页面，最基础技术就是html （hypertext makeup language，超文本标记语 言），现在绝大多数web文档都是由html编写 的。
文档结构和格式的定义是由html元素来完成的。 而html元素是由单个或一对标记定义的包含范 围。一对标记是指一个起始标记和一个结束标 记。一个起始标记是由一个元素名和后面的一 个在小于号（<）和大于号（>）之间的属性/ 值对系列组成。结束标记在元素前有一个斜杠 （/），此外，它并不包括属性/值列表。
<html> <head> …… </head> <body> …… </body> </html>
Html
head
body
从上图中，我们可以容易的了解到整个html文件中 所有的数据均被建立为一个一个组件，并组织为一 个层次化的结构。 当利用html标记来定义组件时，定义标记不可交错， 否则将造成错误。下面的语法中，<head>标记与 <body>标记彼此交错，这样是不对的，如果标记 交错时，我们无法区别两个组件的范围 <html> <head> …… <body> 错误 </head> …… </body> </html>
四.WEB页面的颜色
通过<body>标记内属性的设置，来达到控制 web页面的颜色的效果，主要内容： 1.为web页面设置背景颜色 2.为web页面设置文本颜色 3.在web页面设置中为超文本链接设置颜色 4.利用图像作为web页面使得背景
1.为WEB页面设置背景颜色
Html允许编写者为其web页面选择各种各样 的颜色，包括背景、文本等等，这通过这种 <body>标记的常用属性 Bgcolor属性（用来控制页面的背景颜色） 语法：bgcolor=“颜色” 其中，颜色可以通过两种方式来表示，可以 直接指定颜色的英文名称，常用的基本颜色 名称如表：
寻找一个WEB编写工具
Html编辑器或编写工具是指不用进入html核心而为web 页面创建html文档的程序。这些程序所使用的格式与 允许人们在一页上输入文件或图形的字处理器或页面 设计程序相似。 许多字处理器，如microsoft word都具有html的编辑功 能。一般的，人们都使用windows自带的文本编辑器— —记事本程序来编写。还有一些软件，如microsoft frontpage和dreamweaver都内置一web编写工具，这使 得初学者在创建web页面时更简单。但是要学习更好的 网页设计制作（如动态网页等），必须要掌握html的 基本原理，所以这种情况下不宜使用frontpage和 dreamweaver等可视化的网页开发工具。
注意：在html标记中，英文大小写字母 的意义是相同的，也就是说<html>和 <HTML>标记是一样的。 由于标记的存在和使用，html拥有层次 极为分明的基本结构。这对页面的制作 有很大的帮助。
2.HTML的基本结构
由于在HTML语法中，每个由html标记与文 字所形成的组件还可以包括另一组组件， 因此，整个html文件就像一个大组件，还包 含了许多小组件。 其中，所有的html文件最外层的组件，是由 <html>标记所建立的，在<html>标记所建 构的组件中，还包含了两个主要的子组件， 这两个子组件是由<head>标记与<body>标 记建立的。
3.创建一个简单页面
创建一简单页面的基本步骤 1.打开一个html编辑器 2.编辑你的html文档 使用记事本程序 3.保存html文档 4.浏览你做的页面 <html> 文件扩展名为.html格式
Байду номын сангаас
<head> <title>我终于会自己设计页面了</title> </head> 两种方法： <body> 1.打开ie浏览 我终于会自己设计页面了哈哈 </body> 可以通过ie的菜单选项打开.html文件 </html>
WEB浏览器的选用
现在可以得到许多web浏览器，他们遍及了几 乎所有的计算机系统。Web浏览器的功能是充 当与web的接口，它们在internet上对特定的 web页面和文档发出请求，当它们接收到文件 后，就将格式化后的版本返回html文件并显示 到屏幕之上。安装了web浏览器的计算机还可 以处理ftp等方法的信息请求。
另外，也可以利用十六进制数值方式来指定颜色，颜 色的表示方法如下： #RRGGBB 其中，RR代表红色、GG代表绿色、BB代表蓝色，我 们以00到FF的值表示三种颜色成分的多少，以指定 出三种原色以多少的成分组成新颜色。语法如下： <body bgcolor=“#00ff00”> 另外，ie支持3位数的颜色表示方法。与六位数的表 示方法类似，不过就是位数少而已 #RGB分别表示红绿蓝的成分。 例如：绿色可以用“#0F0”表示 （实例）
英文名称 Black While Gray Sliver Red Green Blue Yellow
颜色 黑 白 灰 银灰 红 绿 蓝 黄
英文 Purple Olive Navy Aqua Lime Maroon Teal Fuchsia
颜色 紫 橄榄绿 深蓝 水蓝 青绿 茶色 墨绿 紫红
创建自己WEB页面的要点
有了上诉基本知识以后，就可以开始学习创建自己的 web页面了。不过，在创建自己的页面过程中，有一些 非常有用的技巧，必须好好的记住。 1.首先要搞清楚自己要说的东西。这看起来是很自然 的，但是许多页面的不成功就是由于它们缺少重点， 因为要展示给读者的观点一定要清楚明了。如果别人 搞不懂你想说什么，就不会有兴趣去读你的主页和其 他页面。 2.确定好目标之后，就应该考虑页面应包括的内容。 此时就应该按内容分割材料。材料可以分布在几页上， 也可以组合在同一页面中，这取决于你的写作方式。 3.除非页面非常短，否则编写一个简单介绍web站点的 目标、可得到信息及途径的简单页面是很有帮助的。 这一页面应包括内容介绍及目录，它可以使读者能对 继续阅读哪一页做出迅速的判断。此外，这一页上还 可包括指向有关所述论题的、更多信息的页面链接。
2.为WEB页面设置文本颜色
Text属性 此属性用于控制网页中文字的颜色 Text=“颜色值” 有关颜色值的设定，与前面bgcolor属性的说 明一样。 （实例）
3.在WEB页面设置中为超文本链接设 置颜色
Link属性、alink属性、vlink属性 Link属性：控制的是网页中未被选择过的超链接 的颜色 vlink属性：控制的是网页中已经被选择过的超链 接的颜色 Alink属性：设置超链接在被选择时的颜色 它们的语法分别为： Link=颜色值 Vlink=颜色值 Alink=颜色值 有关颜色值的设定，与bgcolor的颜色值的设定 完全相同
1.HTML标记
在html中，标记的语法如下： <标记名称>要控制的文字</标记名称> 当用一组html标记将一段文字夹在中间时，这段文字与夹文 字的标记被称为一个组件。如： <title>hehe</title> 这就是一个组件，其中的title即为元素名，<title>就是一个标 记，hehe为该元素的内容，有时在元素名后面还有属性。因 此，在html文件中某个组件的完整定义语法如下: <标记名称 属性1=“值1” 属性2=“值2” 属性3=“值3”……>组件 数据</标记名称> 由以上可知，标记元素有四种格式： 空元素（没有内容的元素） 带有属性的空元素 带有内容的元素 带有内容和属性的元素
了解HTML的发展信息
要掌握html，就必须了解它的发展。大家可以通过下 面俩个链接了解html文档草案的现状、未来html的发 展已经url的工作原理的升级文档等。 1.http://www.w3.org/:提供一个链接指向描述已被确 认为internet标准及现在被所有浏览器支持的html特 性的文档。 2.http://www.w3.org/hypertext/www/addressing/add ressing.html:讲解url的各种类型和如何在web文档中 使用它们。
www是一个全球性的、交互式的、动态的、 多平台的、分布式的、图像超文本的信息系 统。 访问者和网站有 不受地域的限制， 网站上的信息可 要能在web上四处遨游，首先必须安装一个 交互的过程，提交 一台服务器，多 可以在www上发 不受操作系统平 只要互联网保持连 以随时随地进行更 web浏览器。有了自己的web浏览器后，在 新 通就可以 信息、反馈信息 台的限制，如 台客户机构成分布 布多媒体信息，如 web上导航最简单的方法就是结合浏览器的 式 图像和声音、视频 windows、linnux等 各种性能在各页上移动。你可以通过选择指 系统平台 等 定的高亮度显示的文字、词或图像从一个页 面移至另一页面，也可以利用该页的地址或 url（uniform resource locator）统一资源定位 器来直接移至该指定页。
4.利用图像作为WEB页面使得 背景
Background属性 指定作为html文件背景的图片，可以使用的图 文件格式为gif和jpg，其语法如下： Background=“文件名称与路径” 假如引用c:/html/sub/目录下的bg.gif图文件作 为html文件背景时，此属性的设置语法如下： Background=“c:/html/sub/bg.gif”
以下是常用的浏览器 1.Mosaic：最早开始web研究时使用的浏览器， 不过现在一般没人用了。 2.Lynx：基于文本的浏览器，是web访问中仅限于 文本访问的最佳选择。但无法通过该浏览器看到 web页面的图像。 3.Netscape navigator：曾一度是最流行的浏览器， 它通过开发html扩展来提高web页面的图形品质。 4.Internet explor：简称ie，已经拥有同netscape navigator基本相同的特性，更由于其方便快捷、 免费等特性而成了当今最流行的浏览器
二.网站和网页
在我们开始学习网页制作之前呢，先让我们 了解一下关于网页的一些知识。 1.网页和网站 2.动态网站和静态网站 3.web1.0和web2.0
三.HTML基础及简单页面设计
HTML的编写是指创制和定义html文档的过程。 重要内容: 1.Html标记 2.Html的基本结构 3.创建一个简单页面 4.浏览自己的页面