毕业论文-邮政快递网站的设计与制作.doc

《毕业论文-邮政快递网站的设计与制作.doc》由会员分享，可在线阅读，更多相关《毕业论文-邮政快递网站的设计与制作.doc（25页珍藏版）》请在三一文库上搜索。

1、 邮政快递网站的设计与制作学生姓名： 学 部： 理 工 班 级： 通专2 专 业： 通信技术 指导教师： 北京城市学院2009年04月22摘 要在建设EMS邮政快递网站之前，要先深入了解企业的性质，从企业的文化和价值来考虑建设一个什么样的网站。EMS邮政快递网站的定位应该是在互联网上树立企业品牌形象，曾近与客户的沟通和交流，来更好的服务客户。要把企业的产品信息发布到网站上，让企业获取更多贸易机会。努力手机企业的相关资料，投放到互联网，在无形之中塑造企业的良好形象，提高企业的知名度，来赢得更多的潜在客户。简历网站后可以24小时的为客户服务，可以将客户经常遇到的问题提前发布在网站上进行汇总。在建设

2、网站的过程中选用Dreamweaver可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为您提供有用的工具，使您拥有更加完美的 Web 创作体验。利用 Dreamweaver 中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。关键词：互联网 快递 Dreamweaver 网页目 录第一章 前言.11.1 EMS简介.11.

3、1.1 EMS发展历程.21.1.2 EMS服务项目.3第二章 网站的规划和分析42.1 企业网站建站目的. .42.1.1 发布信息. .42.1.2 树立企业形象. .52.1.3加强客户服务.52.1.4提高工作效率.62.1.5增进与客户的沟通. .6 2.2建设网站前的市场分析. . .6第三章 Dreamweaver的介绍和网站制作. .83.1 Dreamweaver简介.83.1.1定义一个本地站点.103.1.2选择网页框架.113.1.3添加网页文字. 133.1.4插入图形. 133.1.5加入超链接. 143.1.6浏览导航. 153.1.7表单. 17第四章 结论 2

4、0参考文献.22致谢.23第一章 前 言Express Mail Service，邮政特快专递服务。它是由万国邮联管理下的国际邮件快递服务，是中国邮政提供的一种快递服务，主要是采取空运方式，加快递送速度，一般来说，根据地区远近，一般14天到达。 该业务在海关、航空等部门均享有优先处理权、它以高速度、高质量为用户传递国际、国内紧急信函、文件资料、金融票据、商品货样等各类文件资料和物品。目前，我国邮政的EMS业务已与世界上200多个国家和地区建立了业务关系；国内已有近2000个大、中、小城市办理EMS业务。1.1EMS简介中国速递服务公司为中国邮政集团公司直属全资公司，主要经营国际、国内EMS特快

5、专递业务，是中国速递服务的最早供应商，也是目前中国速递行业的最大运营商和领导者。公司拥有员工20,000多人，EMS业务通达全球200多个国家和地区以及国内近2,000个城市。EMS特快专递业务自1980年开办以来，业务量逐年增长，业务种类不断丰富，服务质量不断提高。除提供国内、国际特快专递服务外，EMS相继推出国内次晨达和次日递、国际承诺服务和限时递等高端服务，同时提供代收货款、收件人付费、鲜花礼仪速递等增值服务。EMS拥有首屈一指的航空和陆路运输网络。依托中国邮政航空公司，建立了以上海为集散中心的全夜航航空集散网，现有专用速递揽收、投递车辆20,000余部。覆盖最广的网络体系为EMS实现国

6、内300多个城市间次晨达、次日递提供了有力的支撑。EMS具有高效发达的邮件处理中心。全国共有200多个处理中心，其中北京、上海和广州处理中心分别达到30,000平方米、20,000余平方米和37,000平方米，同时，各处理中心配备了先进的自动分拣设备。亚洲地区规模最大、技术装备先进的中国邮政航空速递物流集散中心也将于2008年在南京建成并投入使用。EMS还具备领先的信息处理能力。建立了以国内300多个城市为核心的信息处理平台，与万国邮政联盟（UPU）查询系统链接，可实现EMS邮件的全球跟踪查询。建立了以网站（）、短信（10665185）、客服电话（11185）三位一体的实时信息查询系统。EMS

