第12部分网页制作和网站建设

《第12部分网页制作和网站建设》由会员分享，可在线阅读，更多相关《第12部分网页制作和网站建设（103页珍藏版）》请在金锄头文库上搜索。

1、1第第12章章 网页制作和网站建设网页制作和网站建设儡荤辊俩寨似郎洽相镑岛挚滋搁弯吼埋脱敢绢粤穴鸥更视瞅咳噎竖捂诉径第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20242本章内容本章内容12.1 网页基础网页基础12.2 HTML语言语言12.3 Dreamweaver CS4的使用的使用12.4 网站的发布和维护网站的发布和维护羽赵栓泄疾诅卖湘桓创饶粒佰腋污蹈字封贿蛔惋拼力碎叮律飘妊亏脓怪冕第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20243u网网页页是是互互联联网网上上的的基基本本文文档档，是是用用HTML或或其其他他语语言言(JavaScri

2、pt、VBScript、ASP、JSP、PHP、XML等等)编写的。编写的。u网网页页本本质质上上就就是是一一个个存存放放在在互互联联网网中中某某个个Web服服务务器上的文件。器上的文件。u当当用用户户访访问问该该网网页页时时，存存放放网网页页的的服服务务器器把把网网页页传传送到用户计算机，通过网页浏览器解读并展示出来。送到用户计算机，通过网页浏览器解读并展示出来。u访访问问一一个个网网站站时时，打打开开的的第第一一个个网网页页称称为为主主页页(Homepage)，也叫首页。，也叫首页。12.1 网页基础网页基础肪蛮橱双阿督惯钒之惨吵俗筋删帧貉剧蚜捐称寓堤嵌磁吴侈包升审歉幻盯第12部分网页制作

3、和网站建设第12部分网页制作和网站建设7/24/2024412.1.1 网页的分类网页的分类12.1.2 网页的基本构成网页的基本构成12.1.3 网页常用制作工具网页常用制作工具12.1.4 网站制作流程网站制作流程12.1 网页基础网页基础屋胀扬铣厕权驳撰谭乒在呐瘩滔额从耀帖卉器贼锹驹郧酝纽恤喘翟军唇狈第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202451. 静态网页静态网页u静静态态网网页页是是指指纯纯HTML格格式式的的网网页页，一一般般以以.htm、.html、.shtml或或.xml为为后后缀缀名名。访访问问者者请请求求浏浏览览时时，网页在网页在Web服务器

4、中不会发生动态改变。服务器中不会发生动态改变。12.1.1 网页的分类网页的分类屁耕蘑雪受劲卑弊战轻互厅白焰回胸依虾禁贼适坎农贷年表塘招痉著珐些第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20246u静态网页的特点：静态网页的特点：(1)有有固固定定的的URL，而而且且URL以以.htm、.html、.shtml等等常见形式为后缀，不包含常见形式为后缀，不包含“?” 。(2)静静态态网网页页的的内内容容保保存存在在网网站站服服务务器器上上，每每个个静静态态网网页都是一个独立的文件。页都是一个独立的文件。(3)相对稳定，因此容易被搜索引擎检索。相对稳定，因此容易被搜索引擎检

5、索。(4)无数据库支持，在网站制作和维护方面工作量较大。无数据库支持，在网站制作和维护方面工作量较大。(5)交互性差，在网页功能实现方面相对较弱。交互性差，在网页功能实现方面相对较弱。 u静静态态网网页页的的浏浏览览：浏浏览览器器向向Web服服务务器器发发出出访访问问静静态态网网页页的的请请求求，Web服服务务器器接接受受请请求求后后直直接接将将网页传到浏览器，浏览器解读网页传到浏览器，浏览器解读HTML文件后显示。文件后显示。12.1.1 网页的分类网页的分类需垛捐裹库瘪视瘤抿瓜毗倚考冤褒讨杉鹃云如脓愧缉杨啸戮揖棚愚姬询智第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20

6、2472. 动态网页动态网页u动动态态网网页页一一般般指指用用ASP、PHP、JSP或或.NET等等网网络络编程语言编写的运行于服务器端的代码。编程语言编写的运行于服务器端的代码。u动动态态网网页页除除了了静静态态网网页页的的元元素素外外，还还包包含含一一些些浏浏览览器和器和Web服务器交互的应用程序。服务器交互的应用程序。u动动态态网网页页里里很很多多信信息息存存放放在在数数据据库库中中，当当访访问问者者单单击相应的链接时才动态生成网页。击相应的链接时才动态生成网页。u常见的动态网页后缀名有常见的动态网页后缀名有.asp、.jsp、.aspx、.cgi、 .php等等，访访问问动动态态网网页

7、页网网址址中中有有一一个个标标志志性性的的“?” 。u浏浏览览器器发发出出动动态态网网页页请请求求后后，服服务务器器对对代代码码进进行行编编译后生成译后生成HTML代码。代码。12.1.1 网页的分类网页的分类姿该哆拽和滞岂芳哩机排叹我雍从阅础帮游虱材迸晶海隆设尧淤熙容箱皱第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20248u动态网页的特点：动态网页的特点：(1)有数据库支持，可以降低网站维护的工作量。有数据库支持，可以降低网站维护的工作量。(2)交交互互性性好好，可可以以实实现现更更多多的的功功能能，如如：用用户户注注册册、在线调查、订单管理等。在线调查、订单管理等。

8、(3)动动态态网网页页并并不不是是独独立立存存在在于于服服务务器器上上的的网网页页文文件件，只有当用户请求时服务器才返回一个完整的网页。只有当用户请求时服务器才返回一个完整的网页。(4)在在搜搜索索引引擎擎检检索索方方面面不不如如静静态态网网页页效效果果好好，因因此此网网站站在在进进行行搜搜索索引引擎擎推推广广时时要要做做一一定定的的技技术术处处理理才才能能较较好地被检索到。好地被检索到。12.1.1 网页的分类网页的分类曝局衙利喇辕骄轴厚些援末慈颤尧纠谰虚蒜珐沁藉村核狰绝泽焉郴寥凰城第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20249(1)文字：需考虑文字的内容和整体

9、效果。文字：需考虑文字的内容和整体效果。(2)图图像像：为为了了不不影影响响网网页页传传输输速速率率，网网页页的的图图片片不不能能太太大大，常常用用的的图图片片格格式式有有GIF和和JPEG，二二者者容容量量较较小小且且具具有有跨跨平平台台的的特特性性，可可在在不不同同操操作作系系统统支持的浏览器上显示。支持的浏览器上显示。(3)超链接：从一个网页指向另一个目的地的链接。超链接：从一个网页指向另一个目的地的链接。(4)表格：主要作用是控制网页其他元素的布局方式。表格：主要作用是控制网页其他元素的布局方式。(5)动动画画：常常用用的的动动画画格格式式有有GIF和和SWF。GIF动动画画的的原原理

10、理就就是是高高速速连连续续显显示示多多幅幅静静态态图图片片，SWF动动画是用画是用Flash软件制作的矢量动画。软件制作的矢量动画。(6)其其他他元元素素：音音频频、视视频频、表表单单、脚脚本本语语言言编编写写的的特效特效(如：图片滚动如：图片滚动)等。等。12.1.2 网页的基本构成网页的基本构成现停贸自输亩祥峙钝冰扇酪门饲龟檄区赵椎昼针撼举删鸡亨喇蚊兜奴淖襟第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202410网页设计软件有网页设计软件有3类：网页编辑工具类：网页编辑工具 动画制作工具动画制作工具 图形图像处理工具图形图像处理工具(1)网页编辑工具：网页编辑工具：F

11、rontPage、DreamveaverFrontPage：Microsoft产产品品。使使用用简简单单、容容易易上上手手、功功能能也也比比较较强强大大，缺缺点点是是兼兼容容性性不不好好、对对动动态态网网页页支持不好。支持不好。Dreamveaver：Adobe产产品品。目目前前应应用用最最为为广广泛泛，它它是是一一款款集集网网页页制制作作和和管管理理网网站站于于一一身身的的所所见见即即所所得得网网页页编编辑辑器器，可可以以对对HTML网网页页文文件件进进行行可可视视化化编编辑，还集成了程序开发语言。辑，还集成了程序开发语言。12.1.3 网页常用制作工具网页常用制作工具悦黍焉厉驶梆刀遏文巢默

12、躺吨胯损姑缕弧臻卖世碍钓给草经卯倦傻撕陛疙第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202411(2)动画制作工具：动画制作工具：FlashFlash：交交互互式式动动画画设设计计工工具具，可可以以将将音音乐乐、声声效效和和动动画画方方便便地地融融合合在在一一起起。采采用用矢矢量量绘绘图图技技术术，因因此此放大后也不会失真，且容量小。放大后也不会失真，且容量小。(3)图图形形图图像像处处理理工工具具：Photoshop、Fireworks、CorelDRAW、Illustrator一一般般网网页页设设计计中中使使用用Photoshop和和Fireworks处处理理图形图

13、像。图形图像。Photoshop：Adobe产产品品。总总体体功功能能可可分分为为图图像像编编辑、图像合成、校色调色及特效制作等部分。辑、图像合成、校色调色及特效制作等部分。12.1.3 网页常用制作工具网页常用制作工具避跨寨铸哟挪醋还就甩毛涌蔽句炒尧闯逞盘昨嗣购缺帅丈灾瞻进挺烫隙遭第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202412(1)网站定位网站定位 明确客户要求制作一个什么样的网站。明确客户要求制作一个什么样的网站。(2)收集网站素材和策划栏目内容收集网站素材和策划栏目内容 可可以以让让客客户户提提交交一一份份网网站站的的栏栏目目计计划划书书，收收集集整整理理

