工学第一讲网页设计概述

《工学第一讲网页设计概述》由会员分享，可在线阅读，更多相关《工学第一讲网页设计概述（79页珍藏版）》请在装配图网上搜索。

1、网页设计与制作 主主 讲：吴发根讲：吴发根mailmail：Q QQ Q号：号：853579269853579269网址：网址：http:/http:/课程定位 网页设计与制作是软件技术专业的专业必修课程 网页设计与制作是以计算机应用基础课程为基础，同时又是软件技术专业各后续主要专业课的基础。通过本课程的学习，应掌握网页设计与制作的基本理论、基本操作技能和基本分析方法，为以后学习Web应用程序开发等后续专业课程打下必备的基础。学习目标学学习习目目标标掌握网页编程基础html相关知识 熟练掌握网页制作软件Dreamweaver的基本操作和使用技能掌握网页页面布局的各种方法掌握表单网页制作方法掌握

2、图片与多媒体文件的添加、调整掌握建立各种形式的超级链接的方法CSS层叠样式表的应用理解行为的作用，掌握设置行为的方法 培养收集、处理信息，准备、加工素材的能力 学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。培养制作静态网页的能力培养设计网站的综合能力培养策划能力、色彩感悟能力；充分培养和提高动手能力平时作业平时作业实验报告实验报告上课考勤上课考勤网页设计与制网页设计与制作相关技术的作相关技术的实际应用实际应用平时成绩平时成绩(30%)(30%)实践考核实践考核(30%)(30%)理论考试理论考试(40%)(40%)相关的基础理相关的基础理论、知识点

3、及论、知识点及相关技术的应相关技术的应用用学生作品第一章 网页基础概述12网页中的常用术语网页中的常用术语34网站开发的工作流程网站开发的工作流程5什么是网页？什么是网页？网页制作工具网页制作工具1 什么是网页？1 什么是网页？浏览Web时所看到的文件称为Web页，又称为网页。网页可以将不同类型的多媒体信息（例如文本、图像、声音和电影等）组合在一个文档中。由于这些文档是用超文本标记语言HTML表示的，因此又称为HTML文档或超文本。HTML HTML通过标记符（Tag）标记网页的各个组成部分，通过在网页中添加标记符，指示浏览器如何显示网页内容。浏览器按顺序阅读网页文件（HTML文件）。任何网页

4、页面都是以HTML语言为核心和基础的。网站和网页网站和网页 网站是网页的集合，网页是组成网站的元素。网站是网页的集合，网页是组成网站的元素。n 网站、网页和主页网站、网页和主页一个小型网站可能只包含几个网页，而一个大型网一个小型网站可能只包含几个网页，而一个大型网站则可能包含成千上万个网页。站则可能包含成千上万个网页。网页是什么网页是什么 网页中除了包含文字外，还包含图像、动画等内容。网页中除了包含文字外，还包含图像、动画等内容。我们看到的一个个网页都是由多个文件组成的。网页我们看到的一个个网页都是由多个文件组成的。网页文件是文件是“根根”，图像和动画文件都是，图像和动画文件都是“枝叶枝叶”。

5、网页中的元素类型网页中的元素类型 网页中的文字与图像网页中的文字与图像文字与图像是网页中的基本元素，是浏览者获得相关文字与图像是网页中的基本元素，是浏览者获得相关信息的主要来源。信息的主要来源。可在设计网页时为文字设置位置、字体、字号、颜色、对齐方可在设计网页时为文字设置位置、字体、字号、颜色、对齐方式，以及加粗和倾斜等格式。式，以及加粗和倾斜等格式。网页中只能使用和显示网页中只能使用和显示JPEG、GIF和和PNG格式的图像，其他格式的图像，其他诸如诸如BMP和和TIF等格式的图像目前还都不能用于网页中。等格式的图像目前还都不能用于网页中。网页中使用的动画与视频影像网页中使用的动画与视频影像