7、一贯秉承“全心、全速、全球”的核心服务理念，为客户提供快捷、可靠的门到门速递服务，最大程度地满足客户和社会的多层次需求。2005年先后荣获“中国消费者十大满意品牌”、“全国名优产品售后服务十佳”和“中国货运业快递信息系统和服务规范金奖”等奖项。1.1.1 EMS发展历程1980年7月15日，开办全球邮政特快专递业务(EMS)，是中国速递服务的最早供应商1984年，开办国内特快专递业务1994年1月18日，开通邮政特快专递跟踪查询网，实现快件的网上跟踪查询2001年3月28日，建立了以上海为中心的邮政集散式自主航空快速网2003年12月1日，开通上海至大阪自主航线，将自主国内网络延伸到国外200

8、4年以来，通过优化网络结构，相继提供次晨达、次日递和一系列增值服务2004年8月18日，开通邮政航空快速网 全夜航2005年7月15日，中国、澳大利亚、香港、日本、韩国和美国六邮政全面启动EMS承诺服务，共同对本邮政寄往其它五邮政的EMS邮件实行时限承诺服务1.1.2 EMS目务国际EMS承诺服务是指中国、澳大利亚、香港、日本、韩国和美国六邮政对本地邮政寄往其他五邮政的EMS邮件（不包括限时递、收件人付费等特殊服务业务）承诺指定的投递日期；对超过指定投递日期后投递的邮件，承担退还已收取的邮件资费的责任。这是中国邮政EMS继国内“次晨达”业务实行“限时未达，原银奉还”的承诺服务后，将诚信经营的理

9、念再次引入跨境速递服务，是为满足广大用户需求而精心打造的又一项高品质的速递服务。国际EMS承诺服务于2005年7月25日全面启动，业务开办范围为澳大利亚、香港、日本、韩国、美国全境和中国大部分地区。国际EMS承诺服务可以为您提供：无缝覆盖：全球邮政所拥有的网络终端覆盖到千家万户，澳大利亚、中国、香港、日本、韩国和美国六个邮政的邮件运递网络共拥有2.6亿个投递点，50万名投递员工，14万个邮政营业机构。使用邮政网络可为您提供安全、准确、快速的覆盖面最广的运递服务。多通道信息接入：EMS网站平台（）、全国统一的7X24小时的呼叫平台（11185）、移动通讯短信平台（10665185）和遍布城乡的邮

10、政营业窗口。实时跟踪：通过EMS的邮件跟踪与查询服务,可以实时了解交寄邮件的全程信息。承诺时限：EMS利用邮政特有的邮政编码资源，按照从邮政编码到邮政编码的方式计算承诺时限。承诺时限是客户交寄邮件的最大运递时限，实际运递时间有可能比承诺时限短。延误赔偿：因邮政原因邮件的实际运递时间超过承诺时限时，退还已收取的邮件资费。反馈服务：对签约客户可以提供邮件实时信息的主动反馈服务。使用说明：1交寄EMS邮件时请按照要求在EMS邮件详情单收件人地址栏内填写正确的收件人邮政编码（寄往香港的除外）；2要了解“国际EMS承诺服务”的承诺时限或查询交寄邮件的详细信息，请登录本站或拨打全国统一的客户服务电话111

11、85查询。查询必须提供的基本信息为：交寄日期、交寄地邮政编码和收件人邮政编码（香港除外）。3国际EMS承诺服务邮件时限延误的赔偿方式为：在邮件的实际运递时间超过承诺时限时，邮政部门向寄件人退还已收取的邮件资费（不包括包装费、验关费等其他费用）；4“国际EMS承诺服务”邮件出现承诺时限延误时，延误赔偿应在自邮件交寄日起30天内提出。邮政部门将在7个工作日内给予答复。如寄件人未能在规定时间内提出要求，邮政部门将不再按照上述方式承担退还邮件资费的责任。第二章 网站的规划2.1 企业网站建设目的在设计和规划EMS邮政快递网站时候，我遇到了一个难题,到底制作网站的目的到底是什么？经过我对EMS深入了解之

