Dreamweaver网页15136.pptx

《Dreamweaver网页15136.pptx》由会员分享，可在线阅读，更多相关《Dreamweaver网页15136.pptx（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作网页设计与制作网页制作课程内容：1、网页制作基础知识2、HTML语言3、Dreamveaver4、综合应用(课程实训)第一讲 网页制作基础知识在学习网页制作之前，首先应了解一些网页与网站的基本知识，了解常用的网页制作工具，熟悉网站开发流程。本讲要点：网页的基本概念网页包括的主要元素网页制作流程网页制作工具一、网页的基本概念一、网页的基本概念(一)、什么是网页？网页是使用网页制作工作编辑生成或使用HTML语言编写的文本文件，网页里可以包含文字、表格、图像、声音和视频等网页元素。每个网页都是磁盘上的一个文件，可以单独浏览。网页是组成网站的特殊成分，图像、声音、和视频等文件均需要通过网

2、页才能让浏览者看到或听到。一、网页的基本概念一、网页的基本概念(二二)、网站的的概念与分类、网站的的概念与分类1 1、网站的的概念、网站的的概念网站，也称作站点，英文的名称是网站，也称作站点，英文的名称是Web SiteWeb Site。从从逻逻辑辑上上讲讲网网站站就就是是一一个个建建构构在在网网络络上上、具具有有独独立立名名称称的的逻逻辑辑上上的的独独立立体体。再再简简单单来来讲讲，就就是是一一组组具具有有特特殊殊连连接接方方式式的的页页面面群群，表表现现出出来来就就是是我我们们常常说说的的一一个个网网站站，比比如如网网易易、搜搜狐狐、新新浪浪、百百度度等等知知名名网网站站。我我们们个个人人

3、做做的的网网站站虽虽然然规规模模上上不不能能和和大大站站相相比比，但但它它在在结结构上也是完全独立的。构上也是完全独立的。从从物物理理意意义义上上讲讲，所所有有的的网网站站都都架架构构在在连连接接到到因因特特网网的的服服务务器器上上，其具体网页文件都存放在一个网站文件夹中。其具体网页文件都存放在一个网站文件夹中。网网站站的的分分类类方方式式有有多多种种，这这里里我我们们仅仅就就网网站站的的内内容容与与网网站站的的交交互互性性两方面来分类。两方面来分类。一、网页的基本概念一、网页的基本概念2 2、网站的分类、网站的分类（1 1）按内容分类）按内容分类搜索引擎式网站：以搜索引擎为主要功能。如百度、

4、一搜、搜索引擎式网站：以搜索引擎为主要功能。如百度、一搜、GoogleGoogle等。等。综综合合性性门门户户网网站站：以以新新闻闻信信息息、娱娱乐乐资资讯讯等等为为主主要要功功能能。如如搜搜狐狐、新新浪浪、网网易易、雅雅虎等。虎等。电子商务网站：主要用于网上交易。如：阿里巴巴、易趣等。电子商务网站：主要用于网上交易。如：阿里巴巴、易趣等。即时通讯网站：用于实时性网上通讯交流。如腾迅即时通讯网站：用于实时性网上通讯交流。如腾迅QQQQ、雅虎等。、雅虎等。小小型型专专题题或或个个人人主主页页：多多以以宣宣传传创创建建者者自自身身，提提供供信信息息，或或就就某某一一专专题题提提供供最最新新资资讯讯

5、、历历史史资资料料及及相相关关论论坛坛等等内内容容为为主主要要形形式式。小小型型企企事事业业网网站站或或个个人人网网站站大大多多采采用用这种形式。这种形式。（2 2）按网站交互性来类）按网站交互性来类单单向向传传递递：这这类类网网站站重重点点在在宣宣传传自自身身、介介绍绍产产品品、发发布布新新闻闻等等。与与传传统统媒媒体体的的传传播播方式相类似，主要是提供资料供用户浏览，其它交流功能则较少。方式相类似，主要是提供资料供用户浏览，其它交流功能则较少。双向交流：更注重网络与用户间信息的互动，网站可按用户的需求提供各种形式的双向交流：更注重网络与用户间信息的互动，网站可按用户的需求提供各种形式的检索