6、 目前，大家在网页中看到的动画主要包括两类，即目前，大家在网页中看到的动画主要包括两类，即动态动态GIF格式动画和格式动画和SWF格式动画。格式动画。|动态动态GIF格式动画的原理十分简单，就是高速连格式动画的原理十分简单，就是高速连续显示多幅静态图像，就像播放动画片一样。通常续显示多幅静态图像，就像播放动画片一样。通常用于制作简单的小型动画。用于制作简单的小型动画。|如果需要在网页上使用一些大型、复杂或带有声如果需要在网页上使用一些大型、复杂或带有声音的动画，可借助音的动画，可借助Macromedia的的Flash软件来制软件来制作作SWF动画。动画。网页中使用的声音网页中使用的声音适当的在

7、网页上加点音乐效果，会使网页更具吸引适当的在网页上加点音乐效果，会使网页更具吸引力。目前，网上比较流行的音频格式主要有力。目前，网上比较流行的音频格式主要有MIDI、WAV、MP3与与Real Audio。从功能角度分析网页从功能角度分析网页从功能的角度来看，可以将网页中的元素分为站标、从功能的角度来看，可以将网页中的元素分为站标、导航栏、广告条、标题栏和按钮。导航栏、广告条、标题栏和按钮。站标站标导航导航栏栏广告广告条条标题标题栏栏按钮按钮站标站标站标也叫站标也叫LOGO，是网站的标志，其作用是使人看见，是网站的标志，其作用是使人看见它就能够联想到企业。因此，网站它就能够联想到企业。因此，网

8、站LOGO通常采用企通常采用企业的业的LOGO。LOGO通常采用带有企业特色和思想的图案，或是与通常采用带有企业特色和思想的图案，或是与企业相关的字符或符号及其变形，当然也有很多是图企业相关的字符或符号及其变形，当然也有很多是图文组合。文组合。导航栏导航栏导航栏实际上是网站内多个页面的超链接组合。导航导航栏实际上是网站内多个页面的超链接组合。导航栏也是网站中所有重要内容的概括，可以让浏览者在栏也是网站中所有重要内容的概括，可以让浏览者在最短时间内了解网站的主要内容。最短时间内了解网站的主要内容。设计导航栏时，有几点需要注意。设计导航栏时，有几点需要注意。如果网站内容不多，并且导航栏不超过两排，

9、可以根如果网站内容不多，并且导航栏不超过两排，可以根据网站风格尝试灵活摆放，如放在网页的左侧或者放据网站风格尝试灵活摆放，如放在网页的左侧或者放在页面上方等。在页面上方等。如果网站的栏目很多，可以将导航栏分为多排放置在如果网站的栏目很多，可以将导航栏分为多排放置在主页主页LOGO的下方或右侧，为便于观看，可为各排设的下方或右侧，为便于观看，可为各排设置不同的底色。置不同的底色。如果导航栏内容较多的话，尽量使用文字超链接而不如果导航栏内容较多的话，尽量使用文字超链接而不用图片。不过，如果导航栏内容不多，或者网页内容用图片。不过，如果导航栏内容不多，或者网页内容比较活泼的话，多采用图片或比较活泼的

10、话，多采用图片或Flash制作导航栏。制作导航栏。广告条又称广告条又称Banner，其功能是宣传网站或替其他，其功能是宣传网站或替其他企业做广告，以赚取广告费。企业做广告，以赚取广告费。广告条广告条在在Banner的制作过程中有一些要点需要注意：的制作过程中有一些要点需要注意：Banner可以是静态的也可以是动态的。可以是静态的也可以是动态的。Banner的体积不宜过大，尽量使用的体积不宜过大，尽量使用GIF格式的图片与动画格式的图片与动画或或Flash动画。动画。Banner中的文字不要太多，只要达到一定的提醒效果就可中的文字不要太多，只要达到一定的提醒效果就可以。以。Banner中图片的颜

11、色不要太多，尤其是中图片的颜色不要太多，尤其是GIF格式的图片或格式的图片或动画，要避免出现颜色的渐变和光晕效果。动画，要避免出现颜色的渐变和光晕效果。这里的标题栏不是指整个网页的标题栏，而是网页这里的标题栏不是指整个网页的标题栏，而是网页内部各版块的标题栏，是各版块内容的概括。内部各版块的标题栏，是各版块内容的概括。标题栏可以是文字加单元格背景，也可以是图片，标题栏可以是文字加单元格背景，也可以是图片，一般的大型网站都采用前者，一些内容少的小网站一般的大型网站都采用前者，一些内容少的小网站采用后者。采用后者。标题栏标题栏网页中的按钮被点击之后，网页会实现相应的操作网页中的按钮被点击之后，网页