12、后发现,展示企业形象和加强与客户的服务和沟通才能真正发挥EMS建站的作用，所以我的建站思路和规划也是基于这些方面来考虑的。2.1.1 定位好网站的主题和名称网站主题要有特色而且精巧。定位要有速递特色，内容要精巧。如果想制作一个包含一切速递信息的站点，把所有认为精彩的速递信息都放在网站上，往往结果会事与愿违，给人缺乏主题和特色的感觉。一个样样都有却样样都很肤浅的速递网站，需要管理员耗费极大的精力去维护它，这是不现实的。通过在网站上发表速递的最大好处就是更新及时、迅速，且不用费用。有影响力的速递网站主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上定位准确的速递主题站比速递万全站更受

13、人们喜爱，打个比方，类似专卖店和百货商店，如果我只需要买某方面的东西，往往更喜欢去专买店。当然速递网站更要有速递网站的特色.网站的题材要与速递的内容有关。比如：速递的名称、速递的相关知识、速递的相关机构、速递的相关活动等等。同时题材的选取也要与所属速递的实际相结合。2.1.2 首页的设计在全面规划好速递网站的栏目，导航链接结构和网站整体风格之后，就可以正式开始制作网站首页了。俗语说：好的开始是成功的一半。在速递网站的建设上同样如此，首页的设计是否成功关系整个网站设计成败。人们往往看到首页就已经对一个网站下了结论。好的首页才能使浏览者继续浏览网站。能否吸引浏览者，设计的首页起关键作用。因此，结合

14、速递的风格，费大量心思，精心设计、制作首页是绝对重要。有关速递首页设计方法大致如下：版面布局的窍门色彩的搭配字体的设置和表格的嵌套细微之处见功力考虑不同的浏览器和分辨率标签的重要性首页，从根本上说就是我们速递网站内容的目录，也就是索引。但单单罗列目录还是是不够的，如何设计好一个速递网站的首页呢？一般的步骤是：结合速递网站的特点，确定首页的功能模块结合速递的风格，设计首页的版面处理技术上的细节确定建设我们的速递网站所需要的功能模块：速递网站首页的内容板块是指我们需要在首页上体现的内容和功能。一般的速递网站设计上都需要这样一些模块：网站名称(logo)、主菜单(menu)、新闻(news), 版权

15、(copyright).我们要选择的模块，实现的功能，是否需要添加其他模块都需要在首页设计开始之前确定。设计速递网站的首页版面在确定了功能模块后，我们可以开始设计速递网站首页的版面。好比搭积木，每个模块是一块积木，我们要做的就是搭出一座漂亮的房子，这就要需要我们的创意和想象力了。最后的方法就是结合速递的特色，设计版面的最好方法是先将理想中的草图勾勒出来，然后再用网页制作软件来实现。 3、处理技术上的细节制作的主页必须在不同分辨率下能保持不变形，在IE下看起来好看，设置字体和链接颜色.等等,速递网站首页设计必须结合速递的特征，这也是整个网站设计的难点和关键，在制作的过程中根据速递网站的特征，处理

16、好各种技术的细节，这也是非常重要的。2.1.3定位好速递网站的形象 制作一个杰出的速递网站，和实体公司一样，也需要对网站整体的形象进行包装和设计。准确，有创意的形象设计，对速递网站建成后的宣传、推广有事半功倍的效果。在速递网站的具体主题、名称定下来后，接下来要考虑的就是网站的形象。速递网站建设，在形象上要具有代表速递的特色。 具体说来，包括： 设计好速递网站的标志(logo).logo如同商标一样，是速递站点主题和内涵的集中体现，我们的目的是让大家看见logo联想起我们的网站。标志的设计创意来必须结合网站的名称和内容，能表明和速递的关联意志。 设计速递网站的标准色，也就是主题色。网站给人的视觉