6、，并且用户在网上获取信息的同时，网站也可接收到来自用户的信息，实现信检索，并且用户在网上获取信息的同时，网站也可接收到来自用户的信息，实现信息共享，用户还可加入各种网上互动活动，如参加论坛讨论，进行在线游戏等。息共享，用户还可加入各种网上互动活动，如参加论坛讨论，进行在线游戏等。一、网页的基本概念一、网页的基本概念(三三)、网页是如何被浏览的？、网页是如何被浏览的？网网页页是是能能够够被被浏浏览览器器软软件件识识别别的的文文件件，但但有有时时也也把把用用浏浏览览器器看看到的网页文件的内容叫网页或页面。到的网页文件的内容叫网页或页面。浏浏览览器器是是专专门门用用于于浏浏览览网网页页的的软软件件，

7、常常用用的的浏浏览览器器软软件件有有MicrosoftMicrosoft的的IEIE和和NetscapeNetscape的的NavigatorNavigator等。等。HTMLHTML文文件件中中还还定定义义了了网网页页中中的的各各种种对对象象（如如：文文字字，图图片片，声声音音，图图像像，动动画画）的的位位置置，外外形形和和色色彩彩，各各种种图图像像，声声音音，动动画等文件则是网页的素材。画等文件则是网页的素材。网页浏览者在浏览网页时，实际上是将网页浏览者在浏览网页时，实际上是将HTMLHTML文件及相关的文本、文件及相关的文本、图像、声音等文件下载到自已本地的计算机中，然后由浏览器图像、声

8、音等文件下载到自已本地的计算机中，然后由浏览器程序对程序对HTMLHTML文件进行解释后显示网页内容。文件进行解释后显示网页内容。一、网页的基本概念一、网页的基本概念一、网页的基本概念一、网页的基本概念一、网页的基本概念一、网页的基本概念一、网页的基本概念一、网页的基本概念4 4、虚拟主机、虚拟主机虚虚拟拟主主机机是是使使用用特特殊殊的的软软、硬硬件件技技术术把把一一台台服服务务器器主主机机分分成成几几十十个个“虚虚拟拟”的的服服务务器器主主机机，每每台台虚虚拟拟主主机机都都具具有有独独立立的的域域名名和和IPIP地地址址（或共亨的（或共亨的IPIP地址），具有完整的地址），具有完整的Inte

9、rnetInternet服务器功能。服务器功能。虚虚拟拟主主机机之之间间完完全全独独立立，在在外外界界看看来来，每每台台虚虚拟拟主主机机和和一一台台独独立立的的服服务务器器主主机机完完全全一一样样。多多台台虚虚拟拟主主机机共共亨亨真真实实主主机机的的资资源源，这这样样就就可以把网络的开销费用均摊到每台虚拟主机上。可以把网络的开销费用均摊到每台虚拟主机上。可利用虚拟主机技术建立个人主页，在大型网站上（提供存放主页可利用虚拟主机技术建立个人主页，在大型网站上（提供存放主页的免费空间，提供免费域名）申请主页空间和域名（免费或收费），的免费空间，提供免费域名）申请主页空间和域名（免费或收费），获得成功

10、后，把你制作的网页存放在虚拟主机上，这样你就好象在获得成功后，把你制作的网页存放在虚拟主机上，这样你就好象在InternetInternet上拥有了自己的服务器和网站。上拥有了自己的服务器和网站。一、网页的基本概念一、网页的基本概念一、网页的基本概念一、网页的基本概念6 6、文件传输协议、文件传输协议(FTP)(FTP)文文件件传传输输协协议议(FTP)(file(FTP)(file transfer transfer pretocol)pretocol)用用于于网网络络调调节节点点间间文文件件的的双双向向传传输输,是是实实现现资资源源共共享享的的重重要要方方式式和有效手段之一。和有效手段之一