14、网网站站素素材材、确确定定栏栏目目内内容容后后一一般般要要起起草草栏栏目规划书备案。目规划书备案。(3)提出页面设计方案提出页面设计方案 主主要要是是美美工工根根据据前前面面的的网网站站定定位位和和栏栏目目策策划划来来设计页面，包括主页和二级页面。设计页面，包括主页和二级页面。12.1.4 网页制作流程网页制作流程迂然借戈们杠脐限执味挤嚏寞液屠剖壬闷皇林筋夺赊诺眶冰阻忿因伪赠碑第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202413(4)制作页面制作页面 把把美美工工设设计计的的页页面面变变成成网网页页格格式式，通通常常是是利利用用切切片片工工具具分分割割图图片片，保保存

15、存成成网网页页格格式式文文件件。注注意区分网站中的静态页面和动态页面。意区分网站中的静态页面和动态页面。(5)程序设计程序设计 把网页串联起来，结合数据库，实现后台功能。把网页串联起来，结合数据库，实现后台功能。(6)测试发布测试发布 网网页页和和程程序序整整合合好好后后，进进行行本本地地测测试试，主主要要测测试试链链接接的的有有效效性性、浏浏览览器器中中的的显显示示效效果果等等。之之后后上上传传到到客客户户的的服服务务器器中中，由由客客户户检检测测试试用用，并根据客户反馈意见修改。并根据客户反馈意见修改。12.1.4 网页制作流程网页制作流程验爱寂狙未游长打溶玉慧领诡湃撕誓息疡善轧囊蛾糟丘汪

16、乒膊业嫉晕寅严第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202414uHTML是构成网页文档的标记语言。是构成网页文档的标记语言。uHTML文件是纯文本文件，无需编译即可运行。文件是纯文本文件，无需编译即可运行。uHTML通通过过标标记记把把文文字字、图图片片、多多媒媒体体等等各各种种网网页元素组织形成网页。页元素组织形成网页。uHTML的的格格式式非非常常简简单单，只只是是由由文文字字及及标标记记组组合合而而成成，基基本本上上只只要要明明白白了了各各种种标标记记的的用用法法便便掌掌握握了了HTML。12.2 HTML语言语言狙谗瞄汪藐粳役恬屑陷换铲野瓮脱刺掠冤磋前蹋嘲

17、谐箔津市凉困卢簿肮迭第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20241512.2.1 HTML文档结构文档结构12.2.2 文本控制文本控制12.2.3 表格表格12.2.4 超级链接超级链接12.2.5 图像图像12.2.6 表单表单12.2.7 层叠样式表单层叠样式表单12.2 HTML语言语言术世疼亭疼展铬颠窜大亿按碉升坦凳营啮佩冷窜许集艺酌改倒触犹敷卒际第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202416uHTML文件包含两部分：头信息部分和正文部分。文件包含两部分：头信息部分和正文部分。u包包围围的的是是HTML语语言言的的标标记记

18、，用用来来控控制制网网页页中中各元素的显示状态。各元素的显示状态。 uHTML文件的一般结构：文件的一般结构： 头信息部分头信息部分 正文部分正文部分 12.2.1 HTML文档结构文档结构叛甩饭勾汪介逻佑贯孰似钾盾湃蒙嫡肃蛊把饰事疟舀无济贡护协藩诱填探第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024171. 标标签签对对位位于于HTML文文档档的的开开头头和和结结束束位位置置，左标签为开始的标志，右标签为结束标志。左标签为开始的标志，右标签为结束标志。 2. 标标签签对对之之间间的的内内容容定定义义了了HTML文文档档的的头头信信息息部部分分，包包含含了了网网页页的

19、的一一些些基基本本信信息息。标标签签对间的内容不会在浏览器的文档窗口中显示。对间的内容不会在浏览器的文档窗口中显示。12.2.1 HTML文档结构文档结构眯精康蹬钙味写育吱拙查价咨抱旁兔悸巾翔堕喉舵孽灌拼憎牺裤锋跌乏亦第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202418例：例： 这是一个头信息的例子，这是网页标题这是一个头信息的例子，这是网页标题 Document.write(Hello net.) 正文部分正文部分 12.2.1 HTML文档结构文档结构逝运舀傅远哺戎穿嘎木身染棕趣煞谴窒搏诅邢搬坝原窜趣填圃彬腺枚掳沁第12部分网页制作和网站建设第12部分网页制作和网

20、站建设7/24/202419(1)：网网页页标标题题，显显示示在在浏浏览览器器窗窗口口的的标标题题栏栏。若若无无命命令令，则则在在浏浏览览器器的的窗窗口口标标题题栏显示网页的栏显示网页的URL。(2)：单标签。指定网页的背景音乐。：单标签。指定网页的背景音乐。src属性：背景音乐文件的路径和文件名。属性：背景音乐文件的路径和文件名。loop属性：播放次数，属性：播放次数，-1表示循环播放。表示循环播放。(3)：单单标标签签。设设置置文文档档浏浏览览时时所所用用的的默默认认语语言言。gb2312或或gb2312-80是是一一个个简简体体中中文文字字符集的中国国家标准。符集的中国国家标准。12.2

21、.1 HTML文档结构文档结构沈猾摹瓷拧贱惜匡凝镭喷是鲁侥甲梆戳应选蹿栈辉龚蹭杠滔威吊阁删随袋第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202420(4)：标标签签对对里里面面的的代代码码是是浏浏览览器器执执行行一一些些动动作作的的脚脚本本代代码码，通通常常是是用用脚脚本本语语言言编编写写的的，如：如：JavaScript、VBScript等。等。脚脚本本script是是使使用用一一种种特特定定的的描描述述性性语语言言，依依据据一一定定的格式编写的可执行文件，又称作宏或批处理文件。的格式编写的可执行文件，又称作宏或批处理文件。脚脚本本程程序序可可以以使使用用户户和和网网

22、页页进进行行交交互互，但但有有些些脚脚本本程程 序序 会会 被被 植植 入入 病病 毒毒 ， 通通 过过 浏浏 览览 器器 菜菜 单单 “工工 具具”“Internet选选项项”“安安全全”，可可设设置置脚脚本本的的禁禁用和启用。用和启用。12.2.1 HTML文档结构文档结构咨烟防孜异矢锚赌第多矣倡服腰卷粘督脐冠朋沙声锦阔毯阀撬此炬撼模钉第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024213. 定定义义了了HTML文文档档的的主主体体部部分分，标标签签对对之之间间是是实实际际要要在在浏浏览览器器窗窗口口中中显显示示的的内内容容和和其其他他用用于于控控制网页元素显示方

23、式的标签。制网页元素显示方式的标签。text属属性性：整整个个网网页页中中的的文文字字颜颜色色。颜颜色色取取值值采采用用十十六六进进制的红绿蓝制的红绿蓝(red-green-blue, RGB)值表示，即值表示，即#rrggbb。link属性：未阅读过的超链接文本的颜色。属性：未阅读过的超链接文本的颜色。alink属属性性：活活动动的的超超链链接接文文本本(鼠鼠标标移移动动到到超超链链接接上上未未按按下时下时)的颜色。的颜色。vlink属性：访问过的超链接文本的颜色。属性：访问过的超链接文本的颜色。12.2.1 HTML文档结构文档结构姨潮牌狄郴边辕辖其酣沈茹帆老嚼聚必瞅懈凭缔缀潦糯助申唯俐雅

24、稚宗剁第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202422background属性：背景图像文件。属性：背景图像文件。bgcolor属属性性：背背景景颜颜色色。同同时时设设定定背背景景图图像像和和背背景景颜颜色时，背景图像优先。色时，背景图像优先。leftmargin属属性性、topmargin属属性性：分分别别为为网网页页显显示示画画面与浏览器窗口左边沿、上边沿的距离，单位为像素。面与浏览器窗口左边沿、上边沿的距离，单位为像素。bgproperties属属性性：页页面面背背景景图图像像的的特特性性，值值为为“fixed”表表示示页页面面背背景景图图像像为为固固定定，

25、不不随随页页面面的的滚滚动动而滚动。而滚动。12.2.1 HTML文档结构文档结构伍碴佬佩辈道耶通音喘氟晦耀铬醛物煞括褒鬼研旦犹亥卷祟套挫萌越卉代第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024231. 字体属性字体属性(1) 分分别别表表示示6种种大大小小不不同同的的标标题题字字体体，表表示示的的字字体体最最大大，表表示示的的字字体体最最小小，标标题题标标签签间的内容显示为黑体字。间的内容显示为黑体字。 (2)color属属性性：字字体体颜颜色色，用用6位位十十六六进进制制的的数数字字或或颜颜色名表示。色名表示。 如：要把文字设为红色如：要把文字设为红色 红色字体红

26、色字体 红色字体红色字体size属属性性：字字体体大大小小，分分为为7个个等等级级，1号号字字体体最最小小，7号字体最大。号字体最大。 如：如：设为设为7号字体号字体12.2.2 文本控制文本控制云山馋目尔铸涌荤拼排特饮法扒涵轿梅浚蟹郸陆呻慈囱吹诣搓笨胚逮萤玻第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202424face属性：字体。属性：字体。 如：如：仿宋体文字仿宋体文字 注注：若若浏浏览览者者的的计计算算机机上上没没有有安安装装设设置置的的字字体体，文文字字将将以以标标准准字字体体显显示示。face属属性性允允许许列列出出多多个个字字体体，用用逗号分隔，浏览器会根据

27、顺序使用合适的字体显示。逗号分隔，浏览器会根据顺序使用合适的字体显示。 特殊的字体显示样式：特殊的字体显示样式： 粗体粗体斜体斜体 上标上标下标下标 大字体大字体小字体小字体 下划线下划线、删除线删除线 打字机等间距字体打字机等间距字体 12.2.2 文本控制文本控制忍幂崭湛澄掌支谚中互褐库乏卯串睹嘿掇胀乞徽僳演咎崖迸稀桅踌迈侮根第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024252. 文本布局文本布局(1)：创建一个段落。：创建一个段落。align属属性性：说说明明对对齐齐方方式式，取取值值为为left(左左对对齐齐)、center(居中居中)、right(右对齐右

28、对齐)。(2)：单标签，在网页中显示一个换行。：单标签，在网页中显示一个换行。(3)：防防止止浏浏览览器器将将标标签签对对中中过过长长的的内内容容自自动动换换行行显显示示。对对住住址址、数数学学算算式式、一一行行数数字字、程序代码等尤为有用。程序代码等尤为有用。(4)：按按缩缩进进效效果果显显示示，与与普普通通文文本本文件中使用文件中使用Tab键缩进效果一样。键缩进效果一样。12.2.2 文本控制文本控制甲得颖盐丈吴隅以耍艰搓聘熏片班葱剧脊摸妻挠谅恭独睁稿率幸磅抨茹鹿第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202426(5)：在页面的水平方向居中显示。：在页面的水平方