17、冲击首先来自主题色的视觉刺激，标准色彩的确定是速递网站建设重要的一步。不同的色彩搭配会产生不同的效果并影响到访问者的情绪。通常说来，标准色彩必须选择能体现速递网站主题形象和内涵的色彩。例如：IBM采用深蓝色，肯得基采用红色条型，windows视窗采用红蓝黄绿色块，这些好的设计使我们觉得很贴切、和谐。标准色、标准色彩一般用于速递网站的标志，标题，主菜单和主色块。其目的是给人以整体统一的感觉。其它色彩也可以使用，但只能作为点缀和衬托，绝不能喧宾夺主。 设计速递网站的标准字体。和标准色彩类似，标准字体通常用于标志、标题、主菜单。一般网页默认的字体是宋体。有时候为了体现站点的与众不同和速递网站特有风格

18、，我门可以根据需要选择一些特别字体。 设计速递网站的宣传标语。将速递网站的精神、目标，用一句话甚至一个词来高度概括。以上四方面：标志，色彩，字体，标语，是建速递网站的关键，设计并完成这几步，速递网站将脱胎换骨，整体形象有一个提高。2.1.4确定速递网站建设所需要的栏目和版块建立一个速递网站好比写一篇关于速递的文章，提纲清晰，才能主题明确，层次明朗；也好比造楼，设计好框架图纸，方能使楼房结构合理。网站结构不清晰，目录庞杂，内容没有主题不相干，会使得浏览者看得糊涂，也会使得网站管理员扩充、维护网站发生困难，网站或许因此半途而废。所以，在动手制作网页前，一定要考虑好以下三方面：1.考虑速递网站的特征

19、，确定栏目和版块；2.确定速递网站的目录结构和链接结构3.确定速递网站的整体风格、创意设计首先，我们来讨论确定速递网站的栏目和版块。我们网站的题材是关于速递，收集和组织了许多相关的资料内容。能否吸引网友们来浏览网站，对内容的位置、内容在版面上的分布都是至关重要。一般一个速递网站栏目安排要注意以下几方面：1.要紧扣主题！通常的做法是：将速递这个主题按一定的方法分类，并将分类作为的主栏目。主栏目个数在总栏目中要占绝大多数，这样的速递网站给人感觉专业，主题突出，能给人留下深刻印象。2.设一个最近更新或速递指南栏目。这样做可以方便常来的访客，让网站更有人性化。3.提供一个可以供管理员与用户交流的栏目。

20、不需要很多，但一定要有。比如论坛，留言本，可以手机浏览者留下的信息。4.设一个下载或常见速递问题，特点是信息共享。当然，最后，我们也要设好其它辅助内容，如关于本站，版权信息等。这些最好不放在主栏目里，以免冲淡速递这个主题。总结以上几点，得出划分栏目需要注意的是：尽可能删除与速递无关的栏目尽可能将网站最有价值的关于速递的内容列在栏目上尽可能方便访问者的浏览和查询以上说的是栏目，我们再看看版块设置。版块比栏目的概念更大一些，版块容纳版块的栏目。我们要根据速递网站建设的需要来设置版块。同时应该注意1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。第三章Dreamweav

21、er的介绍和网站制作3.1Dreamweaver简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为您提供有用的工具，使您拥有更加完美的 Web 创作体验。利用 Dreamweaver 中的可视化编辑功能，您可以快速地创建页面

22、而无需编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。科技的发展、时代的进步传统的一些生活方式被大大的局限于一定的范围之内，网络发展是其发展的必然趋势，也是时代发展、社会进步的必然趋势。就这次在我国大肆蔓延的“非典”疫情而言，在疫情高大阶段，教育部门坚决果断的停止了学校的授课，保证了广大师生的安全。但这并没有影响到我们学习工作的进展，采取网络授课，网络教学的方式，一定程度上最大限度的弥补了我们的损失。这便是网络给我们带来的便利之一，而要把教育从一个固定的“舞台”搬到信息的高速路上，作为首选的Dreamweaver有它自身的先决条件。Dreamweaver、FL

23、ASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手。优点：1最佳的制作效率Dreamweaver可以用最快速的方式将

24、Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。2 网站管理使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自

25、动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。3 无可比拟的控制能力eamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能

26、，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何

27、平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。3.1.1定义一个本地站点在开始用Dreamweaver制作网页时，首先要定义一个本地站点。作为一个网站，里面有很多网页文件、图片，甚至Flash动画等，如果不进行管理归档，分散在硬盘的各个地方就无法方便地进行网页发布。定义本地