11、。FPT FPT 是是支支持持用用户户实实现现把把文文件件从从一一台台计计算算机机中中传传输输到到另另一一台台计算机中计算机中,并且能保证传输的可靠性。并且能保证传输的可靠性。用户在本地计算机上做好的主页除了用用户在本地计算机上做好的主页除了用DW4.0DW4.0上传之外。上传之外。还可以用还可以用FTPFTP上传到达远程的主机中。常用的上传到达远程的主机中。常用的FTPFTP工具有工具有CuteFTPCuteFTP和和LeapFTPLeapFTP等。等。一、网页的基本概念一、网页的基本概念7.网站的发布网站制作好后还需要发布才能被浏览者浏览。网站的性质不同，发布方式也不同。(1)企业级商业网

12、站的发布如果企业有足够的资金和技术支持，可以考虑创建自己的网络中心。硬件方面需要有性能稳定的服务器、路由器、交换机，并要向当地的电信部门申请网络专线。同时需要有一定数量的专人对网站进行维护和管理。一、网页的基本概念一、网页的基本概念7.7.网站的发布网站的发布(2)(2)中小企业级或小型组织社团的网站发布中小企业级或小型组织社团的网站发布如如果果没没有有条条件件创创建建独独立立的的网网站站硬硬件件环环境境，或或者者网网站站规规模模并并不不大大，不不需需要要创创建建独立的网站硬件环境，可以选择以下几种小型网站的解决方案。独立的网站硬件环境，可以选择以下几种小型网站的解决方案。1)1)租赁虚拟主机

13、：租赁虚拟主机：如如果果网网站站的的内内容容不不是是很很多多，也也不不需需要要大大量量的的服服务务器器空空间间支支持持数数据据库库，可可以以采采用用这这种种发发布布方方式式，也也就就是是租租用用ISPISP主主机机服服务务器器的的一一定定空空间间，比比如如100MB100MB，来来发发布布网网站站，一一年年需需要要支支付付几几千千元元，就就可可以以建建立立一一个个功功能能比比较较强强大大的的网网站站。目目前前，这是大多数中小企业和社会团体、较具规模的各种组织网站多采用的模式。这是大多数中小企业和社会团体、较具规模的各种组织网站多采用的模式。2)2)服务器托管：服务器托管：如如果果在在网网站站里

14、里需需要要大大量量数数据据库库支支持持，可可以以采采用用这这种种方方式式。将将网网络络服服务务器器主主机机存存放放在在某某个个ISPISP的的网网络络中中心心里里，借借用用他他们们的的通通信信系系统统接接入入因因接接网网。ISPISP的的人人员员还还可可代代为为维维护护，这这样样既既可可以以节节省省相相当当的的网网络络管管理理人人员员和和许许多多通通信信设设备备的的同同时时，又能达到网站的高性能。又能达到网站的高性能。3)DDN3)DDN专线接入：专线接入：这这种种方方式式有有些些类类似似于于服服务务器器托托管管，就就是是也也有有自自己己的的服服务务器器，但但不不是是存存入入放放在在ISPIS

15、P网网管管中中心心，而而是是存存放放在在自自己己的的机机房房中中，利利用用DDNDDN或或其其他他专专线线接接入入方方式式与与ISPISP的的通通讯讯系系统统相相连连，由由ISPISP连连入入因因特特网网，这这种种方方式式的的费费用用也也很很高高，因因为为专专线线多多是是每每月月要要收收比比较较贵贵的的月月租租费费，而而且且还还有有一一个个容容量量问问题题，如如果果专专线线容容量量较较小小，网站所能被访问的人数就会较少。网站所能被访问的人数就会较少。一、网页的基本概念一、网页的基本概念7.网站的发布(3)免费主页空间如果只是想建立一个小型的、功能简单的网站，当然也可采用以上形式，但这需要有相应

16、有费用支持，投资与效益的比例关系需要权衡。如果目前还不想投资太多，那么免费主页空间将是较好的选择。但现在较好的免费主页空间不多，且一般不支持ASP、JSP、CGI等高级功能。一、网页的基本概念一、网页的基本概念一、网页的基本概念一、网页的基本概念9 9、主页、主页主主页页（HOME HOME PAGEPAGE），也也称称为为首首页页，它它和和一一般般网网页页一一样样，是是一一个个单单独独的的网网页页，可可以以存存放放各各种种信信息息。主主页页是是特特殊殊的的网网页页，是是这这个个站站点点中中所所有有网网页页文文件件的的起起点点和和交交点点，也也是是浏浏览览者者浏浏览览一一个个网网站站的的起起点