29、向居中显示。(6)：移动显示图形和文本元素。：移动显示图形和文本元素。direction属属性性：指指定定移移动动方方向向，取取值值为为left、right、down、up。behavior属属 性性 ： 指指 定定 移移 动动 行行 为为 ， 取取 值值 为为 scroll、alternate、slide。(7)、：创建定义式列表。：创建定义式列表。：可单标签。列表中的上层项目，即列表项目标题。：可单标签。列表中的上层项目，即列表项目标题。：可单标签。列表中最下层项目，即列表项。：可单标签。列表中最下层项目，即列表项。12.2.2 文本控制文本控制焦江霖扁罗怪降拌斩帆履摈针嘿玛表巢饼踏恿倚喉

30、父冯予涯帕销股篙绞贯第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202427例：例： 一个定义式列表一个定义式列表 中国城市中国城市 北京北京 上海上海 广州广州 美国城市美国城市 华盛顿华盛顿 芝加哥芝加哥 纽约纽约 12.2.2 文本控制文本控制埔讣停咋歧掇帐妈荤茹纽蓑蕾球亲墩陨烂勺序晴发棘攘正淘烟滋蚜迎璃曼第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202428(8)、：创创建建有有编编号号列列表表，每每个个列列表表项项前前的的前前导导记记号号为为按按顺序自动累加的数字编号。顺序自动累加的数字编号。：创创建建无无编编号号列列表表，每每个个列列表

31、表项项前前有有一一个个前前导导记记号号(Bullet，通常为一个黑圆点、空心圆点、方形黑点，通常为一个黑圆点、空心圆点、方形黑点)。：可单标签。创建有编号列表和无编号列表的列表项。：可单标签。创建有编号列表和无编号列表的列表项。12.2.2 文本控制文本控制热卯罚摈斤裹吹锑峭题锗诲卡渭懈叭褐戈韦邱眺扁搭选逃瘪陀往佃瞳昏敞第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202429例：例： 一个有编号列表一个有编号列表+一个无编号列表一个无编号列表 中国城市中国城市 北京北京 上海上海 广州广州 美国城市美国城市 华盛顿华盛顿 芝加哥芝加哥 纽约纽约 12.2.2 文本控制文本

32、控制琴涡豹碘甄措余呕椎在亿淌流呕锑裂淮冷惊硷尧泉酱劝县荡雕袋泳唱起追第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202430表格组成：行表格组成：行Rows、列、列Columns、单元、单元Cell。1. ：定定义义表表格格区区段段，其其他他表表格格命命令令必必须须置置于于这个标签间。这个标签间。border属属性性：表表格格的的边边框框线线粗粗细细。缺缺省省为为1，表表示示表表格格边边框框线线粗粗细细为为1像像素素；取取值值为为0或或无无border属属性性表表示示表表格格没没有边框线。有边框线。cellspacing属属性性：单单元元格格间间距距，指指表表格格内内单单

33、元元格格之之间间的的距离，及单元格和表格上下左右边框的距离，缺省值为距离，及单元格和表格上下左右边框的距离，缺省值为3。cellpadding属属性性：单单元元格格边边距距，指指单单元元格格内内容容与与单单元元格格边框上下左右四个方向的距离，缺省值为边框上下左右四个方向的距离，缺省值为3。12.2.3 表格表格谰塑踢掺始坚胁吻询彭岿揣帝秦铲某砍俗陷坚晚渡蝗准氏庐辰仆粉莫澄袖第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202431width属性：表格宽度。取值是像素或百分比。属性：表格宽度。取值是像素或百分比。若若width的像素值大于显示器分辨率宽度，将出现滚动条。的像素

34、值大于显示器分辨率宽度，将出现滚动条。实实际际应应用用中中常常使使用用百百分分比比，则则表表格格宽宽度度将将会会随随窗窗口口显显示示宽宽度而自动调整。度而自动调整。bgcolor属性：表格背景色。取值是属性：表格背景色。取值是RGB或颜色名。或颜色名。background属性：表格背景图片。取值为图片地址。属性：表格背景图片。取值为图片地址。注：注：bgcolor与与background同时设置时，同时设置时，background优先。优先。bordercolor属属性性：表表格格边边框框线线颜颜色色。只只有有当当边边框框线线border不为不为0时，此属性才起作用。时，此属性才起作用。ali

35、gn属性：表格对齐方式，取值属性：表格对齐方式，取值left(默认默认)、center、right。12.2.3 表格表格溪悔谋纱疡沧厢香珊兆妹穿纱刊档裙兹时茨型曳级裹搜央蚂欧骨壮旨贤糙第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024322. ：可单标签。表格行。：可单标签。表格行。align属属性性：同同一一行行文文字字水水平平方方向向的的排排列列方方式式，取取值值left(默认默认)、middle、right。valign属属性性：同同一一行行垂垂直直方方向向的的排排列列方方式式，取取值值top、middle(默认默认)、bottom、baseline。3. ：可

36、单标签。表格单元格。：可单标签。表格单元格。rowspan属性：单元格行高。属性：单元格行高。colspan属性：单元格列宽。属性：单元格列宽。align属性：水平方向的排列方式，优先于属性：水平方向的排列方式，优先于。valign属性：垂直方向的排列方式，优先于属性：垂直方向的排列方式，优先于。bgcolor属性：单元格背景色，优先于属性：单元格背景色，优先于。background属性：单元格背景图片，优先于属性：单元格背景图片，优先于。12.2.3 表格表格鬼抢壁枪绿谈掺疫捏剂戊惕父扶佬伺垛灼柯玫复建琵将窘削跺宜错措拎饮第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20

37、24334. ：可可单单标标签签。定定义义表表格格列列名名，缺缺省省的的表表头头字体为粗体且居中。字体为粗体且居中。有三个属性：有三个属性：rowspan、colspan、valign。5. ：定义表格标题。：定义表格标题。align属属性性：取取值值为为top或或bottom，表表示示标标题题位位于于表表格格正上方或正下方居中显示，缺省为正上方或正下方居中显示，缺省为top。12.2.3 表格表格峡陈允喊开嫡论苟莹篇烷故延甲贯弦矫即札个臂摩羌姿酋勇磋埂齿拿粹糟第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202434例：例： 1行，行，1单元单元 1行，行，2单元单元 2

38、行，行，1单元单元 2行，行，2单元单元 12.2.3 表格表格假泥侯怎冤宛字扯济毛诺旧乘薛暗骸奥乡所渣朔鸡垂缀葛洗爵酞龚旗醉裔第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202435u建立超链接的基本样式：建立超链接的基本样式：click herehref属性：指定超链接的目标，属性：指定超链接的目标，value的引号可省略。的引号可省略。click here：可以是文字、图片等，以特殊方式显示。：可以是文字、图片等，以特殊方式显示。u超超链链接接的的目目标标可可以以是是站站外外地地址址、同同一一网网站站内内部部、同一网页不同位置。同一网页不同位置。1. 站外链接站外链

39、接 站站外外链链接接是是指指单单击击超超链链接接打打开开站站外外页页面面，通通常常链链接目标位置写的是一个网址或是一个绝对地址。接目标位置写的是一个网址或是一个绝对地址。12.2.4 超级链接超级链接蓄苏傍哉荫祝韶勺圭苹腐随押绳晃躯宣雍春祖认最其荚蛋乙讽舆蝶玩击号第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024362. 站内链接站内链接 站站内内链链接接是是从从站站内内的的一一个个页页面面链链接接到到另另一一个个页页面面，链接目标只要写相对地址。链接目标只要写相对地址。 站内链接目标的写法一般有以下站内链接目标的写法一般有以下4种：种：例例1：站内链接站内链接1 链链

40、接接起起始始文文件件和和bbs文文件件夹夹在在同同一一目目录录下下。“./bbs”代表当前目录下的代表当前目录下的bbs文件夹，文件夹，“./”可省略。可省略。例例2：站内链接站内链接2 链链接接起起始始文文件件的的上上一一层层目目录录下下有有bbs文文件件夹夹，“.”表示上一层目录。表示上一层目录。例例3：站内链接站内链接3 根目录下有根目录下有admin文件夹，第一个文件夹，第一个“/”表示根目录。表示根目录。例例4：站内链接站内链接4 链接起始文件与目标文件位于同一目录下。链接起始文件与目标文件位于同一目录下。12.2.4 超级链接超级链接虎高搪曼完输俄帆蜘椰去息车蛋鸥免肛怯妮殃挑掀蛋每

41、乌洗伯戏钩切讣料第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024373. 锚点锚点 若若一一个个页页面面内内容容很很多多，可可在在页页面面不不同同位位置置设设置置锚锚点标记，单击超链接跳转到同一页面的相应位置。点标记，单击超链接跳转到同一页面的相应位置。u首先设置跳转目标点，即锚点：首先设置跳转目标点，即锚点： “锚点名称锚点名称”由用户命名，右标签可缺省。由用户命名，右标签可缺省。u然后设置链接起始点，即鼠标单击的位置：然后设置链接起始点，即鼠标单击的位置： click here12.2.4 超级链接超级链接键米馆染骇厘耗吟添盔禄扫新季部粕禄潮索抄巴政庭逐竭锨酉雹角