28、站点，就是在硬盘上建立一个目录，将所有的网页和相关的文件都放在里面，以便进行网页的制作和管理。单击“站点”菜单下的“新建站点”命令，弹出“定义站点”对话框（图1所示）。在“高级”列表中的第一项“本地信息”被选中，用来定义一些本地信息。在“站点名称”中为站点命名然后单击“本地文件夹”右侧的文件夹图标，选择目标磁盘，单击右侧的新建文件夹图标创建一个新的文件夹，并为其命名，选择文件夹后，单击“打开”按钮，然后单击“选择”按钮。如果已经准备好文件夹，直接选择即可。设置好根文件夹后，回到上一级对话框，单击“默认图象文件夹”右侧的文件夹图标，选择前面设置或者选择的根文件夹，单击右侧的“新建文件夹”图标创建

29、一个新的文件夹，并为其命名为作为默认图象文件夹。如果已经准备好文件夹，直接选择即可。图(1)3.1.2选择网页框架点击“插入”菜单下的“框架”。在下拉菜单中选择适合自己网页的框架。框架有以下几个功能：一、增加新框架 要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。其操作如下：1按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。 2也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮，单击

30、“确定”按钮即可。 二、删除框架 若框架页面看起来太乱，可删除某些框架。要删除一个框架，可先单击该框架选择它，再选择“框架”菜单中的“删除框架”命令即可。 三、改变框架属性 在设置好框架的整体布局后，我们还可以对每一框架的具体属性进行设置，操作如下： 1单击需设置属性的框架，选择“框架”菜单中的“框架属性”，则弹出“框架属性”对活框。 2在对话框的“名称”文本框中可输入框架名，这样便于识别不同的框架；在“选项”区域中，若选中“在例览器中可以调大小”复选框，则客户在浏览站点时，可重新定义框架尺寸，通过在“显示滚动条”下拉列表框中选择不同的描述项，可设置让滚动条是否出现。 3在“框架大小”区域中，

31、可设置框架大小，可以定义一个绝对像素值或相对于浏览器窗口的百分比，若要用浏览器来设置相对于该页面中框架的尺寸，可选“相对”；在“边距”区域中，可设置内容页面与框架边框分隔的像素数值。 4要改变开始页面，可以在“初始网页”文本框中输入一个新的页面名字或URL。5单击“框架网页”按钮，则弹出“网页属性”对话框。 6在该对话框的“框架”选项卡中，在“框架间距”文本框中，可输入以像素为单位的边框宽度；若要使框架边框消失，则不要选中“显示边框”复选框。7、单击“确定”按钮，关闭“网页属性”对话框，再单击“确定”按钮，关闭“框架属件”对话框，完成框架属性设置。框架页面创建完成后，就可以在其中加入内容了，每

32、一个框架都是一个文档，在里面可以加入文字、图象等内容，也可以打开一个已经存在的文档。3.1.3添加网页文字首先、我们先新建一个网页。现在光标处在正文编辑区，和记事本一样，我们输入一段文字。敲一下回车，光标定位在下一段中，输入一些主页说明文字。接下来我们对文字进行简单地排版。先设置标题文字的格式，将光标定位在第一段，然后按Ctrl+F3调出“属性面板”，点“居中”按钮，将文字设为居中对齐。选中本段文字，点Size下拉列表框，选择字号为6，设置文字颜色可以自己选择，并能将文字加粗接下来在正文文字前加两个空格。这时你会发现按下空格键没有用，这是因为在Dreamweaver中只认全角空格，我们可以启动

33、输入法，按下Shift+空格键，使其处于全角状态，再敲两下空格键同样，我们将正文文字设置为自己喜欢的格式，比如灰色4号字。3.1.4插入图形1首先先建一个站点。在右边的侧边栏中间，在文件面板中找到“站点“，瞄准敲右键，选“新建文件夹”命令，新建一个名为 images 的文件夹2这个images 文件夹主要用来放图片的，把要用的图片复制到这个文件夹中，也可以直接拖进去，图片的文件名必须是英文的；在右键菜单里有个“编辑”菜单，这里面有“拷贝、粘贴、删除、重命名”等命令3点常用工具栏中间的“插入图像”按钮，出现一个“选择图片”对话框，中间有一个文件夹images. 注意上面的“查找范围”应该是站点的