17、点。主主页页应应给给出出站站点点的的基基本本信信息息和和主主要要内内容容，使使浏浏览览者者一一目目了了然然地地了了解解站站点点的的基基本本主主题题，了了解解站点的信息是否对自己有用。站点的信息是否对自己有用。二、网页包括的主要元素 网页中除包含文本、声音外，还包含图像、导航、表格、表单等元素：（1）文本文本是人类最重要的信息载体和交流工具，网页的主体一般以文本为主。在制作网页时，可以根据需要设置文本的字体、字号、颜色以及所需要的其他格式。二、网页包括的主要元素（2 2）图像）图像图图像像在在网网页页中中可可以以起起到到提提供供信信息息、展展示示作作品品、美美化化网网页页以以及及体体现现风风格格

18、等等效效果果。图图像像可可以以用用作作标标题题、网网站站标标志志（LogoLogo）、网网页页背背景景、链链接接按按钮钮、导导航航栏栏、网网页页主主图图等等。由由于于网网络络对对网网页页文文件件的的容容量量要要求求非非常常苛苛刻刻，因因此此在在网网页页中中只支持压缩比较高的只支持压缩比较高的GIFGIF、JPEGJPEG、BMPBMP等几种图像格式。等几种图像格式。（3 3）动画）动画动动画画即即动动态态画画面面，它它是是由由一一组组静静态态画画面面组组成成的的连连续续播播放放便便形成了动画。形成了动画。动画可由动画可由fireworksfireworks、flashflash、3dmax3d

19、max等软件制作。等软件制作。二、网页包括的主要元素（4 4）导航栏）导航栏导导航航栏栏类类似似于于软软件件中中的的菜菜单单，实实质质上上是是一一串串超超链链接接。其其作作用用是是目目录录提提纲纲，是是浏浏览览网网页页的的引引航航路路标标，使使浏浏览览者者顺顺利利的的浏浏览览网网站站内内容容，是是建建设设网网站站过过程程中中的的一一条条主主目目录录。导导航航栏栏可可以以是是按按钮钮、文文本本或或图图像像。站站点点的的每每个个网网页页上上均均应设置导航栏，导航栏应放置在网页比较明显的位置。应设置导航栏，导航栏应放置在网页比较明显的位置。（5 5）超级链接）超级链接超级链接是网页中很有作的功能，是

20、从一个网页指向另超级链接是网页中很有作的功能，是从一个网页指向另一个目的端的链接，该链接既可以指向本地网站的另一一个目的端的链接，该链接既可以指向本地网站的另一个网页，也可以指向世界各地的其他网页。不论是文字个网页，也可以指向世界各地的其他网页。不论是文字还是图像，都可以设置超级链接。超级链接一般包括两还是图像，都可以设置超级链接。超级链接一般包括两种类型：站内链接和站外链接种类型：站内链接和站外链接 二、网页包括的主要元素(6)(6)表格表格网网页页中中的的表表格格是是一一种种用用于于控控制制网网页页页页面面布布局局的的有有效效方方法法。为为了了达达到到理理想想的的视视觉觉效效果果，通通常常

21、不不显显示示边边框框。如如果果网网页页具有横竖分明的风格，那么一定是由表格辅助布局。具有横竖分明的风格，那么一定是由表格辅助布局。(7)(7)表单表单表表单单是是能能够够实实现现人人机机交交互互的的网网页页界界面面，一一种种特特殊殊的的网网页页元元素素，通通常常用用于于收收集集或或实实现现一一些些交交互互式式的的效效果果。表表单单的的主主要要功功能能是是接接收收浏浏览览者者在在浏浏览览器器端端的的输输入入信信息息，然然后后将将这这些些信信息息发发送送到到浏浏览览者者设设置置的的目目的的端端。比比如如用用户户注注册册，要要填填一一些些表表格格，做做出出一一些些选选择择后后提提交交，提提交交的的信