42、误郊葫第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202438例：例： 第一章第一章 第二章第二章 第三章第三章 第四章第四章 第五章第五章 第六章第六章 第一章第一章这是第一章内容这是第一章内容第二章第二章这是第二章内容这是第二章内容第三章第三章这是第三章内容这是第三章内容第四章第四章这是第四章内容这是第四章内容第五章第五章这是第五章内容这是第五章内容第六章第六章这是第六章内容这是第六章内容12.2.4 超级链接超级链接稼俯激荐肄搏喊颜硼傲猩镭到垂蔑狭隧妄臭对驱锰谁西消泻俗泽粉郑驭沥第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202439src属性

43、：必选属性，指明图片的位置和名称。属性：必选属性，指明图片的位置和名称。width和和height属属性性：设设定定图图片片在在网网页页中中的的显显示示尺尺寸寸，值值可可以是像素和百分比以是像素和百分比 。 如：如：border属性：在图片周围加上边框，设定边框线的粗细。属性：在图片周围加上边框，设定边框线的粗细。 如：如：alt属属性性：图图片片不不能能正正常常显显示示时时，则则显显示示alt属属性性中中设设置置的的替替代文字。代文字。 如：如：12.2.5 图像图像义朗莉逻颂晤整印懦卵把诗则咸窄梢攀赛叹螟冒嵌些斩望娩泅崩步耪病驼第12部分网页制作和网站建设第12部分网页制作和网站建设7/2

44、4/202440u表表单单的的功功能能：表表单单用用在在动动态态网网页页中中，提提供供给给用用户户输入数据的界面。输入数据的界面。u表表单单中中的的数数据据传传送送到到服服务务器器后后，由由服服务务器器端端的的CGI(Common Gateway Interface, 通通用用网网关关界界面面)程序处理。程序处理。CGI：一套定义：一套定义WWW服务器和脚本程序沟通的标准。服务器和脚本程序沟通的标准。脚脚本本程程序序：位位于于服服务务器器端端的的一一些些可可执执行行程程序序，用用来来接接收收、处处理理客客户户端端送送来来的的信信息息，并并可可把把处处理理结结果果再再送送回回客户端。客户端。CG

45、I程序：位于服务器端符合程序：位于服务器端符合CGI标准的脚本程序。标准的脚本程序。12.2.6 表单表单逊盒绝欢擞瘪杖豁罩望述哲篮忧矽椅粒恐猩异使哎颖哭板认洪曾驾畅斌络第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202441CGI程序的典型应用程序的典型应用 在在服服务务器器端端建建立立一一个个具具有有各各种种表表单单格格式式的的HTML文文件件，用用户户在在客客户户端端使使用用浏浏览览器器调调用用这这个个HTML文文件件，并并在在表表单单中中输输入入相相应应的的资资料料或或信信息息，然然后后将将表表单单中中的的内内容容发发送送到到服服务务器器端端，服服务务器器则则启启

46、动动一一个个相相应应的的CGI程程序序对对这这些些内内容容进进行行处处理理，也也可可将将处处理理结结果果送送回回客客户户端端浏浏览器中。览器中。 CGI最著名的应用为最著名的应用为BBS。12.2.6 表单表单试流板跋跳慌郁畏曳昆济皋赐罕鹃坞泻纠屯珊同侠卵比语鸽缕两介性骂跌第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024421. ：产生表单，标明：产生表单，标明“表单区段表单区段”。method属属性性：用用户户输输入入数数据据传传送送到到服服务务器器端端的的方方式式，取值取值post、get。action属性：指定服务器处理表单的属性：指定服务器处理表单的CGI程序

47、。程序。12.2.6 表单表单缎勤娜门拳汲球焚琉谎讫狡学坐狮絮嘴饵丈油筋防撤烫谴蹿跑坎恫纤裂逃第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024432. ：产生输入控件。：产生输入控件。12.2.6 表单表单单行文字框单行文字框选择按钮选择按钮复选框复选框发送按钮发送按钮重置按钮重置按钮岩依绳栅德锯屯赖馆蜕硅兆淡胆比撰散祝吟赣持囊雷兑敏拌寂波呛沸因奏第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202444type属性：产生不同的输入控件。属性：产生不同的输入控件。text：单单行行文文字字框框(Text Box)，用用户户输输入入一一般般信信息息使

48、使用。用。radio：选选择择按按钮钮(Radio Button)，产产生生具具有有单单一一选选择择结果的圆点。结果的圆点。checkbox：复复选选框框(Check Box)，产产生生具具有有多多重重选选择择的方框，的方框，表示选中。表示选中。password：密密码码文文字字框框(Password)，类类似似text单单行行文文字框，用于输入密码，不显示在屏幕上。字框，用于输入密码，不显示在屏幕上。submit：发发送送按按钮钮(Submit Button)，产产生生一一个个按按钮钮，用用户户按按下下时时即即将将表表单单中中用用户户输输入入的的数数据据送送到到服服务务器器端端，供供CGI程

49、序处理。程序处理。reset：重重置置按按钮钮(Reset Button)，恢恢复复默默认认值值，供供用用户重新输入。户重新输入。12.2.6 表单表单靖变媚窘链睫蛊墩仲钳蓝懈睁霖豌硕旗动潘鲍陪姜睬巡齿鸥吼籍岭沃臻卿第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202445name属性：指定输入控件的名称，可任意取变量名。属性：指定输入控件的名称，可任意取变量名。value属属性性：设设定定输输入入控控件件的的默默认认值值或或用用户户输输入入的的内内容，对于按钮则指定按钮上标示文字。容，对于按钮则指定按钮上标示文字。maxlength属性：输入文字框的最大可输入字符数。属性

50、：输入文字框的最大可输入字符数。size属性：输入文字框的显示宽度属性：输入文字框的显示宽度(以字符数计算以字符数计算)。checked属性：将选择按钮或复选框置为已选状态。属性：将选择按钮或复选框置为已选状态。12.2.6 表单表单注注：当当按按下下“发发送送”按按钮钮时时，实实际际上上是是将将name和和value的内容发送。的内容发送。既稿说省猪跺玄钾揭客殖玖漫乡伤鳖摧斑炳蚊努叔罗勘也歹锤乾豺恒励拘第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202446例：浏览器中的显示结果见上图。例：浏览器中的显示结果见上图。 姓名：姓名： 性别：性别： 男男 女女 系别：系别：

51、 计算机工程系计算机工程系 电气工程系电气工程系 机械工程系机械工程系 机电工程系机电工程系 管理工程系管理工程系 个人爱好（可复选）：个人爱好（可复选）： 文学文学 书法书法 体育体育 音乐音乐 绘画绘画 收藏收藏 12.2.6 表单表单捡坪蹈羔计卯贪聂锡凳滋密蔡淆洛暇奋妹秉橇膘矿扒傀谣两镀稠岿羔碌怪第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024473. ：多多行行文文字字框框，产产生生附附加加滚滚动动条条的的多多行文字框，供用户输入。行文字框，供用户输入。name属性：指定控件名。属性：指定控件名。rows属性：可见总行数。属性：可见总行数。cols属性：可见总

52、列数。属性：可见总列数。12.2.6 表单表单瘟劝综坡危疹袍禹熔铀疆舔掺钳挺众伟脂贝反社旦肩鞘咨畴滨钝社传睬肉第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202448例：浏览器中的显示结果见上图。例：浏览器中的显示结果见上图。 2010年度网络安全十大新闻事件：年度网络安全十大新闻事件： 1. 内鬼作乱内鬼作乱 2. 美国政府加强网络安全建设美国政府加强网络安全建设 3. 云计算服务安全问题云计算服务安全问题 4. 维基解密掀起轩然大波维基解密掀起轩然大波 5. 僵尸网络头目被逮捕僵尸网络头目被逮捕 6. 黑客多贪财黑客多贪财 7. Stuxnet恶意软件攻击核设施恶意软

53、件攻击核设施 8. 苹果再掀风浪苹果再掀风浪 9. 安全行业掀起并购狂潮安全行业掀起并购狂潮 10. 发现安全隐患发现安全隐患 通知责任人还是公开发布通知责任人还是公开发布? 12.2.6 表单表单劝蜘虱异侩啦迟冗察灯晃蛾培砖析禹琼厚良间份悦尊涕荚容筹滑氨毗佃蔽第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024494. ：定定义义选选项项区区段段，与与配配合合使使用以产生一个下拉列表框。用以产生一个下拉列表框。multiple属性：列表框中的项目可复选。属性：列表框中的项目可复选。name属性：控件名称。属性：控件名称。size属性：列表框中可见的项目数。属性：列表框中

54、可见的项目数。5. ：产产生生选选择择项项目目，必必须须置置于于区段内，产生列表框中的一个选项。区段内，产生列表框中的一个选项。selected属性：将选项设为选中状态。属性：将选项设为选中状态。value属属性性：用用户户选选中中该该项项目目时时，该该项项目目显显示示文文字字可可作为默认的回传值，供作为默认的回传值，供CGI程序处理。程序处理。12.2.6 表单表单怖材疏纹拎沿摆平化痘职企翱眉揣兜邓褒舜味蒜侥仓桑缝絮沽迢尾坷煌幻第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202450例：浏览器中的显示结果见上图。例：浏览器中的显示结果见上图。 北京市北京市 天津市天津市

55、 上海市上海市 重庆市重庆市 12.2.6 表单表单奴呈耿毖仆肉鱼酚掣茅度皱茫体宋惰帝迄狡诈龋屉冠瑰欠冕幌奴堵盏患学第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202451u层层叠叠样样式式表表单单(Cascading Style Sheets, CSS)是是用用于于定定义义各各种种样样式式的的一一套套规规范范，它它的的原原则则是是“先先定定义义后后使使用用”，即即先先定定义义好好一一些些样样式式，再再把把这这些些样式指定给网页的某些元素。样式指定给网页的某些元素。u一一个个网网站站中中的的所所有有页页面面风风格格和和样样式式应应该该是是统统一一的的，这这样样显显得得整整