12、会实现相应的操作，比如页面跳转，或数据的传输等。，比如页面跳转，或数据的传输等。设计按钮时，要保证按钮与页面的协调，不能太抢设计按钮时，要保证按钮与页面的协调，不能太抢眼，如果按钮上有字则尽量使用单色或渐变色背景眼，如果按钮上有字则尽量使用单色或渐变色背景，保证字迹清晰。当页面上有多个按钮的时候，应，保证字迹清晰。当页面上有多个按钮的时候，应分清主次，根据网页的需要改变按钮的颜色或者大分清主次，根据网页的需要改变按钮的颜色或者大小。小。按钮按钮网页的分类 按所处位置分类 按网页在网站中所处的位置可将网页分为主页和子页两类。按表现形式分类 按网页的表现形式可将网页分为：静态网页和动态网页。1.1

13、.3 网页设计技术分类1静态网页设计技术Internet最早出现时，站点内容都是以HTML静态页面形式存放在服务器上的，访问者浏览到的页面都是这些实际存在的静态页面。静态网页设计技术静态并不是指网页中的元素都是静止不动的，而是指网页制作完成后，静态网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。也就是说，静态网页是保存在服务器上的内容不变的文件，每个网页都是一个独立的文件。静态网页设计技术浏览器“阅读”静态网页的执行过程较为简单，如图1-1所示。首先浏览器向网络中的Web服务器发出请求，指向某个普通网页；Web服务器接受请求信号后，将该网页传回给

14、浏览器，此时传送的只是文本文件；浏览器接到Web服务器送来的信号后开始解读HTML标签，然后进行转换，将结果显示出来。图1-1井台网页的执行过程由于静态网页的内容相对稳定，因此容易被搜索引擎检索。静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式比较困难。静态网页的交互性较差，在功能方面有较大的限制。静态网页设计技术静态网页n 静态网页是指客户端浏览器发送URL请求给服务器，服务器查找需要的超文本文件不加处理直接返回给客户端，在客户端浏览器显示的页面是由网页设计师先制作完成放在服务器上的网页。n 是纯粹HTML格式的网页，用户基本上不能参

15、与，只是网站页面的静态发布。n 静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。动态网页n 动态网页中除了基本网页中的元素外，还包括一些程序，这些应用程序需要浏览器与服务器之间发生交互行为。n 动态网页技术根据程序运行的地点不同，又分为服务器端动态技术（ASP、JSP、PHP等）和客户端动态技术（JavaScript、VBScript）。n 动态网页一般涉及数据库操作，例如注册、登录、查询、购物等，都需要设计强大的服务器端动态程序，并考虑各种可能出现的出错情况，以保证网站的交互性和安全性。网页的结构标题栏地址栏菜单栏主页状态栏网页中的基本元素 网页中的主要元素有：文本、图像、超级

16、链接、导航栏、表格、表单、多媒体等。1.文本 网页的主体一般以文本为主。在制作网页时，可以根据需要设置文本的字体、字号、颜色以及所需要的其他格式。2.图像 图像可以用作标题、网站标志（Logo）、网页背景、链接按扭、导航栏、网页主图等。使用最多的文件格式是JPEG和GIF格式。3.超级链接 超级链接是从一个网页指向另一个目的端的链接。4.导航栏 导航栏能使浏览者方便地返回主页或继续下一页的访问。导航栏可以是按钮、文本或图像。5.表格 网页中的表格是一种用于控制网页页面布局的有效方法。6.表单 表单通常用于收集信息或实现一些交互式的效果。表单的主要功能是接收浏览者在浏览器端的输入信息，然后将这些

