第1章 网页设计及工具.pptVIP

第1章 网页设计及工具 现今，网站已经被越来越多的人所熟识与使用。构成网站的基本元素是网页，当你轻点鼠标，遨游网络世界时，精彩的网页将一副副的呈现于面前，使人们通过网站来发布以及获取相关信息更加地方便。本章将通过相关内容的介绍，来详细讲解网页设计的基础知识，同时认识有关网页设计的常用工具。 1.1 网页设计概述 网站由一个特定人群和组织控制的一组网页的组合。网站是由众多的网页组成的，页面是否精彩直接关系着网站是否受人们的欢迎。本章通过讲解，将向大家展示有关网页设计的基础知识及相关概念。 1.1.1 网页和网站基础知识 网站的建设首先需要从网页开始，网页和网站究竟是怎么一回事呢？接下来让我们通过了解网页和网站的基础知识，来初步认识它们，为网页和网站的建设与制作铺路开拓。 1．网页和网站的区别 关于网页：简单来说，大家通过浏览器看到的画面就是网页。在互联网上应用最广的是网页浏览，浏览器窗口中显示的一个页面称作一个网页，网页可以包括文字、图片、动画以及视频、音频等内容。网页说具体了是一个HTML文件，浏览器是用来解读这份文件的。如图所示是一网站页面。 关于网站：网站是众多网页集合而成的，不同的用户通过有组织的连接整合一起，为浏览者提供更丰富的信息。网站由域名（domain name又称网址），网站源程序和网站空间三部分构成。网站也是信息服务类企业的代名词，如在新浪、搜狐工作的人，也可以说，他在一家网站工作。如图所示是新浪网站的首页的截图。 2．什么是网页设计与制作 其实网页就是一个HTML文件，我们所要学习的网页设计与制作，就是学习如何编辑这个文件。多个HTML文件集合而成的内容也就是网站，制作一个网站，也就意味着你需要单独编辑若干个HTML文件。多个HTML文件需要通过“超链接”进行连接。 3．主页面 一般情况下，一个网站都相应的制作有一个被称作主页（HomePage）的页面，它常常被看作是该网站的大门，起着引导访问者去进入浏览的作用。同时，网站有些什么内容，更新了什么内容等等，都可以通过主页直接被访问者熟知。如图所示是腾讯网的主页。 1.1.2 网站类型 网站有静态和动态之分，根据不同的划分标准，网站被分为好多种类型。接下来我们通过详细的分析，来具体介绍网站的类型，以及在制作网站前，如何选择适合的网站类型。 1．网站分类 从所用编程语言不同来划分，包括ASP、PHP、JSP、ASP.net…… 从用途不同来划分，包括门户网站、行业网站、娱乐网站…… 从持有者不同来划分，包括个人网站、商业网站、政府网站…… 从商业目的不同来划分，包括营利型网站、非营利型网站…… 2．类型选择 将网站按照主体性质不同可分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型。按网站模式划分，可分为综合类门户网站、电子商务网站、专业网站等。以下，通过简要介绍网站的模式，分析有关合适网站类型的选择。其具体内容如表所示。 1.1.3 静态网站制作流程 静态网站的制作相对比较简单，主要可以分四个部分来完成。 1．内容的策划 在网站创业前，进行系统的策划是非常必要的。如果要让网站从大量站点中脱颖而出，就必须进行详细而深入的论证。 （1）确定需要建立什么样的网站 （2）选择什么样的网站内容 （3）确定用户群体，便于内容投其所好 （4）前期策划决定网站竞争力 （5）怎样策划一个好的网站 （6）策划需要注意的事项 2．图纸的设计 设计图纸是在Photoshop或者Fireworks中把你想做的网站用图片的形式画出来。Photoshop的灵活多变以及超级强大的功能，完全可以画出绚烂的网页出来。浏览器的不同——像多窗口浏览器有一个标签栏，就算是IE，常用图标也有大小之分。因此具体的尺寸是多少，你需要在实际制作过程中自己灵活掌握。 3．网页的切割 网页的切割还是要交给Photoshop或者Fireworks来完成，这里主要是使用它们的切片工具。这建议大家更多使用Fireworks，因为它专业，也更容易上手。切割网页就是把图片切割成若干个小图片，其中宽度高度什么的都得自己去掌握去学习。 4．制作网页 网页就是表格加图片加Flash，在完成了内容策划，图纸设计，页面切割之后，我们就可以着手进行网页的制作了。在本书的具体制作的应用实例，我们都通过Dreamweaver CS5来进行相关操作。当然，用于制作网页的工具远远不止这一些。 1.1.4 动态网站制作流程 对于动态网站，因为有脚本语言，所以比较复杂的。同样，要做的工作也就更多了。主要有以下几方面： 1．整体规划 对于整体规划，可以从以下几方面来进行： ① 动态程序语言的确立 ② 网站栏目功能规划 ③ 根目录策划 2．数据库规划 3