56、齐齐和和美美观观，所所以以通通常常设设计计中中使使用用CSS控制网站样式，达到一致性的效果。控制网站样式，达到一致性的效果。uHTML定定义义的的是是网网页页结结构构，CSS定定义义的的是是网网页页外外观。使用观。使用CSS会使网页格式控制变得很灵活。会使网页格式控制变得很灵活。 uCSS样样式式可可以以定定义义在在HTML文文档档里里，也也可可以以单单独独作为一个文件。作为一个文件。uCSS样样式式可可以以作作用用于于多多个个页页面面或或整整个个站站点点；修修改改CSS样式，涉及到的网页都会被修改，维护方便。样式，涉及到的网页都会被修改，维护方便。12.2.7 层叠样式表单层叠样式表单凝糊会

57、轨坦轧杰介刻啄虐劈酣押兜箱羹苗宵戚例塑皮算猖皿捡懒禄痛尹尚第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024521. CSS的工作过程的工作过程例：例： CSS例例1 第一个红色黑体二级标题第一个红色黑体二级标题 第二个红色黑体二级标题第二个红色黑体二级标题 12.2.7 层叠样式表单层叠样式表单u：定义：定义CSS样式。样式。u：命命令令间间的的内内容容为为注解，不会显示。注解，不会显示。u之之间间定定义义的的是是标标题题的的样样式式。页页面面中中所所有有的的标标题都会使用这种样式。题都会使用这种样式。鲁瘟蒂智恿终迈看楷赴枉缆钱恍孤纤讲赌豪铺皑作羽以右绣瓮显锨威惶对第

58、12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024532. 定义定义CSS CSS样式的定义具有统一格式样式的定义具有统一格式 如：如：h2font-family:黑体黑体h2称为选择器。称为选择器。大大括括号号间间定定义义的的是是各各种种属属性性和和属属性性值值，属属性性和和属属性性值值间用冒号隔开。间用冒号隔开。多个属性间用分号分开。多个属性间用分号分开。12.2.7 层叠样式表单层叠样式表单焰衍牙怕滦两跃硷略驯捆森舌内精组沮姑亮卖际万氯拂五剿扳洪粹桩绪卓第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202454(1)标签作为选择器标签作为选择器u

59、例例1：h2标签就是一个选择器。标签就是一个选择器。u例例2：CSS样式：样式： h2 font-family:黑体黑体,Arial,Helvetica; color:red; font-family属属性性定定义义了了3个个属属性性值值，用用逗逗号号隔隔开开，表表示示3种种字字体体可可供供浏浏览览器器按按顺顺序序选选择择，如如果果都都没没有，则用默认字体显示。有，则用默认字体显示。12.2.7 层叠样式表单层叠样式表单炮战锄垃锄引奸硕泌逸弦线教哄骄财疗斤皿秧即晶鸦吕伴蚀擦啤泄众酸祥第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202455(2)类作为选择器类作为选择器 类

60、选择器例子类选择器例子 这里使用了这里使用了c1定义的样式定义的样式 这里也使用了这里也使用了c1定义的样式定义的样式 12.2.7 层叠样式表单层叠样式表单u作作为为选选择择器器的的类类的的名名称称必必须须以以“.”开开头头，后后面面跟跟，里面写属性值。里面写属性值。铀碰琉唾韦贾跺薛傍套神姜牙暗缘递临纺驮员宝粒薄药瘤辱殖担瓷畅醒嗽第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024563. 在在HTML中使用中使用CSS HTML中有中有3种方式使用种方式使用CSS： (1)在在标签中定义标签中定义CSS。 (2)在元素标签中定义在元素标签中定义CSS。 (3)采用链接

61、形式调用采用链接形式调用CSS文件。文件。 前前两两种种方方式式适适合合用用在在定定义义单单一一HTML文文档档时时，如如果果有有多多个个页页面面用用到到同同样样的的CSS样样式式，则则采采用用第第3种方式比较好。种方式比较好。12.2.7 层叠样式表单层叠样式表单脏嫡潘妓坝曝澜差螟稀让识掳壕马拘觉戳壹讫钳蜕捎软竟若袜沼蚌衬服壮第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202457(1)在在标签中定义标签中定义CSSu把把样样式式定定义义写写在在注注释释标标签签中中，然然后后放放进进标签，最后写在标签，最后写在HTML文档的文档的标签中。标签中。u对对于于类类选选择择器

62、器定定义义的的CSS，在在文文档档的的标标签中要调用它，必须采用签中要调用它，必须采用Class属性：属性：Class=类选择器名称类选择器名称12.2.7 层叠样式表单层叠样式表单顶秆蜂植宽浪煞区潘执竿厢重晋副腺酚嘿缉绍蝗镊何蚤籍焰遍扳阂瀑俊壮第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202458(2)在元素标签中定义在元素标签中定义CSS CSS定义放在定义放在部分的各个标签中。部分的各个标签中。12.2.7 层叠样式表单层叠样式表单例：例： 元素标签中使用元素标签中使用CSS例子例子 这是个使用了这是个使用了CSS样式的标题样式的标题 这是个普通标题这是个普通标题

63、 u在在元元素素标标签签中中定定义义CSS样样式式和和单单独独设设置置标标签签属属性性效效果果是是一一样样的的，因因此此在实际中使用不多。在实际中使用不多。办哗座人芯躁醉劳首骚渐破耪诫牛杭良犹割峡拍藻叶唐穿造决尹跪迫曙针第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202459(3)采用链接形式调用采用链接形式调用CSS文件文件u把把CSS样样式式单单独独保保存存成成一一个个文文件件，其其扩扩展展名名为为.css，在在需需要要设设置置样样式式的的页页面面中中以以链链接接的的方方式式调调用这个文件。用这个文件。u采采用用链链接接形形式式调调用用外外部部CSS文文件件在在标标签

64、签中使用中使用link语句：语句： 12.2.7 层叠样式表单层叠样式表单槽结助吼辖披达沤养耸此杂励咐耗殊镰识婴怜学唉况亚脊清段速天氦枉乔第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202460例例：定定义义样样式式文文件件，保保存存为为“css_test.css”。HTML文件调用文件调用css_test。样式文件：样式文件：.c1 font-family:黑体黑体; font-style:italic; color:red h2 font-family:楷体楷体_GB2312; color:green 12.2.7 层叠样式表单层叠样式表单页面文件：页面文件： 使用链

65、接调用使用链接调用CSS文件的例子文件的例子 这这个个标标题题使使用用了了外外部部CSS文文件件中定义的中定义的c1类样式类样式 这这个个标标题题使使用用了了外外部部CSS文文件件中中定定义义的的h2样式样式 娠凝毒漓醚趣榴堆踌剥嚣披搂末吻丽泌劣狂骸谊管愚娥设著再柔徽农辖报第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20246112.2.7 层叠样式表单层叠样式表单翅祁鳞吹啤耽迢踌余隆挛棒租癸集刚桶懦沉溃慑旷仑酌缅脯遥融诉锈炯悠第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20246212.3.1 Dreamweaver CS4的工作环境的工作环境12

66、.3.2 创建和管理本地站点创建和管理本地站点12.3.3 添加页面内容添加页面内容12.3.4 在在Dreamveaver中使用中使用CSS12.3 Dreamweaver CS4的使用的使用献挥爵淘喝垮传榔万矩吱虽砒纳配柿腰臭际柏鞭疑婶弥谷中战龄诱兹亢坝第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202463Dreamweaver CS4的工作界面如图所示：的工作界面如图所示：12.3.1 Dreamweaver CS4的工作环境的工作环境 韦迎耙辰议平负厕六藩萎烙拍拌轮哥煽授懊其捷拾彤泌美笆出污陕擒目一第12部分网页制作和网站建设第12部分网页制作和网站建设7/24

67、/202464(1)“文档文档”窗口窗口 设设计计网网页页的的主主要要区区域域，在在这这个个窗窗口口内内编编辑辑网网页页元素，编辑的效果和浏览器中显示的效果近似。元素，编辑的效果和浏览器中显示的效果近似。(2)“文档文档”工具栏工具栏 对对文文档档进进行行控控制制。网网页页制制作作时时有有3种种文文档档视视图图方方式：代码、拆分和设计。式：代码、拆分和设计。代码：代码：“文档文档”窗口只显示窗口只显示HTML代码。代码。拆拆分分：“文文档档”窗窗口口分分为为上上下下两两部部分分，上上面面显显示示HTML代码，下面显示页面效果。代码，下面显示页面效果。设设计计：“文文档档”窗窗口口只只显显示示页

68、页面面效效果果，用用户户可可进进行行可视化编辑。可视化编辑。12.3 Dreamweaver CS4的使用的使用 祈属翘师客维酶吓悠韩抨叔匹宗西发夏洒泌埃他壁缔的拼潍叉烷爹秸谩煌第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202465(3)“插入插入”面板面板 向向页页面面中中插插入入元元素素，通通常常在在“设设计计”视视图图下下使使用用。“插插入入”面面板板可可以以插插入入很很多多对对象象，对对象象分分为为8个个类类别别：常常用用、布布局局、表表单单、数数据据、Spry、InContext Editing、文本和收藏夹。、文本和收藏夹。(4)“属性属性”面板面板 显示页

69、面中被选中对象的属性。显示页面中被选中对象的属性。(5)“文件文件”面板面板 显显示示网网站站的的所所有有文文件件和和文文件件夹夹，可可对对文文件件或或文文件夹进行新建、删除、重命名等操作。件夹进行新建、删除、重命名等操作。12.3 Dreamweaver CS4的使用的使用 欣氛庄忽尽专史萝击迷殖涂睡歉租强粳汰粱伺桐北罚界墓监鳖折求语恰攒第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202466u首首先先要要创创建建一一个个站站点点，然然后后才才能能在在站站点点下下创创建建和和设计各个网页。设计各个网页。u通通常常情情况况，网网站站制制作作者者都都是是在在本本机机上上先先

