第3章 网页设计基础.pdfVIP

第 2 篇 网页设计 随着计算机与网络的普及，Internet 不仅成为人们生活中的重要组成部分，而且也是现 代企业及个人信息展示和信息交流的重要平台。当今社会对网页设计的需求量越来越大，网 页制作已成为网络时代大学生必备的技能之一。 值得庆幸的是，大量界面友好、简单易用的网页制作软件的出现，使得网页设计工作就 像制作普通Word 文档一样简单。即使是非计算机专业的初学者，也能制作出布局优美、风 格别致、内容充实的Web 页面。 Adobe 公司推出的最新版网页设计软件Dreamweaver CS6 是目前最优秀的网页设计软 件之一。利用Dreamweaver CS6 的可视化编辑功能，可以快速创建非常专业的网页而无须 编写任何脚本代码。 本篇以Dreamweaver CS6 作为网页设计工具，介绍网页设计的基本方法和技巧，是网 页设计初学者重要的入门篇，主要包括站点建设、网页的基本编辑操作、网页布局、多媒体 网页制作、行为使用、表单设计以及网页格式化等内容。为帮助非计算机专业初学者尽快把 握网页设计的方法，本书避开了HTML 标签细节及脚本等较为繁杂的内容。 学习本篇的线索：在内容安排上，第3 章是本篇的基础，必须先掌握，才能继续阅读其 他章节；第4～9 章各章节虽然在内容和操作方法方面是基本独立的，没有承前启后的关系， 但后续章节实例通常以前面章节的内容为基础，故建议按照章节顺序阅读本篇内容；各章节 在内容组织上，通常是先简单介绍相关的概念和基本的操作方法，然后给出一个操作详细的 综合实例，综合实例是对本章概念和操作方法的总结和升华，因此，理应得到同等程度的重 视；本篇各章所有实例基本上都是围绕“个人求职站点”制作这个主题展开的，这样的安排 有利于让读者在掌握网页设计方法的基础上，进一步领会站点制作的基本思路和技巧。 本篇内容的组织：第3 章从介绍网页设计的基本概念入手，讲授使用Dreamweaver CS6 制作网页、创建站点和发布站点的基本方法，值得注意的是，本章是网页设计的基本内容， 也是继续学习本篇其他章节的基础；第4 章介绍在网页中使用表格格式化信息和布局网页两 项内容，由于在本篇后续章节中的很多实例都使用了表格布局网页，所以本章也是首先需要 掌握的内容；第5 章主要介绍在网页中怎样使用图像、动画和声音等元素，构建内容丰富多 彩的网页；第6 章讲授在网页中使用超链接的基础知识；第7 章主要介绍使用框架和层布局 网页的基本方法；第8 章包括行为和表单两个主题，行为和表单的引入，增加了网页的交互 性；第9 章主要讲授样式表和模板这两个高级主题，样式表和模板在格式化站点方面，具有 非常优越的性能。 1 第3 章 网页设计基础 本章主要介绍网页设计过程中必须掌握的基础知识，除了讲授一些基本概念之外，着重 介绍网页的基本编辑操作。为了使制作好的网页能够放在因特网上供别人访问，本章也介绍 一些站点及站点建设的基础知识，同时给出了利用Dreamweaver CS6 上传和下载站点的详 细操作步骤。本章内容是学习本篇后续章节的基础。 3.1 网页和HTML 语言 3.1.1 认识网页 1. 什么是网页 网页(Web Page)又称网页文档，一般由HTML 文件组成，包含文本、图像、超链接、 动画、音频、视频、表格及表单等，位于计算机的特定目录中，其位置可以根据URL (Uniform Resource Locator ，统一资源定位器)确定。在上网浏览网站时，只要在浏览器的地址栏输入 某网页文件的 URL ，便可在浏览器中显示该网页。图3-1 显示了网页中常见基本元素的外 观。 图3-1 浏览器中的网页 2. 浏览器和Web 服务器 浏览器是用于显示网页文档的应用软件，常见的浏览器有 Microsoft 公司的 Internet Explorer (IE)，Google 公司的Chrome 和Apple 公司的Safari 等等。 Web 服务器是指安装了 Web 服务软件的计算机，它使用 HTTP 或 FTP 等协议来响应 TCP/IP 网络上的Web 客户(即浏览器)请求。Web 服务器中存放了大量的