22、信息息将将上上传到服务器。传到服务器。(8)(8)多媒体及特殊效果多媒体及特殊效果为为了了吸吸引引浏浏览览者者，许许多多网网页页还还包包含含有有声声音音、视视频频等等多多媒媒体体元元素素，以以及及悬悬停停效效果果、JavaJava控控件件、ActiveXActiveX控控件件等等特特殊效果。殊效果。三、网站制作流程网网站站设设计计是是一一个个系系统统工工程程，具具有有特特定定的的工工作作流流程程，遵遵循循这这个个流流程程，才才能能设设计计出出令令人人满满意意的的网网站站。网网站站设设计计主主要要分分为为网网站站规规划划、网网站站制制作作、后后期期维维护护三三个个阶段，如下图所示：阶段，如下图所

23、示：确定主题搜集材料规划网站制作网页测试评估正式上传推销网站维护更新网站规划网站制作后期维护三、网站制作流程(一一)网站规划网站规划制制作作网网页页如如同同泼泼墨墨作作画画，首首先先要要进进行行构构思思，然然后后再再加加以以实实现现。这这种种构构思思就就是是网网站站规规划划。网网站站规规划划的的总总体体原原则则有有两两个个：一一是是为为读读者者提提供供有有用用信信息息，二是要美观。二是要美观。1 1、确定网站的主题与名称、确定网站的主题与名称网网站站的的主主题题是是指指建建立立的的网网站站所所要要包包含含的的主主要要内内容容。例例如如，教教育育、旅旅游游、体体育育、新新闻闻、医医疗疗、时时尚尚

24、、娱娱乐乐、搜搜索索等等。其其中中每每一一大大类类又又可可细细分分为为若若干小类。一般来说，确定网站主题应遵循以下原则：干小类。一般来说，确定网站主题应遵循以下原则：(1)(1)主主题题鲜鲜明明：一一个个网网站站必必须须要要有有一一个个明明确确的的主主题题，在在主主题题范范围围内内做做到到内容全而精。内容全而精。(2)(2)明确设立网站的目的。明确设立网站的目的。(3)(3)体体现现自自己己的的个个性性。把把自自己己的的兴兴趣趣、爱爱好好尽尽情情地地发发挥挥出出来来，突突出出自自己己的个性，办出自己的特色。的个性，办出自己的特色。在个人网站中，网站的名称起着很重要的作用，它在很大程度上决定了在

25、个人网站中，网站的名称起着很重要的作用，它在很大程度上决定了整个网站的定位。一个好的名称必须简洁、有概括性、有特色、容易记，整个网站的定位。一个好的名称必须简洁、有概括性、有特色、容易记，还要符合自己主页的主题和风格。还要符合自己主页的主题和风格。三、网站制作流程2 2、搜集材料、搜集材料确确定定网网站站主主题题后后，要要围围绕绕主主题题搜搜集集材材料料，作作为为自自己己制制作作网网页页的的素素材材。搜搜集集的的材材料料越越多多，制制作作网网站站越越容容易易。材材料料既既可可以以从从图图书书、报报纸纸、光光盘盘、多多媒媒体体上上获获得得，也也可可以以从从网网上上搜搜集集。对对搜搜集集到到材材料

26、料就就去去粗粗取取精精，去伪存真。去伪存真。3 3、规划网站、规划网站规规划划网网站站就就象象设设计计师师设设计计大大楼楼一一样样，只只有有图图纸纸设设计计好好了了，才才能能建建成成一一座座漂漂亮亮的的楼楼房房。规规划划网网站站时时，首首先先应应把把网网站站的的内内容容列列举举出出来来，根根据据内内容容列列出出一一个个结结构构化化的的蓝蓝图图，根根据据实实际际情情况况设设计计各各个个页页面面之之间间的的链链接接。规规划划网网站站的的内内容容应应包包括括：栏栏目目的的设设置置、目目录录结结构构、网网站站的的风风格（即颜色、搭配、网站标志格（即颜色、搭配、网站标志LOGOLOGO、版面布局、图像的

27、运用）等。、版面布局、图像的运用）等。设设计计LOGOLOGO的的原原则则是是：以以简简洁洁、符符号号化化的的视视觉觉艺艺术术把把网网站站的的形形象象和和理理念展示出来。念展示出来。三、网站制作流程(1)(1)主题栏的设置主题栏的设置在设计网站的主题栏与版块时应注意以下几个问题：在设计网站的主题栏与版块时应注意以下几个问题：1 1）突出主题。把主题栏放在最明显的地方，让浏览者更快、更明确地知道网站所表现的内容。）突出主题。把主题栏放在最明显的地方，让浏览者更快、更明确地知道网站所表现的内容。2 2）设计一个最近更新栏目，让浏览者一目了然地知道更新内容。）设计一个最近更新栏目，让浏览者一目了然地