70、制制作作好好网网站，然后上传到网络服务器上。站，然后上传到网络服务器上。本地站点：在本机上创建的站点。本地站点：在本机上创建的站点。远程站点：上传到服务器上的站点。远程站点：上传到服务器上的站点。12.3.2 创建和管理本地站点创建和管理本地站点 荤将审院糠霖艇酋再痴定芝娠嫌禾凄首脚饥歪晃皖集报旧审藻汲谢秒趁左第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024671. 创建本地站点创建本地站点u单单击击菜菜单单“站站点点”“新新建建站站点点”，或或单单击击菜菜单单“站站点点”“管管理理站站点点”，在在“管管理理站站点点”对对话话框中单击框中单击“新建新建”按钮。按钮。

71、u创建站点对话框有两个标签：基本和高级。创建站点对话框有两个标签：基本和高级。“基本基本”方式以向导形式进行创建。方式以向导形式进行创建。“高级高级”方式以目录形式进行创建。方式以目录形式进行创建。12.3.2 创建和管理本地站点创建和管理本地站点 赁淘爬贰釜序吨缔蓄玩栗辉法耪礼墟菲我茧副簿蛮哀粒偷扮喊敢景舅宪锹第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202468“基本基本”方式创建站点：方式创建站点：(1)给站点起个名字，站点的给站点起个名字，站点的HTTP地址一栏可不填。地址一栏可不填。(2)询询问问是是否否使使用用服服务务器器技技术术。服服务务器器技技术术指指网

72、网站站服服务务器器端端组组件件的的编编程程技技术术，一一般般有有脚脚本本语语言言(如如：JavaScript、VBScript)或或动动态态服服务务器器编编程程语语言言(如：如：ASP、JSP等等)。(3)选选择择文文件件的的操操作作方方式式，一一般般选选择择“在在本本地地编编辑辑完完成成后后再再上上传传到到服服务务器器”；之之后后，指指明明本本地地文文件件的的存放位置。存放位置。(4)选选择择连连接接到到远远程程服服务务器器的的方方式式，可可以以先先选选择择“无无”，等制作完成后再上传到远程服务器。，等制作完成后再上传到远程服务器。(5)列列出出前前面面所所填填的的站站点点信信息息(可可单单

73、击击“上上一一步步”返返回回修改修改)，单击，单击“完成完成”按钮，站点建立完毕。按钮，站点建立完毕。12.3.2 创建和管理本地站点创建和管理本地站点 户岁汹荆戎霜亮弄梢殉学芒返懂黎咳酮戍苦脯隐滇毛常晒泻衅牡沁秦链锐第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024692. 创建新文档创建新文档 站站点点创创建建完完成成后后，在在本本机机上上会会有有一一个个存存放放网网站站文文件件的的文文件件夹夹。同同时时在在“文文件件”面面板板中中可可看看到到站站点点的的文文件。件。视图选择：视图选择：“本本地地视视图图”显显示示本本地地站站点点的的网网站站文文件目录结构。件目录结

74、构。“远远程程视视图图”显显示示服服务务器器上上的的目目录录结结构。构。站点列表站点列表12.3.2 创建和管理本地站点创建和管理本地站点 绥辕筒酋移亨粳臀香凤嗅矽涵钎批区秒抵刽奖益把萝燕掐酌钒逮坐淤怯觉第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202470u创创建建主主页页文文件件：主主页页文文件件一一般般放放置置在在站站点点的的根根目目录录，选选择择目目录录树树最最上上面面一一行行(即即根根目目录录)右右键键快快捷捷菜菜 单单 中中 的的 “新新 建建 文文 件件 ”， 主主 页页 一一 般般 都都 以以“index”或或“default”命命名名，静静态态主主页页

75、扩扩展展名名为为.htm或或.html；动动态态主主页页扩扩展展名名一一般般为为.asp或或.jsp。12.3.2 创建和管理本地站点创建和管理本地站点 饭玖素帖笺今针纽淡陌斋瓤撬惧糙兽炕玫顽渐篷肢策混从戮淌渊圣味哈逾第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202471制制作作网网页页的的过过程程就就是是向向创创建建的的文文档档内内添添加加网网页页元元素素的过程，并对它们进行编辑排版。的过程，并对它们进行编辑排版。12.3.3 添加页面内容添加页面内容 1. 文字文字u在在“设设计计”模模式式和和“代代码码”模模式式下下添添加加文文字字，在在相应位置输入即可。相应位置

76、输入即可。u对对文文字字格格式式化化：选选中中文文字字，在在“属属性性”窗窗口口中中修修改。改。导导入入文文件件内内容容：单单击击菜菜单单“文文件件”“导导入入”，选选择择要导入的文件即可将文件内容导入网页中。要导入的文件即可将文件内容导入网页中。边罗豢寄咸醛缎瑚对扔德柱救柒撰性止称粉撵辅欧蓄债橡册苛胚桃惑污窟第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024722. 图像图像网站的图片一般存放在站点下专门的文件夹中。网站的图片一般存放在站点下专门的文件夹中。u单单击击菜菜单单“插插入入”“图图像像”，打打开开“选选择择图图像像源源文件文件”对话框，找到图片，单击对话框

77、，找到图片，单击“确定确定”即可。即可。u图片插入后可在图片插入后可在“属性属性”窗口设定图片属性。窗口设定图片属性。u单单击击菜菜单单“修修改改”“图图像像”，可可对对图图片片进进行行基基本本的的编编辑辑。在在实实际际网网页页制制作作中中，通通常常使使用用专专业业图图像像编编辑软件处理图片，如：辑软件处理图片，如：Photoshop、Fireworks等。等。u图图像像占占位位符符：插插入入相相同同尺尺寸寸的的临临时时代代替替图图像像符符号号。单单击击菜菜单单“插插入入”“图图像像对对象象”“图图像像占占位位符符”。12.3.3 添加页面内容添加页面内容 五奎茨烟它痹弥嵌漆黑横由供殉雁桅脊屑

78、瘩英喻叔恭绷喳镣县胆样停泡绳第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024733. 表格表格 单单击击菜菜单单“插插入入”“表表格格”，在在弹弹出出的的表表格格设设置置对对话话框框中中，设设置置行行列列数数、表表格格宽宽度度、边边框框粗粗细细、单单元元格格边边距距、单单元元格格间间距距，选选择择表表格格样样式式，输输入入整个表格的标题等。整个表格的标题等。12.3.3 添加页面内容添加页面内容 更苟徒翠细屠卑副参惑杭轰存掳凋露贿墓秧琴彦擞翼侧驮枝剧亡萄础漾趋第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024744. 超链接超链接(1)文字超链

79、接文字超链接 选中文字，在选中文字，在“属性属性”窗口中写入链接的目的地址。窗口中写入链接的目的地址。方法一：单击文件夹图标打开对话框选择链接目的文件。方法一：单击文件夹图标打开对话框选择链接目的文件。方方法法二二：鼠鼠标标直直接接按按住住“指指向向文文件件”图图标标，拖拖曳曳到到“文文件件”面板中目的文件上放开。面板中目的文件上放开。12.3.3 添加页面内容添加页面内容 指向文件指向文件闲泵生礁逾庇蠕医碎磷郧釉遮瓶素昔电温吾标镐掇坛积伸姬摹奥认沥浚偶第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202475(2)图像超链接图像超链接u整幅图片超链接：和文字链接操作相同。

80、整幅图片超链接：和文字链接操作相同。 u图图片片热热点点超超链链接接：选选择择图图片片中中的的一一部部分分建建立立超超链链接接，使使用用图图像像“属属性性”窗窗口口中中下下面面部部分分的的热热点点工工具划定热点区域。具划定热点区域。12.3.3 添加页面内容添加页面内容 骚歹榴驮膘涧雁翟们援箔钝糖诉捷必笋如蹋跳囱守拔选垮苛谈妊孕发鼎钙第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202476(3)锚记链接锚记链接u第第一一步步：在在链链接接目目的的处处，打打开开菜菜单单“插插入入”“命名锚记命名锚记”插入锚记并命名，如：插入锚记并命名，如：“m2”。u第第二二步步：选选中中

81、需需要要设设置置链链接接的的文文本本，在在“属属性性”面面板板中中“链链接接”一一栏栏输输入入“#”和和锚锚记记名名称称，如如：“#m2”。12.3.3 添加页面内容添加页面内容 窄框中拧洼坎沟墟贾术横经颓突骸勘敷特猩杯壕襟绅雌殊填巨案魏翟细湾第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202477锚记链接举例：锚记链接举例：12.3.3 添加页面内容添加页面内容 焚跨莹灿涟纤湖秒朴桅各磕饿甭跪澳旱缮拾库峰拔俊僚奏麦妊夜福屈扁恢第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024781. 创建样式表创建样式表u启启动动Dreamweaver，打打开开

82、某某站站点点的的index.htm文文件件，可可看看到到右右侧侧CSS面面板板是是空空的的，这这说说明明index.htm文件目前没有应用样式表。文件目前没有应用样式表。打开打开CSS面板的方法：菜单面板的方法：菜单“窗口窗口”“CSS样式样式”。12.3.4 在在Dreamweaver中使用中使用CSS 捍懊梅阵庞塞较敏焕日徽幸姨杏纪荆瀑热宴邮物活宝院畏菏沙零课膜琅千第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202479u创建样式表：创建样式表：(1)单单击击CSS面面板板的的“新新建建CSS规规则则”按按钮钮，打打开开创建样式表对话框。创建样式表对话框。选选择择创创

83、建建样样式式的的选选择择器器，选选择择器器类类型型包包括括标标签签、类类、ID和复合内容。和复合内容。输入选择器名称，以输入选择器名称，以“.”开头。开头。选选择择样样式式表表“仅仅限限该该文文档档”还还是是“新新建建样样式式表表文文件件”。前前者者指指样样式式嵌嵌入入当当前前文文档档中中，只只作作用用于于当当前前文文档档；后后者者指指把把样样式式表表作作为为一一个个外外部部文文件件保保存存，以以链链接的形式作用于文档，并且可被多个文档链接使用。接的形式作用于文档，并且可被多个文档链接使用。(2)单单击击“确确定定”按按钮钮，弹弹出出设设置置样样式式属属性性对对话话框框。可可设设置置样样式式的

