《网页设计及工具》PPT课件

《《网页设计及工具》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第1章网页设计及工具现今，网站已经被越来越多的人所熟识与使用。构成网站的基本元素是网页，当你轻点鼠标，遨游网络世界时，精彩的网页将一副副的呈现于面前，使人们通过网站来发布以及获取相关信息更加地方便。本章将通过相关内容的介绍，来详细讲解网页设计的基础知识，同时认识有关网页设计的常用工具。1.1网页设计概述网站由一个特定人群和组织控制的一组网页的组合。网站是由众多的网页组成的，页面是否精彩直接关系着网站是否受人们的欢迎。本章通过讲解，将向大家展示有关网页设计的基础知识及相关概念。1.1.1网页和网站基础知识网站的建设首先需要从网页开始，网页和网站究竟

2、是怎么一回事呢？接下来让我们通过了解网页和网站的基础知识，来初步认识它们，为网页和网站的建设与制作铺路开拓。1．网页和网站的区别关于网页：简单来说，大家通过浏览器看到的画面就是网页。在互联网上应用最广的是网页浏览，浏览器窗口中显示的一个页面称作一个网页，网页可以包括文字、图片、动画以及视频、音频等内容。网页说具体了是一个HTML文件，浏览器是用来解读这份文件的。如图所示是一网站页面。关于网站：网站是众多网页集合而成的，不同的用户通过有组织的连接整合一起，为浏览者提供更丰富的信息。网站由域名（domainname又称网址），网站源程序和网站空间三部

3、分构成。网站也是信息服务类企业的代名词，如在新浪、搜狐工作的人，也可以说，他在一家网站工作。如图所示是新浪网站的首页的截图。2．什么是网页设计与制作其实网页就是一个HTML文件，我们所要学习的网页设计与制作，就是学习如何编辑这个文件。多个HTML文件集合而成的内容也就是网站，制作一个网站，也就意味着你需要单独编辑若干个HTML文件。多个HTML文件需要通过“超链接”进行连接。3．主页面一般情况下，一个网站都相应的制作有一个被称作主页（HomePage）的页面，它常常被看作是该网站的大门，起着引导访问者去进入浏览的作用。同时，网站有些什么内容，更新

4、了什么内容等等，都可以通过主页直接被访问者熟知。如图所示是腾讯网的主页。1.1.2网站类型网站有静态和动态之分，根据不同的划分标准，网站被分为好多种类型。接下来我们通过详细的分析，来具体介绍网站的类型，以及在制作网站前，如何选择适合的网站类型。1．网站分类从所用编程语言不同来划分，包括ASP、PHP、JSP、ASP.net……从用途不同来划分，包括门户网站、行业网站、娱乐网站……从持有者不同来划分，包括个人网站、商业网站、政府网站……从商业目的不同来划分，包括营利型网站、非营利型网站……2．类型选择将网站按照主体性质不同可分为政府网站、企业网站、

5、商业网站、教育科研机构网站、个人网站、其它非盈利机构网站以及其它类型。按网站模式划分，可分为综合类门户网站、电子商务网站、专业网站等。以下，通过简要介绍网站的模式，分析有关合适网站类型的选择。其具体内容如表所示。1.1.3静态网站制作流程静态网站的制作相对比较简单，主要可以分四个部分来完成。1．内容的策划在网站创业前，进行系统的策划是非常必要的。如果要让网站从大量站点中脱颖而出，就必须进行详细而深入的论证。（1）确定需要建立什么样的网站（2）选择什么样的网站内容（3）确定用户群体，便于内容投其所好（4）前期策划决定网站竞争力（5）怎样策划一个好的

6、网站（6）策划需要注意的事项2．图纸的设计设计图纸是在Photoshop或者Fireworks中把你想做的网站用图片的形式画出来。Photoshop的灵活多变以及超级强大的功能，完全可以画出绚烂的网页出来。浏览器的不同——像多窗口浏览器有一个标签栏，就算是IE，常用图标也有大小之分。因此具体的尺寸是多少，你需要在实际制作过程中自己灵活掌握。3．网页的切割网页的切割还是要交给Photoshop或者Fireworks来完成，这里主要是使用它们的切片工具。这建议大家更多使用Fireworks，因为它专业，也更容易上手。切割网页就是把图片切割成若干个小图

7、片，其中宽度高度什么的都得自己去掌握去学习。4．制作网页网页就是表格加图片加Flash，在完成了内容策划，图纸设计，页面切割之后，我们就可以着手进行网页的制作了。在本书的具体制作的应用实例，我们都通过DreamweaverCS5来进行相关操作。当然，用于制作网页的工具远远不止这一些。1.1.4动态网站制作流程对于动态网站，因为有脚本语言，所以比较复杂的。同样，要做的工作也就更多了。主要有以下几方面：1．整体规划对于整体规划，可以从以下几方面来进行：①动态程序语言的确立②网站栏目功能规划③根目录策划2．数据库规划3．编写网站后台4．编写网站前台5．

8、测试及修改阶段6．网站的发布1.2网页设计工具“工欲善其事，必先利其器”。制作网页第一件事就是选定一种网页制作软件。从原理上来讲，虽然直