28、知道更新内容。3 3）栏目不要设置太多，一般不超过）栏目不要设置太多，一般不超过1010个。个。(2)(2)目录结构设计目录结构设计目录结构设计一般应注意以下问题：目录结构设计一般应注意以下问题：1 1）按栏目内容建立子目录。）按栏目内容建立子目录。2 2）每个栏目下分别为图像文件创建一个子目录）每个栏目下分别为图像文件创建一个子目录IMAGEIMAGE（图像较少时可不创建）（图像较少时可不创建）3 3）目录的层次不要太深，主要栏目最好能直接从首页到达。）目录的层次不要太深，主要栏目最好能直接从首页到达。4 4）尽量使用意义明确的非中文目录。）尽量使用意义明确的非中文目录。(3)(3)颜色搭配

29、颜色搭配合合理理的的应应用用色色彩彩是是非非常常关关键键的的，不不同同的的色色彩彩搭搭配配产产生生不不同同的的效效果果，并并能能影影响响浏浏览览者者的的情情绪绪。网网页选用的背景应和页面的色调相协调，色彩搭配要遵循和谐、均衡、重点突出的原则。页选用的背景应和页面的色调相协调，色彩搭配要遵循和谐、均衡、重点突出的原则。(4)(4)网站标志网站标志LOGOLOGOLOGOLOGO最最重重要要的的作作用用就就是是表表达达网网站站的的理理念念，便便于于人人们们识识别别，广广泛泛地地用用于于站站点点链链接接和和宣宣传传。如如同同商商标标一一样样，LOGOLOGO是是站站点点特特色色和和内内涵涵的的集集中

30、中体体现现。如如果果是是企企业业网网站站，最最好好是是在在企企业业商商标标的的基基础础上上设设计，保持企业形象的整体统一。计，保持企业形象的整体统一。三、网站制作流程(5)(5)版面布局版面布局网网页页页页面面的的整整体体布布局局是是不不可可忽忽视视的的。要要合合理理地地运运用用空空间间，让让网网页页疏密有致、井井有条。疏密有致、井井有条。版版面面布布局局一一般般应应遵遵循循的的原原则则是是：突突出出重重点点、平平衡衡和和谐谐，将将网网站站标标志志（LOGOLOGO）、主主菜菜单单等等最最重重要要的的模模块块放放在在突突出出的的位位置置，然然后后再再排排放次要模块（例如搜索、计数器、版权信息、

31、放次要模块（例如搜索、计数器、版权信息、E-mailE-mail地址等）。地址等）。此此外外，其其他他页页面面的的设设计计应应和和首首页页保保持持相相同同的的风风格格，并并有有返返回回首首页页的链接。的链接。(6)(6)图像的运用图像的运用网网页页上上应应适适当当地地添添加加一一些些图图像像，使使用用图图像像一一般般应应注注意意以以下下几几个个问问题：题：1 1）图像是为主页的内容服务的，不以让图像喧宾夺主。）图像是为主页的内容服务的，不以让图像喧宾夺主。2 2）图图像像要要兼兼顾顾大大小小和和美美观观。图图片片不不仅仅要要好好看看，还还应应在在保保证证图图片片质质量量的的情情况况下下尽尽量量

32、缩缩小小图图片片的的大大小小（即即字字节节数数）。图图像像过过大大会会影影响响网页的传输速度。网页的传输速度。3 3）合合理理地地采采用用JPEGJPEG和和GIFGIF图图像像格格式式。颜颜色色较较少少的的（256256色色以以内内）图图像像，可可处处理理为为GIFGIF格格式式，色色彩彩比比较较丰丰富富的的图图像像，最最好好处处理理为为JPEGJPEG格格式。式。三、网站制作流程(二二)网站制作网站制作1 1、制作网站、制作网站制作网站主要包括以下步骤：制作网站主要包括以下步骤：(1)(1)建建立立本本地地站站点点。建建立立站站点点根根文文件件夹夹，用用于于存存放放首首页页、相相关关网页和