17、信息发送到浏览者设置的目的端。7.多媒体 网页包含有声音、动画、视频等多媒体元素。2 网页中的常用术语 WWW URL 文件传输协议（FTP）IP地址 域名 超级链接 网站2.1 WWW WWW（World Wide Web），中文称为万维网，也可以简称网。它是一个大规模的在线信息集合，是一个资料空间。可以通过一种叫做浏览器的应用程序进行检索与查看。www的起源蒂姆伯纳斯李（Tim Berners Lee）1989年，伯纳斯李提出了“World Wide Web”的全球超文本项目计划。1990年，伯纳斯李开发出了架构起全球信息网的三大基本技术：http(超文件传输协议电脑与服务器之间的沟通语言

18、)、html(超文本标记语言全球通用的文件格式)，以及URL(网址文件位置的标示系统)。1991年，伯纳斯李把自己开发的全球信息网放到互联网上。于是，一个划时代的奇迹，在欧洲粒子物理研究所、在伯纳斯李的手中诞生了这就是今天风靡世界的WWW。www有什么不足的地方吗？万维网创始人伯纳斯李于1998年提出了有关下一代万维网的构想语义网。语义网是机器可以理解数据含义的下一代万维网。比尔比尔盖茨盖茨比尔比尔盖茨的豪华住宅盖茨的豪华住宅比尔盖茨那幢坐落在西雅图，被喻为未来生活预言的科技住宅无疑是当今世界上最现代化的豪华住宅，堪称是智能建筑的经典之作。豪宅内共铺设各种电缆52英里，房子内所有的电器设备相互

19、连接成了一个智能网络。主人在回家途中便可在车内利用计算机遥控家中的浴缸自动放水并调温，作好一切迎接准备。房屋装有气象感知器，可以根据各项气象指标，控制室内的温度和通风情况。走进大厅时，空调系统会将室温调整至你感觉最舒适的温度，音响系统也会针对你的喜好播放音乐，灯光系统自动调整照明颜色与强度，就连墙上的LCD显示屏，也会自动显示你喜爱的世界名画或播放你上次只看到一半的影片。在住宅各处随意走动时，地板能在6英寸的范围内跟踪到人的足迹，在有人经过时自动打开照明，离去时自动关闭。每个房间的温度、照明、音响等等都将随不同的设定自动调整。就算是在水池中，也会从池底“冒”出如影随形的音乐。尤其有意思的是，比

20、尔盖茨非常喜欢车道旁边一棵140岁的老枫树，所以就通过专门的监视系统对其进行24小时的全方位监控一旦监视系统发现它有任何干燥的迹象，灌溉系统就会启动。是什么尖端的科技系统使得盖茨先生的豪宅拥有如此高的智能化水平？要等到哪一个世纪才能让这样现代化的住宅走入寻常百姓家？通过扩展今天的万维网（即WWW，是World Wide Web的简称）就完全可以使这一梦想变为现实。这种扩展后的万维网称为语义网(Semantic Web）。2.2 URL URL（Uniform Resource Locator）主要是用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其他目标在Internet的位置和

21、存取方式。一个URL被用来标识一个网络路径，可以通过互联网在这个URL上访问到对应的资源。通信协议 主机名 所要访问的网页路径及名称 http:/ 主机名为。所要访问的网页路径及名称是/111/welcome.htm。2.3 FTPFTP FTP（File Transfer Protocol）是一种广泛使用的文件传输协议，是快速、高效和可靠的信息传输方法。FTP是基于客户/服务器模型的TCP/IP的应用，所以只要在客户端和服务器之间建立了TCP/IP连接，无论两台电脑的位置远近、连接方式的异同以及使用的操作系统的异同，都能通过FTP协议进行文件的传输。2.4 IPIP地址 用来标识连接到Int

22、ernet上电脑的指定编号，每一个IP地址对应一台电脑，这与用电话号码标识电话网络中的电话相同。电脑识别的IP地址由32位二进制数值组成，电脑上以十进制数值来显示，一组数值分为4部分，每一部分均不能大于255，中间用“.”分隔，如61.139.2.692.5 域名域名 就是常说的网址，它也具有惟一性，如百度的网址、网易的网址等就是一个域名，域名由汉语拼音或英文字符加上数字表示，在访问网络时，域名将通过域名服务器转换成IP地址，这种转换是在后台完成的。2.6 超级链接超级链接 是网页中最常用的元素之一，网页就是通过无数的超级链接才能组成一个网站。超级链接可以链接到网站内部页面、对象，也可以链接到

23、其他网站，大大方便了用户在各个页面对象之间实现跳转。2.7 网站 网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面。2.7 网站 网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面。网易 搜狐 新浪 重大 中国政府网 中国税务网 中国日报 南方周末 联众游戏 中国足球 旅游咨询3 网页制作工具 网页设计软件(1).FrontPage FrontPage是Microsoft公司出品的入门级网页编辑软件。(2).Dreamweaver Dre

24、amweaver是Macromedia公司推出的网页制作产品，它是一个用于可视化设计与管理网页和网站的工具，它与Macromedia公司的Flash、Fireworks配合使用，被称为“网页制作三剑客网页制作三剑客”。Dreamweaver是目前使用最多的网页设计软件。网页图像与动画制作工具 制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。(1).Fireworks).Fireworks Fireworks是Macromedia公司专门设计的Web图形工具软件，它可以用最少的步骤生成最小但质量很高的JPEG和GIF图像。(2).Photoshop(

25、2).Photoshop Photoshop是由Adobe公司出品的著名的图形图像处理软件。动画制作软件 网页动画制作中最常用的软件非Flash莫属。4 网站开发的工作流程 确 定 主 题 搜 集 材 料 规 划 网 站网站规划 推 销 网 站 维 护 更 新后期维护网站制作制 作 网 站 正 式 上 传测 试 评 估图 网站设计的工作流程4.1 网站规划1.确定网站的主题 确定网站主题应遵循以下原则：（1）主题鲜明。一个网站必须要有一个明确的主题，在主题范围内做到内容全而精。（2）明确设立网站的目的。（3）体现自己的个性。把自己的兴趣、爱好尽情地发挥出来，突出自己的个性，办出自己的特色 2.