34、文件夹，中间是images文件夹，打开它，选择刚才复制进去的图片，点“确定”即可。如果插入的图片不在站点内，会出来一个复制的提示，这时候点“是”就可以了4保存一下文件，点预览按钮，看一下图片的效果；另外一种更简单的方法是，直接把右边站点里的图片拖到页面中，要插图片的位置，也可以插入图片要注意的是：要把图片放到站点的images文件夹中，而且图片是英文的文件名才行。3.1.5加入超链接在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。先来看一下用文字来建立链接。首先创建一个指向站点内其他网页的超链接。选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在

35、URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。 不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。在“创建超链接”

36、对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，DREAMWEAVER会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的内容就可以了。还有一种超链接，可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本，一般文本就是你的邮

37、箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。这样我们就差不多完成了网页的制作步骤，最后可将它发布到Web服务器上。站点发布前还要对它进行检查工作，包括超链接，页面等。3.1.6浏览导航一个网站的不同页面使用了同一导航条。通过统一导航条的方法，我们可以实现网站风格的统一，同时也方便了浏览者在不同页面间的跳转。用Dreamweaver MX可作出各种比较复杂的导航条。网页上的导航条可由一个或几个部分组成，每个部分均由各种图像构成，可以链接到不同的网页页面。在Dreamwe

38、aver中每部分中最多可设四个状态下的图像。一开始是一个初始图像，当鼠标移动到导航条部位上时则显示另一个图像，还可以设置当鼠标点击后的初始图像，以及鼠标点击后当鼠标再次移动到这个部位上的图像。一般地，每部位只设一到两种状态的图像。因为图像太多了，会影响网页页面的访问、浏览的速度。导航条制作方法：移动光标到需要导航条的地方，单击主菜单栏的“插入”菜单下的“交互式图像”中的“导航条”。在“项目名称”项后的文本框填入这个部位的命名，也可以不填，这时Dreamweaver MX将自动给它命名。在Dreamweaver中每部分中最多可设四个状态下的图像：“状态图像”项是该部位的初始图像，在其后文本框填入

39、已准备好的图像的地址，或点击右边浏览按钮来选择。每个部位可只设置状态图像项，其下的“鼠标经过图像”、“按下图像”和“按下时鼠标经过图像”三项可以不设置。其中，“鼠标经过图像”项是鼠标移动到这个部位上时显示的图像；“按下图像”项是鼠标点击该部位后显示的初始图像；“按下时鼠标经过图像”项是鼠标点击后当鼠标再次移动到这个部位上时显示的图像。注意：项目名称项和 状态图像项是必需的，所有的调用图像都会在系统的提示下保存在Dreamweaver MX文件夹中，以便当然，还可给该部位设置超级链接：在下面的“按下时，前往的URL”项后文本框填入链接到的文件的地址，或单击浏览按钮选择，当鼠标移动到这个部位上时，

40、在状态栏中可以看到链接到的地址。按下时，前往的URL项后有一个下拉选框，这是设置超级链接的目标。接着是“选项”项，若选中“预先载入图像”选框，则浏览者浏览页面时，所有图像将在页面下载的同时全部下载，整个页面打开的速度会慢些，但图像间转换会没有延迟，选中它。反之，不选预先载入图像选框，则页面下载的同时只下载初始图像，其它图像按顺序下载，整个页面打开的速度较快，但图像间转换会有延迟。若选中“页面载入时就显示“鼠标按下图像”选框，则将“按下图像”设为初始图像。此时，“按下时鼠标经过图像”项改为鼠标移动到这个部位上时显示的图像，“状态图像”项改为鼠标点击该部位后显示的初始图像，“鼠标经过图像”项改为鼠

