第1章 网页设计概述

《第1章 网页设计概述》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、动态网页设计与制作实用教程（第二版）中国水利水电出版社2007年10月21世纪高等院校计算机系列教材程伟渊主编TransitionalPage第1章网页设计概述本章学习导读本章主要讲解网页设计制作的基本方式、构成网页的基本元素、编辑网页的常用工具、动态网页的支持技术和网页编码的基本知识。通过本章学习，读者应该掌握以下内容：网页设计的基本方式网页包括的常见元素网页元素的创作与编辑工具HTML语言基础知识动态网页的支持技术第1章网页设计概述1.1网页设计的基本方式网页设计制作的基本方式包括：手工直接编

2、码、利用可视化工具、手工编码和可视化工具结合3种。1.1.1手工编码方式网页是由HTML（HyperTextMarkupLanguage）超文本标记语言编码的文档，设计制作网页的过程就是生成HTML代码的过程。手工编码制作网页对网页设计人员的要求较高，编码效率低，调试过程复杂。但学习一定的编码知识是网页制作的基础，而且手工编码可以灵活地制作出丰富的网页效果。1.1.2可视化工具方式随着网页制作技术的不断发展，出现了诸如FrontPage、Dreamweaver等可视化的网页编辑工具。利用这些工具人们

3、在可视环境下编辑制作网页元素，“所见即所得”，再由编辑工具自动生成对应的网页代码，大大提高的网页开发的效率。第1章网页设计概述1.2网页中的常见元素文本图像和动画声音和视频超级链接表格表单导航栏其他常见元素第1章网页设计概述1.3网页元素的创作与编辑工具1.3.1网页图像制作工具◆Fireworks◆PhotoImpact◆PhotoShop1.3.2动画制作工具◆Flash◆Director1.3.3网页编辑工具◆FrontPage2000◆Dreamweaver◆HotDog第1章网页设计概述1

4、.4HTML基础知识1.4.1HTML基本概念1．HTML概念HTML是一种描述语言，对Web页面中显示内容的属性以标签的形式进行描述。客户机上的浏览器（Browser）对这些描述进行解释将相应页面内容正确显示在显示器上。一个Web页面就是一个HTML文档。2．HTML文档的构成HTML文档由三大元素构成：HTML元素、HEAD元素和BODY元素。每个元素又包含各自相应的标记（属性）。HTML元素是最外层的元素，里面包含HEAD元素和BODY元素。HEAD元素中包含对文档基本信息文档标题、文档搜索关

5、键字、文档生成器等）描述的标记。BODY元素是文档的主体部分，包含有对网页元素（文本、表格、图片、动画、链接等）描述的标记。HTML中标记一般成对，如：

和

6、”或“.html”。早期网页制作的过程就是直接书写HTML代码来定义页面元素的过程。第1章网页设计概述1.4.2HTML的基本语法结构HTML的语法是通过标记来体现的，不同标记的符号及其属性构成了该语言的语法特征。下面我们以HTML4.0版为例，通过三大元素中的标记来描述HTML的语法结构。1．HTML元素HTML标记是对整个文档属性的描述，即告诉浏览器HTML文档的开始与结束，是网页中最外层的标记。由和标记对标出。HTML元素只有HTML一个标记。2．HEAD元素（1）H

7、EAD标记。该标记用来表示HEAD元素的开始和结束，其格式为：。（2）BASE标记（不成对标记）。BASE标记用来确定当前初始的URL，当前文件中的链接都以所定义的初始地址为基础。它有一个HREF属性，其值为所定义的基准URL地址，格式为：第1章网页设计概述3．BODY元素（可见对象的描述）（1）BODY标记。该标记是BODY元素开始和结束的标志，格式为：元素标记（2）DIV层标记。层

8、是各种元素的集合，是一个活动板，便于元素定位。（3）文本标记。该标记用来标识文本属性，其属性参数比较复杂，具体格式如下：//定义文本的字体，?="宋体、楷体、隶书"等//定义文本的字号，?="1～7"的值//定义文本的颜色，?="#ffcc00"等十六进制值//粗体显示//斜体显示//下划线显示_{//下标显示}