第1章 网页设计基础

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

1、1第1章初识DreamweaverCS4网络的兴起及快速发展，已经渗透到各行各业。尤其，促进商业网络化的发展，如改变了产品的销售方式，业务多渠道联系方式，加快信息的获取方式。诸如这些与网站离不开的，因为网站是发布这些信息的平台。而在开发网站过程中，Dreamweaver可以以“所见即所得”的特点，快速创建网页，是组建网站和设计网页的专业工具。本章学习要点：2了解网页制作常识对网页艺术设计有一定的见解熟悉网页制作与网站开发的流程了解网页设计的各种应用技术以及相关软件配置网站服务器管理Dreamweaver

2、站点配置远端服务器1 .1网页制作常识重新编写3网页的设计是一种综合能力的体现，其考验到网页设计师在多种领域中的能力，包括网络技术、图像设计艺术、网页设计软件操作、浏览器兼容性知识以及程序开发能力等。在网页设计之前，应首先了解一些基础知识。1.1.1网络技术基础4计算机网络是由无数的计算机以及各种相关的数码设备，根据有线或无线设备连接而成的网络。网页（Web页）则是基于这种网络的一种超文本（HyperText）的多媒体交互平台。在设计网页之前，有必要对网络技术进行一些简单的了解。51．互联网协议互联网是

3、由各种计算机和数码设备连接而成的通信网络，在各种设备进行数据传输和交换时，必然要遵循统一的标准，以实现互联互通。2．服务器与客户机服务器的作用是管理大量的资源，并为多种用户提供相关的服务。客户机是相对于服务器的概念，即服务于本地计算机用户，调用服务器服务的计算机。3．超链接与URL路径URL（Uniform/UniversalResourceLocator，统一资源定位符）路径是一种互联网中标准的资源位置标识方式。1.1.2Web浏览器6Web浏览器是一种用于浏览网页的软件，其可以从互联网中获得网页文档

4、及相关的文档，并将其展示给用户。1．InternetExplorerInternetExplorer（简称IE）是目前全世界最流行的网页浏览器。2．MozzillaFirefoxMozzillaFirefox浏览器是由Mozzilla基金会与开源社区共同开发的一种免费开源的Web浏览器，是在全世界范围内市场占有率仅次于IE的Web浏览器。3．OperaOpera是挪威出品的一款老牌Web浏览器。1.1.3IDC技术基础IDC（InternetDataCenter，互联网数据中心，又称服务器农场），是用户

5、存放计算机服务器设备，并为其提供各种电力保障、网络通信、环境控制的设备或设备集群。通常意义上讲，IDC技术涵盖了网络服务器运营的整个体系，是互联网中Web或其他服务发布的基础。典型的IDC体系包括四个主要部分。71．服务器系统2．电力保障系统3．数据传输保障系统4．环境控制系统1.2网页设计理论网页的设计是一种艺术性的创作，设计出的网页需要符合绝大多数用户的审美观念，同时又需要有一定的独创性内容。总的说，设计网页时最难掌握的两个要点就是网页的色彩搭配艺术和内容布局艺术。81.2.1网页配色艺术网页设计是

6、一种特殊的视觉设计，是平面设计的一个分支，和其他平面设计类似，对色彩都有较大的依赖性。色彩设计同时还是网站风格设计的决定性因素之一，是网页上“看的见”的视觉元素。91．三原色的概念2．色彩的属性3．色彩模式4．216网页安全色5．网页配色方法1.2.2网页布局艺术网页元素是网页最基本的组成部分，这些网页元素如何在网页中组合，将直接影响到网页设计方案的优劣。因此，掌握网页布局艺术对于一个网页设计师而言是不可缺少的技能。网页布局可以从两方面理解，一种是结构布局，另一种是艺术布局。101．结构布局网页结构布局

7、是根据网页中各种元素的位置结构划分来设计的，最常见到的结构布局方式包括国字型、拐角型、上下框架和左右框架等类型。112．艺术布局在网页设计时，往往还广泛地应用了平面构成的原理。通过平面构成原理，可以使网页更富有艺术气息，更加吸引用户的注意力。1.3网页标准化技术网页是一种承载多媒体数据信息的、跨平台的媒体。在制作这种媒体时，必须依照统一的技术标准，遵循严格的技术规范。目前网页的技术规范主要包括三种，即XHTML语言、CSS样式表以及ECMAScript脚本语言。这三种技术规范分别实现了网页的标准化结构、

8、标准化表现以及标准化的行为，形成了三位一体的网页标准化体系。121.3.1XHTML语言XHTML（eXtensibleHyperTextMarkupLanguage，可扩展的超文本标记语言）是一种基于XML（eXtensibleMarkupLanguage，可扩展的标记语言）与HTML（HyperTextMarkupLanguage，超文本标记语言）的新型标记语言和结构语言。131．XHTML语言简介2．结构与表现的分离3．XHTML文档