33、网站中用到的其他文件。网页和网站中用到的其他文件。(2)(2)在在站站点点根根文文件件夹夹下下创创建建子子文文件件夹夹。为为了了使使文文件件安安排排比比较较清清晰，将页面文件和图像文件分开存放。晰，将页面文件和图像文件分开存放。(3)(3)向站点添加所需要的空网页。向站点添加所需要的空网页。(4)(4)设计网页尽寸。页面大小一般选择设计网页尽寸。页面大小一般选择800600800600规格。规格。(5)(5)设设计计网网页页属属性性，包包括括页页面面标标题题、背背景景图图像像、背背景景颜颜色色、链链接颜色、文字颜色等。接颜色、文字颜色等。(6)(6)向网页中插入文本、图像、动画等对象。向网页中

34、插入文本、图像、动画等对象。(7)(7)建立所需要的超级链接。建立所需要的超级链接。(8)(8)预览和保存网页。预览和保存网页。三、网站制作流程2 2、上传与测试、上传与测试测试评估与正式上传是不可分割的两部分。测试评估与正式上传是不可分割的两部分。制制作作完完毕毕的的网网页页，必必须须进进行行测测试试。测测试试评评估估主主要要包包括括上上传传前前的的兼兼容容性性测测试试、链链接接测测试试和和上上传传后后的的实实地地测测试试。完完成成上上传传前前所所需需要要的的测测试试后后，利利用用FTPFTP工工具具将将网网页页发发布布到到所所申申请请的的主主页页服服务务器器上上。网网站站上上传传后后，继继

35、续续通通过过浏浏览览器器进进行行实实地地测测试试，发发现现问问题题，及及时时修修改改，然然后后再再上上传测试。传测试。三、网站制作流程(三三)后期维护后期维护1 1、推销网站、推销网站网网页页上上传传后后，需需要要不不断断地地进进行行宣宣传传，以以便便让让更更多多的的朋朋友友认认识识它它，从从而而提提高高网网站站的的访访问问率率与与知知名名度度。推推广广网网站站的的方方法法很很多多，例例如如，利利用用E-mailE-mail、新新闻闻组组、与与别别的的网网站站交交换换链链接接（友情链接）、到搜索引擎上注册、加入交换广告等。（友情链接）、到搜索引擎上注册、加入交换广告等。2 2、维护更新、维护更

36、新网网站站必必须须定定期期维维护护、定定期期更更新新，只只有有不不断断地地补补充充新新内内容容，才才能能吸吸引引浏浏览览者者。同同时时，随随着着软软硬硬件件的的进进步步，网网页页的的设设计计也也应应由由文文字字向向多多媒媒体体、由由平平面面图图像像向向立立体体动动画画或或影影片片、由由单向传播向交互式发展。单向传播向交互式发展。四、网页制作工具简介早早期期的的网网页页一一般般是是由由专专业业人人员员利利用用HTMLHTML语语言言编编写写实实现现的的。目目前前，已已出出现现多多种种可可视视化化程程度度很很高高的的网网页页制制作作工工作作，不不需需要要掌掌握握专专业业的的网网页页制制作作技技术术

37、也能创作出富有特色、丰富多彩的网页。也能创作出富有特色、丰富多彩的网页。(一一)网页编辑工具网页编辑工具1 1、FrontPageFrontPageFrontPageFrontPage是是MicrosoftMicrosoft公公司司出出品品的的入入门门级级网网页页编编辑辑软软件件。FrontPageFrontPage支支持持所所见见即即所所得得的的编编辑辑方方式式，它它不不需需要要掌掌握握很很深深的的网网页页制制作作技技术术。其其基基本本使使用用方方法法与与WORDWORD类类似似。FrontPageFrontPage最最有有特特色色的的功功能能是是站站点点管管理理。在在更更新新服服务务器器上