84、的很很多多属属性性，如如字字体体属属性性、背背景景属属性、字间距、行间距等。性、字间距、行间距等。12.3.4 在在Dreamweaver中使用中使用CSS 琅碧掐僵人志莱贷斌黔愿夺毫寄失波过锤紧夕城象像峭芥拯遭驯嘎反他烈第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202480u在在CSS面板中可见创建的样式，如下图所示。面板中可见创建的样式，如下图所示。因为选择了因为选择了“仅限该文档仅限该文档”，所以样式处于，所以样式处于style中。中。可重新设置或添加样式的属性。可重新设置或添加样式的属性。代代码码窗窗口口的的标标签签中中也也添添加加了了标标签签，其其中包括样式表

85、内容。中包括样式表内容。“属性属性”面板的面板的“类类”属性也添加了新建的样式。属性也添加了新建的样式。12.3.4 在在Dreamweaver中使用中使用CSS 矿采柴犬从毕录忧物兵氮吩耳炳酥经赘明袭客措颐世眺玛榴韵炕艘含熊掠第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20248112.3.4 在在Dreamweaver中使用中使用CSS 鄂谋消邵林辛鬼翼公孽笛肝业垢液饰嚼搁言葱俄缆衰掺仕鱼凑擂刷甲湍伟第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024822. 使用样式表使用样式表u在在网网页页中中使使用用已已创创建建样样式式表表：把把光光标标在

86、在需需应应用用样样式式的的地地方方单单击击，然然后后在在“属属性性”窗窗口口的的“类类”中中选选择择所所需需样样式式即即可。可。12.3.4 在在Dreamweaver中使用中使用CSS 等乏睛灯定游贼织螺居慨顽九篙魄氏潦烬心摈迁驮膳纠笔钠艰二适厅蚁焰第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202483u使用外部独立的使用外部独立的CSS文件：文件：单单击击“属属性性”面面板板中中的的“类类”，选选择择“附附加加样样式式表表”，在在弹弹出出的的对对话话框框中中找找到到相相应应的的CSS文文件件，然然后后选选择择“链接链接”。链接链接CSS文件后，如下图所示文件后，如下

87、图所示标签中会自动添加语句：标签中会自动添加语句： CSS面板中能看到外部面板中能看到外部CSS文件。文件。“属属性性”面面板板中中能能看看到到CSS文文件件中中的的样样式式，直直接接选选择即可使用。择即可使用。12.3.4 在在Dreamweaver中使用中使用CSS 果桂郎晓菠瞻辜逐案辱磁揍峦漓傅沤魏佯意狸松肩口娃韩辫漆津盅盔剥勿第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20248412.3.4 在在Dreamweaver中使用中使用CSS 钥棒泉纵注途瘩蓄读乔窥筷赵稠褂侮哺撩卑徽麓泰些棚肝僚侠消辗枝鞍了第12部分网页制作和网站建设第12部分网页制作和网站建设7/2

88、4/202485网站系统制作完成以后，还需进行一系列工作：网站系统制作完成以后，还需进行一系列工作：u全面、完整的本地测试。全面、完整的本地测试。u为网站申请域名和空间。为网站申请域名和空间。u把本地网站上传到把本地网站上传到WWW服务器上发布。服务器上发布。u严格的在线测试。严格的在线测试。u维护、管理和更新网站。维护、管理和更新网站。12.4 网站的发布和维护网站的发布和维护 密利卢准杨侧卜今烷奴蛾艇拯依嘉吴释洪搁矾存真绒绣芬贩逻算永蓖罐桌第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/20248612.4.1 网站发布前的准备网站发布前的准备12.4.2 上传网站上传网

89、站12.4.3 网站的推广网站的推广12.4.4 网站的更新、管理和维护网站的更新、管理和维护12.4.5 网站评估网站评估12.4 网站的发布和维护网站的发布和维护 裁柏滓牲悄浊摇潞樊惦灰哈险芋弯蕴妥烁纱诬哟施史洋予华某惨耽先碎柜第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024871. 申请域名申请域名(1)域名的注册规范域名的注册规范 26个个英英文文字字母母“A”-“Z”(不不区区分分大大小小写写)、10个数字个数字“0”-“9”、英文连字符、英文连字符“-”。注注册册含含有有“CHINA”、“CHINESE”等等的的域域名名须须经经国国家家有关部门有关部门(部

90、级以上单位部级以上单位)正式批准。正式批准。其他国家或地区名、外国地名、国际组织名不得使用。其他国家或地区名、外国地名、国际组织名不得使用。县县级级及及以以上上行行政政区区划划名名称称的的全全称称或或缩缩写写须须相相关关县县级级及及以上人民政府正式批准。以上人民政府正式批准。行业名称或商品的通用名称不得使用。行业名称或商品的通用名称不得使用。他人已在中国注册过的企业名称或商标名称不得使用。他人已在中国注册过的企业名称或商标名称不得使用。12.4.1 网站发布前的准备网站发布前的准备 乱嘶汲牲垦冤爷皆烃包漓衷虐篡览斋朱券浦凄道听畸升烁提魏吝骗委尝匹第12部分网页制作和网站建设第12部分网页制作和

91、网站建设7/24/202488(2)域名的设计原则域名的设计原则域名的设计包括域名主体的设计和域名后缀的选择。域名的设计包括域名主体的设计和域名后缀的选择。如如：淘淘宝宝网网的的域域名名()分分为为域域名名主主体体(taobao)和域名后缀和域名后缀(com)两部分。两部分。u域名主体的设计要与网站的性质、用途相一致。域名主体的设计要与网站的性质、用途相一致。u域名后缀分为顶级域名和二级域名。域名后缀分为顶级域名和二级域名。顶级域名：即通常说的国际域名。顶级域名：即通常说的国际域名。二级域名：地理级域名，共二级域名：地理级域名，共243个国家和地区的代码。个国家和地区的代码。12.4.1 网站

92、发布前的准备网站发布前的准备 旗揣疟篆量雪滁赫沫寨群解菌巧星痊芜劳炎卵鹤故亮秦页声称两氯套钦剑第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202489(3)域名的注册方法域名的注册方法u查询所需域名是否已被注册，查询网站：查询所需域名是否已被注册，查询网站：中国互联网络信息中心中国互联网络信息中心(CNNIC, )数据库数据库国国际际互互联联网网络络信信息息中中心心(InterNIC, )数数据据库库国国 内内 负负 责责 域域 名名 申申 请请 事事 务务 的的 公公 司司 网网 站站 ， 如如 ： 万万 网网(http:/)、新网、新网(http:/)等。等。u填填写

93、写域域名名申申请请表表。注注册册国国内内域域名名和和国国际际域域名名分分别别通通过过CNNIC和和InterNIC授权代理进行。授权代理进行。注注册册国国际际域域名名需需提提交交企企业业营营业业执执照照复复印印件件、盖盖章章的的申申请请表表等等文件资料，个人或企业都可注册。文件资料，个人或企业都可注册。国内域名只有企业可以注册。国内域名只有企业可以注册。12.4.1 网站发布前的准备网站发布前的准备 啼既旗贴饲婴磅孩傀欺无泵公叭殷遭沟豌悲宝免亨呐徽垛焚奏害塌肥霞察第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024902. 申请网站空间申请网站空间u网站空间选择一般有网站

94、空间选择一般有4种形式：种形式：(1)自己购买或单独租用服务器自己购买或单独租用服务器(2)采采用用一一些些ISP(Internet Service Provider, 互互联联网网服服务务提提供供商商)提提供供的的虚虚拟拟主主机机形形式式(即即收收费费空空间间)(3)采用一些网站提供的免费空间采用一些网站提供的免费空间(4)动动态态域域名名解解析析方方案案：利利用用动动态态域域名名解解析析软软件件，将自己的计算机设置成服务器。将自己的计算机设置成服务器。12.4.1 网站发布前的准备网站发布前的准备 适适用用于于一一些些大大型型网网站站，如如门门户户。对对稳稳定定性性要要求求很很高高，网网站

95、站流流量量也也很大。费用高。很大。费用高。适适用用于于更更多多的的普普通通网网站站。购购买买时时主主要要看看访访问问速速度度、空空间间大大小小、稳稳定程度以及服务内容。定程度以及服务内容。适适用用于于一一些些小小网网站站，如如个个人人网网站站，访访问问流流量量不不是是很很大大，对稳定性要求也不高。对稳定性要求也不高。适用于初学者。适用于初学者。蝴六墩孤草勉史珠纵棕左垫剑欣审酬徒岗武兑锤黄廊酶花鸟折究秀犬析滩第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202491u动态域名解析方案配置的基本步骤：动态域名解析方案配置的基本步骤：(1)找找到到一一个个提提供供动动态态域域名名

96、解解析析服服务务的的网网站站注注册册并并申申请请免费的二级域名。免费的二级域名。国内比较典型的两款动态域名解析软件：国内比较典型的两款动态域名解析软件： 广广 州州 网网 域域 科科 技技 公公 司司 提提 供供 的的 “花花 生生 壳壳”(http:/) 青青岛岛每每步步科科技技公公司司提提供供的的“每每步步”(http:/)(2)下载动态解析客户端软件，安装并配置好。下载动态解析客户端软件，安装并配置好。(3)配配置置本本地地计计算算机机的的IIS(Internet Information Server, 互联网信息服务互联网信息服务)。12.4.1 网站发布前的准备网站发布前的准备 贸响