41、标点击后当鼠标再次移动到这个部位上时显示的图像。最下面是“插入”项，选框中有水平和垂直两个选项。选中水平为导航条水平展开，选中垂直为导航条垂直展开。使用表格 项，选中后，Dreamweaver自动生成HTML代码将导航条各部位用表格隔开。当一个部位设置完成后，要添加其他部位，可点击对话框上方的“”按钮，可按上面的步骤进行新部位的设置。要删去某一个部位，在“导航条元件”选框中先选中，再点击对话框上方的“”按钮即可。 flash按钮：因为网站分为6个部分，所以我制作了6个导航条。分别为公司首页、公司简介、产品展示、新闻动态、留言板及联系我们。Flash按钮制作方法：1移动光标到需要导航条的地方，单

42、击主菜单栏的“插入”菜单下的“交互式图像”中的“flash按钮”。2我们来仔细看看这个对话框，看懂了它，Flash按钮也就会做了。示例：就是当你在下面的按钮类型中选择一种按钮类型时，在这个窗口中显示出来，鼠标在上面移动可以看到Flash效果；按钮类型选择：你可在它右面那个选择窗口中选择一种你喜欢的按钮；按钮文本：输入按钮上的文字，也就是把按钮上的“ButtonText”文字换掉；按钮上文字的字体：可以选择自己需要的字体按钮上文字的大小可以自己选择链接：按钮对应的链接文件。就像超级链接一样可以使用相对地址也可以使用绝对地址。目标：和超级链接的Target相同，即指定链接的网页在那个窗口中打开。背

43、景色：设置按钮的背景颜色。这点很重要。按钮默认的是白色背景，必须把按钮的背景色设置成与插入按钮地方的背景色相同，才可以使你的按钮无缝嵌入页面。另存为：按钮的Flash文件保存的文件名，输出为Swf格式，你也要以按“浏览.”按钮打开文件夹选择保存按钮文件的路径。3全部按钮插入结束，按确定返回网页编辑窗口。3.1.7表单我在网页制作中网站有一个功能就是“留言板“。这个网页就是应用了表单这个功能。下面我来说说怎么制作表单。第一步:插入表单，用“插入”“表单”命令或选择对象面板Objects上的“表单”中的黄色，此时将弹出一个红色虚框，这就是表单的外围线，下面讲到的表单元素必须位于红色的虚线框里才起作

44、用，再插入一个表格，至于表格的大小可自行控制。表格的应用是为了更方便控制页面的版式和效果。第二步:将文字输入表格中，到此，前期的构架就大致搭好了！接下来就要开始制作提交内容需要使用的界面了。第三步:插入表单元素，在“你的姓名”边上的单元格中插入一个文本框，用“插入”“表单对象”“文本域”命令或在面板上选择图标。同样在下面的“邮件地址”、“主页地址”边上和“你的建议”下面的单元格中也分别插入一个文本框。选中一个文本框。参数的具体含义如下所示:“文本域”:文本框的名字，对于本例，可分别取名如“主题”、“内容”、“公司名称”和“联系电话”；“行数”:文本框显示在网页上的长度；“字符宽度”:最多能输入

45、的字符长度；“类型”:共有三类，“单行”表示单行文本，“多行”表示多行文本，“密码”表示密码框；“初始值”:文本框中的初始值。当你选中类型中的“多行文本”类型时，属性面板又有所变化了。和前面的面板相对比，“最大字符数”被“行数”代替，表示文本的行数。“换行”是多行文本的外观参数，四个选项，你能分别试试。目前文本框都已做好，下面要做“发送”和“清除”按钮了。第四步:在第七行的单元格里再插入一个边框Border=0的1行2列的表格（用表格能非常方便地控制元素的位置），然后在单元格中插入按钮，使用“插入”“表单对象”“文本域”命令或选择蓝色图标，选中按钮，看看属性面板的变化吧。其中“提交为按钮的名称；“红色虚线内”为按钮上显示的内容， “提交”按钮的类型有三种:提交按钮和重置按钮、无按钮。平常使用前两种即提交（发送）和重置（清除）按钮。第五步:这是最关键的一步，单击表单周围的红色虚框。图中“表单名称”表示表单的名称；“动作”表示表单提交后将由哪个程式来处理，这儿填入你的E-mail地址，你的E-mail地址;“方法”表示提交方