26、搜集材料 围绕主题搜集材料，作为自己制作网页的素材。3.规划网站 主题栏的设置 突出主题。把主题栏放在最明显的地方，让浏览者更快、更明确的知道网站所表现的内容。设计一个“最近更新”栏目，让浏览者一目了然的知道更新内容。栏目不要设置太多。目录结构设计 按栏目内容建立子目录。每个目录下分别为图像文件创建一个子目录image（图像较少时可不创建）。目录的层次不要太深，主要栏目最好能直接从首页到达。尽量使用意义明确的非中文目录。颜色搭配 网页选用的背景应和页面的色调相协调，色彩搭配要遵循和谐、均衡、重点突出的原则。网站标志Logo 人教网Logo网易Logo搜狐Logo新浪Logo清华大学Logo26

27、3 Logo 版面布局 版面布局一般应遵循的原则是：突出重点、平衡和谐，将网站标志（Logo）、主菜单等最重要的模块放在突出的位置。图像的运用 图像是为主页内容服务的，不能让图像喧宾夺主。图像要兼顾大小和美观。图片不仅要好看，还应在保证图片质量的情况下尽量缩小图片的大小（即字节数）。图像过大将影响网页的传输速度。合理地采用JPEG和GIF图像格式。颜色较少的（256色以内）图像，可处理为GIF格式；色彩比较丰富的图像，最好处理为JPEG格式。4.2 网站制作1.制作网站包括以下步骤 建立本地站点：建立站点根文件夹，用于存放首页、相关网页和网站中用到的其他文件。在站点根文件夹下创建子文件夹：将页

28、面文件和图像文件分开存放。向站点添加所需要的空网页。设计网页尺寸：选择合适的网页大小。设置网页属性：包括页面标题、背景图像、背景颜色、链接颜色、文字颜色等。向网页中插入文本、图形图像、动画等对象。建立所需要的超级链接。预览和保存网页。确定网页尺寸与版面布局确定网页尺寸与版面布局目前显示器最常用的分辨率是目前显示器最常用的分辨率是1024768像素和像素和800600像素。像素。在在1024768的分辨率下显示的页面的尺寸应该为的分辨率下显示的页面的尺寸应该为1007600像素，而像素，而800600的分辨率下显示的页的分辨率下显示的页面尺寸为面尺寸为778435像素。像素。确定了网页尺寸后，接