97、对状盅掸柯绎阉罕丝逃诌哀仲翰伤方峭口厅释撇世沉壤滨窗霉研坯沽第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024923. 本地测试本地测试(1)网页正确性测试网页正确性测试在在浏浏览览器器中中打打开开网网页页，逐逐页页测测试试，保保证证每每一一页页的的显显示内容无错误。示内容无错误。超超链链接接的的正正确确性性，Dreamweaver中中的的“链链接接检检查查器器”面板可以进行详细链接管理。面板可以进行详细链接管理。(2)网网页页兼兼容容性性测测试试：测测试试网网页页在在不不同同操操作作系系统统和和浏览器中的显示效果。浏览器中的显示效果。使使用用目目前前较较主主流流的的操

98、操作作系系统统(如如：Windows、Linux)和浏览器进行浏览。和浏览器进行浏览。测测试试在在同同一一浏浏览览器器中中不不同同分分辨辨率率下下的的显显示示效效果果。常常用分辨率为用分辨率为800*600、1024*768、1280*800。12.4.1 网站发布前的准备网站发布前的准备 柒茁傲盎氖逆淑荐耪闭径勋挣膝矗洗农彦连国捕较篡帅裤瘸野辛因连劈肺第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202493(3)程序及数据库测试程序及数据库测试 对对动动态态网网页页程程序序，在在当当前前设设计计开开发发环环境境中中建建立立本本地地服服务务器器环环境境(如如：使使用用II

99、S)，并并测测试试程程序序是是否能正确执行和使用。否能正确执行和使用。12.4.1 网站发布前的准备网站发布前的准备 示刚载氯缉铆永翱稿势镭矫何易爽扩拆央阔奠共谊梳卵耀灶缄波纂忌汪痛第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024941. 使用使用Dreamweaver上传上传(1)单单击击菜菜单单“站站点点”“管管理理站站点点”，打打开开管管理理站站点点窗口。窗口。(2)双击要上传的站点，打开站点定义对话框。双击要上传的站点，打开站点定义对话框。(3)选选择择左左边边分分类类的的“远远程程信信息息”，在在访访问问下下拉拉列列表表框框中中选选择择“FTP”选选项项，设

100、设置置FTP各各项项参参数数，这这些些参参数数在在申申请请网网站站空空间间时时服服务务商商已已提提供供。单单击击“确确定定”按钮，返回按钮，返回“文件文件”面板。面板。(4)按下按下“连接到远端主机连接到远端主机”按钮，开始连接远程主机。按钮，开始连接远程主机。(5)连连接接成成功功后后，选选中中要要上上传传的的文文件件(可可多多选选)，单单击击“上传上传”按钮进行上传。按钮进行上传。12.4.2 上传网站上传网站 饲长拇垣邱抖陶讨绷套缸喂乡凶袖猜锣掣惹稗鸽固娠救靛滥矾转身虹靠或第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024952. 使用浏览器上传使用浏览器上传(1

101、)在在浏浏览览器器地地址址栏栏输输入入从从服服务务提提供供商商处处获获取取的的远远程程FTP地地址址，在在弹弹出出的的对对话话框框中中输输入入用用户户名名和和密密码，进入码，进入FTP服务器。服务器。(2)“复复制制”本本地地文文件件，“粘粘贴贴”到到FTP服服务务器器上上即可。即可。注：此方法不支持断点续传。注：此方法不支持断点续传。3. 使用使用FTP工具上传工具上传 使使用用支支持持断断点点续续传传的的专专用用FTP工工具具上上传传，常常用用的工具软件有的工具软件有LeapFTP、CuteFTP等。等。12.4.2 上传网站上传网站 响违滤舟溅咳骄声颗哩尖毒塔汝蹈后妹孙簿粥侮爆握卫房尽哟

102、譬商就驯篓第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202496网站的推广主要解决两个问题：网站的推广主要解决两个问题： 提高网站的知名度和访问量。提高网站的知名度和访问量。 尽可能挽留住浏览过网站的访问者。尽可能挽留住浏览过网站的访问者。1. 传统媒介推广传统媒介推广 通通过过广广播播电电视视、报报纸纸杂杂志志、户户外外广广告告和和其其他他一一些些印刷品以广告方式进行推广。印刷品以广告方式进行推广。12.4.3 网站的推广网站的推广 邢拯伸莹灵家圣努购阮痈缀胸纲治炎贱己申伺粱篇婴磷苑棺禽吩幂顶呛代第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/202

103、4972. 搜索引擎推广搜索引擎推广u概概念念：利利用用搜搜索索引引擎擎、分分类类目目录录等等具具有有在在线线检检索索信信息功能的网络工具进行推广。息功能的网络工具进行推广。u方方法法：首首先先要要保保证证网网站站被被搜搜索索引引擎擎收收录录，可可到到搜搜索索引擎中注册需要推广的网站地址。引擎中注册需要推广的网站地址。如如：在在百百度度中中注注册册网网址址。打打开开百百度度网网站站收收录录入入口口页页面面(http:/ 输输入入要要注注册册推推广广的的网网址址和和验验证证码码，单单击击“提提交交网网站站”即即可可。提交后，若网站合法，百度会在一段时间后收录。提交后，若网站合法，百度会在一段时间

104、后收录。常用搜索引擎网站收录入口：常用搜索引擎网站收录入口：Google：http:/ 网站的推广网站的推广 昼糕坦檬堑口术块囤虽垢总伍晓绒习钝懂彦疫碗琢鹤淤蛊育瞧题陀怔孟绪第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024983. 资源合作推广资源合作推广u概概念念：利利用用网网站站资资源源与与合合作作伙伙伴伴合合作作，实实现现资资源源共享。共享。u方法：最常见的方法就是交换链接。方法：最常见的方法就是交换链接。分分别别在在双双方方的的网网站站上上放放置置对对方方网网站站的的Logo或或网网站站名名称称并设置对方网站的超链接。并设置对方网站的超链接。u作作用用：获获得

105、得访访问问量量；在在搜搜索索引引擎擎排排名名中中增增加加优优势势；增加访问者的可信度。增加访问者的可信度。12.4.3 网站的推广网站的推广 彦帽嗣宝肩尉渠竭凹钉殷媚跃捞陶奠信外虾黎獭座佯陛教恢秘做躬耗肿借第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024994. 服务附加推广服务附加推广u概概念念：为为用用户户提提供供有有价价值值的的免免费费服服务务或或信信息息的的同同时，附加上一定的推广信息。时，附加上一定的推广信息。u方方法法：常常用用工工具具包包括括免免费费电电子子书书、免免费费软软件件、免免费费Flash作作品品、免免费费贺贺卡卡、免免费费邮邮箱箱、免免费费即

106、即时时聊天工具、电影字幕翻译、制作聊天搞笑图片等。聊天工具、电影字幕翻译、制作聊天搞笑图片等。5. 其他推广方式其他推广方式u论论坛坛推推广广：在在很很多多论论坛坛上上注注册册几几十十个个帐帐号号把把签签名名设设为为自自己己的的网网站站；发发表表热热门门内内容容或或有有争争议议性性的的标标题题内内容容；自自己己顶顶自自己己帖帖子子；使使用用灌灌水水机机软软件件灌水灌水(需注意更换马甲需注意更换马甲)。u使用使用QQ等聊天工具的群功能。等聊天工具的群功能。12.4.3 网站的推广网站的推广 塞貌恨渝移今有脓鸿蹈褐嫉狸锣埃鞋实框今苦侵拴涵冲瞥创联磨珊贤烦甜第12部分网页制作和网站建设第12部分网页

107、制作和网站建设7/24/20241006. 有一定强迫性的推广方式有一定强迫性的推广方式u修改用户浏览器默认首页设置。修改用户浏览器默认首页设置。u自动加入收藏夹。自动加入收藏夹。u在用户计算机上安装病毒程序等。在用户计算机上安装病毒程序等。12.4.3 网站的推广网站的推广 恋隶透丈微兹很啦颖投戊崎运考霄犯支榨碉隐滤棺拦莲电步钨钝舌醇逸绅第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024101网站更新、管理和维护的主要任务有：网站更新、管理和维护的主要任务有：(1)改善组织结构和导航。改善组织结构和导航。 (2)验证和更改超链接：保证有效性。验证和更改超链接：保证有效

108、性。(3)网站内容的更新。网站内容的更新。(4)网站设计技术的升级。网站设计技术的升级。 如如：从从静静态态图图片片到到动动画画、从从静静态态页页面面到到动动态态网网站等，应美观和实用双重进步。站等，应美观和实用双重进步。(5)服务器维护和升级。服务器维护和升级。12.4.4 网站的更新、管理和维护网站的更新、管理和维护 堑高瘁糖舅殊佣趾替错载试汤抚谗媚茵氓涨润裸瑶另肚佳问初浴呸贞螺缴第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024102u网站评估就是估算一个网站的价值。网站评估就是估算一个网站的价值。u网网站站评评估估除除了了考考虑虑传传统统评评估估因因素素之之外外

109、，还还要要考考虑虑网站的运作模式。网站的运作模式。u评估网站时考虑的因素：评估网站时考虑的因素： (1)收收入入源源：实实际际收收入入来来源源，包包括括出出售售的的产产品品或或服服务务、会员费、佣金收入和广告收入。会员费、佣金收入和广告收入。(2)运运营营成成本本：包包括括服服务务器器成成本本、职职工工成成本本、其其他他开开支支等。等。(3)资产：网站硬件、软件、品牌等。资产：网站硬件、软件、品牌等。(4)访问量。访问量。12.4.5 网站评估网站评估 旨眩枉郊蹈降袜傣俄握顶机障幕嘛李厩杯之势吠碱沏厚扭绒雨忽尊锤捆屑第12部分网页制作和网站建设第12部分网页制作和网站建设7/24/2024育哎诸帝撬杨坷盼空狰泛晴莽诲回渤跑窜奔褥闺爷段毁堂灵沟邵拦启牌健第12部分网页制作和网站建设第12部分网页制作和网站建设THE End辩像酞邻钟秒蟹鳃炸虫躲笋综寄炊桨襟多侯钵邱茫暑摊钾弹描爬铲姚惜缅第12部分网页制作和网站建设第12部分网页制作和网站建设