38、上的的站站点点时时，不不需需要要创创建建更更改改文文件件目目录录，FrontPageFrontPage将将自自动动跟跟踪踪文文件件并并拷贝那些新版本的文件。拷贝那些新版本的文件。2 2、DreamweaverDreamweaverDreamweaverDreamweaver是是MacromediaMacromedia公司推出的网页制作产品，它是一个用于可视公司推出的网页制作产品，它是一个用于可视化设计与管理网页和网站的工具，支持最新的化设计与管理网页和网站的工具，支持最新的WEBWEB技术。它与技术。它与MACROMEDIAMACROMEDIA公司的公司的FLASHFLASH、FIREWORK

39、SFIREWORKS、FREEHAND FREEHAND 配合使用，功能更为强大，是目前配合使用，功能更为强大，是目前专业人士首选的网页制作工具。专业人士首选的网页制作工具。DreaweaverDreaweaver、FlashFlash和和FireworkFirework被称为被称为“网页制作三剑客网页制作三剑客”。四、网页制作工具简介(二二)网页图像与动画制作工具网页图像与动画制作工具网网页页通通常常具具有有丰丰富富多多彩彩的的图图像像和和动动画画。对对于于网网页页中中的的图图像像和和动动画画，既既要要求质量高，同时还要求文件所占存储空间小。求质量高，同时还要求文件所占存储空间小。1 1、F

40、ireworksFireworksFireworksFireworks是是MacromediaMacromedia公公司司专专门门设设计计的的WEBWEB图图形形工工具具软软件件，它它可可以以用用最最少少的的步步骤骤生生成成最最小小但但质质量量很很高高的的JPEGJPEG和和GIFGIF图图像像，这这些些图图像像可可以以直直接接用用于于网页上。网页上。FireworksFireworks是是WEBWEB图形工具的首选软件。图形工具的首选软件。2 2、FlashFlashFlashFlash是是MacromediaMacromedia公公司司专专门门为为网网页页设设计计的的一一个个交交互互性性矢

41、矢量量动动画画设设计计软软件件。网网页页设设计计者者可可以以随随心心所所欲欲地地设设计计各各种种动动态态LOGOLOGO（商商标标、图图案案）、动动画画、导导航航条条，还还可可带带有有动动感感音音乐乐，以以及及其其他他多多媒媒体体的的各各项项功功能能。由由于于矢矢量量图图形不会因为缩放而失真，因此在形不会因为缩放而失真，因此在WEBWEB上应用广泛。上应用广泛。3 3、PhotoshopPhotoshopPhotoshopPhotoshop是是由由AdobeAdobe公公司司出出品品的的著著名名的的图图形形图图像像处处理理软软件件。它它能能够够实实现现各种专业化的图像处理，是专业图像创作的首选

42、软件。各种专业化的图像处理，是专业图像创作的首选软件。四、网页制作工具简介4 4、PhotoImpactPhotoImpactPhotoImpactPhotoImpact是是友友立立（UleadUlead）咨咨询询股股份份有有限限公公司司推推出出的的图图像像处处理理软软件件，它它功功能能强强大大，易易于于使使用用，在在商商业业广广告告和和WEBWEB图图像像应应用用方方面面有有着着突突出出的的优优势势。对对于非专业用户来说，于非专业用户来说，PhotoImpactPhotoImpact是一个很好的选择。是一个很好的选择。5 5、COOL 3DCOOL 3DCOOL COOL 3D3D是是友友立

43、立（UleadUlead）咨咨询询股股份份有有限限公公司司推推出出的的三三维维立立体体文文字字特特效效工工具具，它它广广泛泛地地应应用用于于平平面面设设计计和和网网页页制制作作领领域域。COOL COOL 3D3D主主要要用用于于制制作作文文字字的的各各种静态和动态特效。种静态和动态特效。6 6、GIF AnimatorGIF AnimatorGIF AnimatorGIF Animator也是友立（也是友立（UleadUlead）公司发布的一个动画）公司发布的一个动画GIFGIF制作工具。它可制作工具。它可以将多幅外部图像文件组合成动画，还具有滤镜劝功能、条幅文字效果等。以将多幅外部图像文件组合成动画，还具有滤镜劝功能、条幅文字效果等。可以使用可以使用GIF AnimatorGIF Animator创建和编辑网页动画文件。创建和编辑网页动画文件。演讲完毕，谢谢观看！