29、下来的任务就是确定网页布确定了网页尺寸后，接下来的任务就是确定网页布局类型了。网页布局类型没有确定的标准，可以根局类型了。网页布局类型没有确定的标准，可以根据需要制定。常见的布局有上下分割型、左右分割据需要制定。常见的布局有上下分割型、左右分割型和复合分割型（上下分割和左右分割结合）。型和复合分割型（上下分割和左右分割结合）。确定网站配色与风格确定网站配色与风格不同的网站有着自己不同的风格，也有着自己不同不同的网站有着自己不同的风格，也有着自己不同的颜色。基本上网站使用的颜色从出发点上看可以的颜色。基本上网站使用的颜色从出发点上看可以分为以下分为以下3种类型：种类型：行业风格色行业风格色：许多

30、网站使用颜色秉承着所属行业的风格。：许多网站使用颜色秉承着所属行业的风格。企业标准色企业标准色：在现代企业中，公司的：在现代企业中，公司的CI形象显得尤其重要形象显得尤其重要，每一个公司的，每一个公司的CI设计必然要有标准的颜色。比如设计必然要有标准的颜色。比如Intel官方官方网站的主色调是一种接近于天蓝的蓝色，网站的主色调是一种接近于天蓝的蓝色，个人习惯色个人习惯色：这种配色方法的使用在很大程度上是凭设计：这种配色方法的使用在很大程度上是凭设计者的个人爱好以及当时的心态决定的，在个人网站较为多见者的个人爱好以及当时的心态决定的，在个人网站较为多见。行业风格色行业风格色著名的化妆品公司著名的

31、化妆品公司玫琳凯中国网站使用的颜色是玫琳凯中国网站使用的颜色是粉色。这几乎是所有化妆品行业中最常用到的颜色，粉色。这几乎是所有化妆品行业中最常用到的颜色，这种颜色代表了高贵，典雅以及甜蜜等；这种颜色代表了高贵，典雅以及甜蜜等；企业标准色企业标准色在现代企业中，公司的在现代企业中，公司的CI形象显得尤其重要，每一形象显得尤其重要，每一个公司的个公司的CI设计必然要有标准的颜色。比如设计必然要有标准的颜色。比如Intel官官方网站的主色调是一种接近于天蓝的蓝色。方网站的主色调是一种接近于天蓝的蓝色。个人习惯色个人习惯色这种配色方法在设计的时候自由度非常高，同时所这种配色方法在设计的时候自由度非常高

32、，同时所选的题材与要表现的内容也是由设计者自己决定，选的题材与要表现的内容也是由设计者自己决定，比如设计者喜欢红色和黑色，那么在设计的时候就比如设计者喜欢红色和黑色，那么在设计的时候就倾向于使用这两种颜色。倾向于使用这两种颜色。下面是一些网页配色时的小技巧下面是一些网页配色时的小技巧用一种色彩：这里是指先选定一种色彩，然后调整用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度。透明度或者饱和度。用两种色彩：先选定一种色彩，然后选择它的对比用两种色彩：先选定一种色彩，然后选择它的对比色。色。用一个色系：简单地说就是用一个感觉的色彩，例用一个色系：简单地说就是用一个感觉的色彩，例如淡蓝、

33、淡黄、淡绿，或者土黄、土灰、土蓝。如淡蓝、淡黄、淡绿，或者土黄、土灰、土蓝。颜色不能太多：不要将所有颜色都用到，尽量控制颜色不能太多：不要将所有颜色都用到，尽量控制在在35种色彩以内。种色彩以内。背景和前文的对比：背景和前文的对比尽量要大（背景和前文的对比：背景和前文的对比尽量要大（尤其不要使用花纹图案作为页面背景），以便突出尤其不要使用花纹图案作为页面背景），以便突出主要文字内容。主要文字内容。2.上传与测试 利用FTP工具将网页发布到所申请的主页服务器上。测试评估主要包括上传前的兼容性测试、链接测试和上传后的实地测试。网站上传之后，继续通过浏览器进行实地测试，发现问题，及时修改，然后再上传测试。4.3 后期维护1.推销网站 2.维护更新小结 网页的基本概念 网页中的常用术语 网页的制作工具 网站开发的工作流程