html网页代码_【在线教学】第7章 网页设计

7.1 网页设计的基本概念

7.1.1网站与网页介绍

网页是使用者能从浏览器中看到的每一个页面，也是组成整个全球信息网的基本组件。而网站是各种各样的网页的集合。

1、网站：指在因特网上根据一定的规则使用HTML等工具制作的用于展示特定内容的各种各样相关网页的集合。

2、网页：实际上是一个文件，经由网址(URL)来识别与访问，当用户在浏览器地址栏中输入网址之后，经过一段复杂而又快速的程序运作，网页文件就会被传送到用户的计算机中，再通过浏览器解释网页的内容，最终展示到用户的眼前。

按网页的表现形式可将网页分为：静态网页和动态网页。

3、主页：也被称为首页，它是整个网站的主索引页，当打开某个网站时显示的就是该网站的主页。主页的名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。

网站、网页和主页是3个功能不同但又紧密联系的概念，一个网站由多个网页元素构成，若干个网页又通过主页链接成一个完整的网站系统。

7.1.2网页设计语言HTML

HTML(Hyper Text Markup Language，超文本标记语言)是用来描述WWW上超文本文件的语言，HTML文件可对多平台兼容，通过网页浏览器能够在任何平台上阅读。HTML能够将Internet中的文字、声音、图像、动画和视频等媒体文件有机地组织起来，最终向用户展现出五彩缤纷的页面。此外，它还可以接收用户信息，与数据库相连，实现用户的查询请求等交互功能。

1、HTML语言的组成

HTML文档由HTML、HEAD和BODY三大标签构成。

是最外层的标签，其中一方面表示文档的开始，另一方面表示该文档用超文本标记语言HTML编写，即浏览器从开始解释，表示文档结束。

是文件头部标签，即文档头，包含对文档基本信息(包含文档标题、文档搜索关键字、文档生成器等属性)描述的标记。

是正文标签，用于定义一个HTML文档的主体部分，包含对网页元素(文本、表格、图片、动画和链接等)描述的标记。

2、HTML语法

HTML语法由标签(Tags)和属性(Attributes)组成。标签又称标记符，HTML是影响网页内容显示格式的标签集合，浏览器主要根据标签来决定网页的实际显示效果。在HTML中，所有的标签都用尖括号括起来。

标签可分为单标签和双标签两种类型。

(1)单标签。单标签的形式为，最常见的如强制换行标签
、分隔线标签、插入文本框标签。

(2)双标签。双标签的形式为对象标签>，如定义“计算机基础”五个字大小为5号，颜色为红色的标签为：计算机基础。

3、HTML文件的编写

HTML文件本质上是文本文件，因此其编写的方法主要有两种：一种是利用记事本程序直接输入HTML代码，保存时将文件扩展名改为“.htm”或“.html”；另一种方法则可以利用网页制作工具(如Dreamweaver、FrontPage等软件)进行可视化的页面设计或在代码窗口中输入代码并保存。

7.1.3网站设计的流程

网页通常放置在站点中，便于发布与管理，因此在制作网页之前，先要建立站点，然后将后续制作的网页存储到该站点中。因此，网页设计的流程主要包括站点设计和网页制作两大部分。

网站设计的基本步骤包括网站规划、创建站点、网页布局、创建主页和其他页面、添加网页元素等。

7.2 Dreamweaver的使用

Dreamweaver是一款由Adobe公司推出的专业可视化网页制作软件，采用多种先进技术，能快速而高效地制作出内容丰富且样式精美的网页。它是集网页制作、代码开发、网站创建和管理于一体的所见即所得式网页编辑工具，由于其简单易用的特点，赢得了广大用户的喜爱。目前Dreamweaver CS4是使用较为普遍的一个版本。

Dreamweaver CS4的界面简洁而高效，集成度高，提供了众多功能强大的可视化设计工具，应用程序开发环境以及代码编辑支持，使用户能够快捷地创建代码规范的应用程序。