2022年网站设计开发 .pdf

《2022年网站设计开发 .pdf》由会员分享，可在线阅读，更多相关《2022年网站设计开发 .pdf（31页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、摘 要I 摘要信息技术的发展使人们的学习和交流打破了过去的时空界限，为人类能力的提高和发挥作用带来了新的空间。二十一世纪以多媒体和网络技术为核心的信息技术，己成为拓展人类能力的创造性工具。为了适应这种发展趋势，中心来增加公司的知名度，提高效益。论文第一部分阐述了网站开发的背景、开发的目的、开发工具和环境，分析了网站的的可行性。论文第二部分论述了系统的需求分析，设计了网站的规划草图，初步确定了网站的开发流程，明确了网站开发的要求。论文第三部分、第四部分分别讲述了系统的总体设计和网页编辑，是本论文论述的中心内容。主要从网站页面设计和网页后期编辑这两方面探索中心网站的设计开发过程。论文第五部分讲述了

2、前台页面与后台管理系统的代码融合，安装并调试了网站了。论文第六部分总结了网站开发的成就与不足。关键词 ：网站设计开发名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 31 页 - - - - - - - - - 目录II 目录摘要.I目录. II第一章前言 . 11.1 网站开发的背景 . 11.2 开发的目的 . 11.3 开发工具和运行环境 . 21.3.1 开发工具 . 21.3.2 运行环境 . 31.4 网站开发的可行性分析 . 31.4.1 经济可行性 . 31

3、.4.2 技术可行性 . 31.4.3 操作可行性 . 41.4.4 计划可行性 . 41.4.5 人员可行性 . 4第二章系统的分析 . 52.1 网站功能需求分析 . 52.2 网站规划草图 . 62.3 规划站点结构 . 7第三章系统的总体设计 . 83.1 网站页面效果图的设计制作. 83.1.1 网页的创意 . 83.1.2 设计效果图 . 8第四章网页编辑与动画设计 . 124.1 后期网页编辑 . 124.2 表格布局分析 . 124.3 后期网页编辑 . 12第五章代码融合 . 145.1 搜索网站管理平台 . 155.2 网站管理平台与静态页面的整合 . 165.3 ASP微

4、型调试工具的安装与配置. 175.4 程序调试 . 185.5 后期完善 . 24第六章总结与展望 . 266.1 工作中的不足与改进 . 26致谢. 27参考文献 . 28名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 31 页 - - - - - - - - - 前言1 第一章前言1.1 网站开发的背景随着网络规模的迅速发展，网络即将或已经成为和电视、报纸一样重要的媒体，人们的日常生活越来越离不开网络。一直在想尽方法进行市场宣传的商家们自然不会忽视网络这样重要的媒体，

5、网络上的广告自然就出现了。但是网络和电视、报纸毕竟有很大的差别：一个收视率高的电视节目中插播的广告看的人数自然就多，但是放在一个日访问量极高的网页上的广告条却很少有人去点击。怎样才能有效提高商家的网页的点击率是网络广告商面临的新问题。于是他们就想出了付费的方法：花钱请人们去浏览他们的网页。从根本上讲，这和电视、报纸的做法是一样的：为什么电视台花大钱拍的电视剧却让人们白看，报社出的厚厚的报纸才卖几毛钱？还不是为了吸引人们去看电视中、报纸上的广告？等于是商家们花钱让电视台去拍了电视剧、让报社采写了新闻来作为对人们收看他们的广告、了解他们产品的补偿。相比较起来，网络广告对人们的补偿更直接、更实惠一些

6、：你来看广告、我付你钱。网络的发展速度正如日冲天，不管是大公司还是小企业都已经拥有了自己的网站，在网络上充分展示了自己的品牌。为了更好的利用网络，充分展示本公司的形象和品牌，更好的让人知道了解我公司的情况，公司决定建立自己的网站。随着市场的不断发展，家庭装饰材料琳琅满目，让人眼花缭乱，很难抉择。家居装饰也越来越红火，如何装饰能让你的家别具一格，温馨舒适呢？正因为这个趋势，决定了我们开发这个网站的决心。在经过长时间的调研和资料累积后，并参考了相关家装网站，我基本上清楚了家装网站的需求和需要的功能之后设计了这个网站。1.2 开发的目的随着经济的高速发展，人民的生活水平得到了前所未有的提高，信息技术

7、在日常生活中发挥的作用越来越重要，很多人以习惯上网查询了解信息，信息的流通性越来越强，为适应新形势下中心根据需求抓住这次机会开放网络这块资源，在这种趋势下，开放白癜风网站的是必不可少的。我们开发这个网站就是为了帮助患者了解病情同时能够从网络咨询这方面带来流量的问题。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文2 1.3 开发工具和运行环境1.3.1 开发工具1、Macromedia Drea

8、mweaver 8 2、Adobe Photoshop 3、asp 微型调试工具4、art2008csm 后台1 本新闻系统采用ASP+ACCESS 数据库，对一般服务器空间都支持良好。框架 (iframe) 和 JS 两种调用新闻和图片新闻，以及图片新闻的自定义横排和竖排。强大的后台文章编辑器的功能。可方便地用拖动的方式进行图文混排、图片远程上传、上传图片显示效果处理等操作，以及 从 word 中粘贴 功能，能全部清除word 排版格式多余代码。自由编辑（ HTML ）栏目模版，可设置多个模版。可自由增删修改栏目以及设置此栏目模版新闻/ 图片代码调用在后台生成。三级栏目生成和管理。可调用一级

9、栏目下面的所有二级栏目，也可以调用单独的二级栏目。可增加多个低权限的录入员。增加新闻时会记录新闻的增加录入员是谁。新闻自由设置固顶或推荐，自由更改新闻标题的颜色，可独立设置某条新闻的URL转向。新闻评论功能，可在后台自由查看评论、相关新闻、 IP 信息和删除。数据库的压缩、备份和恢复。网友可以投稿，由最高管理员在后台审查，可控制是否使用HTML编辑器。投票、留言、网站公告功能的支持! 为大家满足整站的融合一体化的管理。可进行 IP 地址阻止设置， 防止恶意人员破坏。支持 RSS读取新闻。Art2008 CMS网站管理系统。 Art2008 CMS 是一款具有强大的功能的基于 ASP语言的网站管

10、理软件，支持ACCESS 数据库。 Art2008 CMS 是一款完全开源的程序，都毫无保留的完全开放源代码，用户不需额外安装其他 DLL组件，其最大的特点是易用，标签或js 调用方法，简单直观。系统介绍 : Art2008 CMS系统功能完善，覆盖面广、扩展性强、负载能力好、模板调用非常灵活、管理方便，因此不仅适合于建设一般企业、政府、学校、个人等小型网站，同时也适合于建设地方门户、行业门户等大中型网站名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 31 页 - - -

11、 - - - - - - 前言3 1.3.2 运行环境操作系统： Windows XP （内存在 512以上）asp微型调试工具1.4 网站开发的可行性分析1.4.1 经济可行性art2008cms 网站提供了简单明了的信息查询平台。任何人都可以浏览本网站，管理员可以查看、修改、添加、删除本网站的不合事宜的内容，足不出户便可使用。它的功能几乎可以代替一个真实的管理员。由于使用人来手动管理网站，其花费的人力和物力资源是相当大的，甚至花费还不一定能够得到想要的效率，而开发此装饰工程网站所 需 的 硬 件 ( 计 算 机 及 相 关 硬 件 ) 和 软 件 环 境 （ Macromedia Drea

12、mweaver 8、Adobe Photoshop、asp 微型调试工具）价格低廉，在市场上都容易购买到，所需的技术人员为数也不多，开发此系统成本低，效率高，因此该系统经济可行适合开发。1.4.2 技术可行性系统的性质为网站开发，因而art2008cms3.5 是网站开发的核心。这里从两方面分析技术上的可行性。首先，对与 Photoshop 图像处理部分， Photoshop 图像处理课已经开过，本人基本上掌握了对Photoshop 图像处理上的技巧。加上课外培训中运行了大部分时间来对图像处理的学习。因此在课题设计中，对 Photoshop 图像处理方面的问题都能迎刃而解。其次，对于 art2

13、008cms 的有关知识，本人运用了大量的时间对相关书籍的阅读以及上机实验，基本上掌握了运用art2008cms 的技术，具备了一定的分析与设计能力，因而该网站的实现在技术上是可行的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文4 1.4.3 操作可行性开发此网站只需一台装有Macromedia Dreamweaver 8 、Adobe Photoshop 和 asp 微型调试工具就可以了。

14、开发好的家装网站将是易懂、操作方便、简单、直观，能够为用户提供良好的界面和美感。因此，该系统的开发具有操作可行性。1.4.4 计划可行性本次网站的开发预备在半个学期内完成全部工作。由于网站所用的开发工具我之前接触的很少，所以对于本人来说还是有一定的难度，但我前期做了充分的准备工作，查看了相当一部分资料，再加上老师耐心的指导，我相信一定会做出个让自己和老师都满意的网站来。1.4.5 人员可行性本人对该课程设计有足够的技术傻瓜的准备，并且在时间上也足够充裕。所以在进行课程设计中，不需要人员分工，整个设计过程都由本人完成，并且几经较好的完成了该项目的开发工作。所以，在人员可行性方面是可行的。名师资料

15、总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 31 页 - - - - - - - - - 系统的分析5 第二章系统的分析2.1 网站功能需求分析要进行网站的整体设计，用户分析是第一步。众所周知，进行任务和用户分析，以及相关调研的必要性和重要性。用户是计算机资源、软件界面信息的使用者，由于目前计算机系统以及相关的信息技术应用范围很广，其用户范围也遍及各个领域。设计者必须了解各类用户的习惯、技能、知识和经验，以便预测不同类别的用户对网站界面有什么不同的需求与反映，为最终的设计提供

16、依据和参考，使设计出的网站更适合于各类用户的使用。由于用户具有知识、视听能力、智能、记忆能力、可学习性、动机、受训练程度不同，以及又有些用户有易遗忘、易出错等特性，使得对用户的分类、分析和设计变得更加复杂化。另外，为了设计友好而又人性化的界面，也必须考虑各类不同类型用户的人文因素。许多人不愿花费时间来完成这个阶段，因为认为他们没有必要，但是必须把初始计划加入工作过程中，否则到最后当进行到已经无法再做计划的时候，就要遇到巨大的麻烦。在一开始就进行合适的计划和组织是建立一个有效的站点最重要的工作步骤。art2008cms 网站旨在让人知道了解该网站的功能和目的，任何人在任何时候任何地方都能借助网络

17、查看到想要看的资料。art2008cms网站的功能示意图如图1-2 所示。图 2-1 中心网站的功能示意图山东白癜风治疗中心网站中心动态特色疗法尖端设备患者问答专家简介,名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文6 2.2 网站规划草图图 2-2 网站的草图名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - -

18、 - - - - - 第 8 页，共 31 页 - - - - - - - - - 系统的分析7 2.3 规划站点结构2 站点结构将决定如何去引导浏览者在站点中漫游。要结构清晰、易于导航。网站结构就像人的骨骼，构筑起网站的整体框架，虽然表现形式各异，但让人迷失终归不好，尤其是内容丰富的网站更应注意，如何合理地组织自己要发布的信息内容，以便浏览者能够快速、准确地检索到要找的内容，否则它就很难吸引浏览者。而且，这一步骤还将决定将要使用的命名规则。导航图和命名规则都是建立项目的主干。以后所有的工作都要由此展开。网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数设计者都是未经规

19、划、随意创建子目录。目录结构的好坏对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容未来的扩充和移植有着重要的影响。如图 2-3 为本站的站点结构图。图 2-3 本站的站点结构图网站根目录Images Flash Style Admin 其他网页名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文8 第三章系统的总体设计3.1 网站页面效果图的设计制作3.1.1 网页的创意网页设计是

20、一个具有挑战意味的新设计，在网页时代，也许还应该重复。不要热衷于技术的花样性，而忘记优秀设计和清晰表达的重要性，如图3-1-1 为网站设置醒目的 top 图。图 3-1 网站 top 图3.1.2 设计效果图效果图制作的原则：先背景，后前景，先上后下，先左后右。本系统最终的效果图如图3-1-2 所示名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 31 页 - - - - - - - - - 系统的总体设计9 。名师资料总结 - - -精品资料欢迎下载 - - - - -

21、 - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文10 图 3-2 本系统最终的效果图3.1.3 效果图切片导出网页网页效果图完成后，就需要进行网页切片，现在介绍两种切片方式；方法一：选择“切片工具”，在效果图中任意裁切。任何现有切片自动显示在文档窗口中。注意：首先希望大家将预期的切片设计好，然后进行切片；为了切片准确，减少误差，在此建议大家尽量放大图片进行切片；所有切片都有编号，希望所有的编号能够一目了然。采用方法一对本图进行切图后的效果如图3-1-3

22、 所示。图 3-3 对网页进行切片后的效果名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 31 页 - - - - - - - - - 系统的总体设计11 切片后自上而下，能够很醒目的看到切片的编号。方法二：从参考线创建切片，添加参考线，然后选择“切片工具”，在该工具的属性栏中点击按钮即可。注意：从参考线创建切片时，通常需要配合切片合并使用。切片创建完成后即可进行最后的网页导出，具体步骤如下：1） 执行“文件” - “存储为 Web和设备所用格式”命令，在如图3-1-3

23、-2所示的面板中点击“存储”按钮。图 3-4 存储为 Web和设备所用格式面板2） 然后在弹出的“将优化结果另存为”面板中，设置保存类型为“HTML和图像（ *.html ）”,slice设置为“所有切片”，将文件名命名为“index ”即可，点击“保存”按钮，然后使用IE 浏览器打开 index.html测试，效果如图 3-5 所示。图 3-5 导出后的网页效果名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 31 页 - - - - - - - - - 淮安信息职业技

24、术学院毕业设计论文12 第四章网页编辑与动画设计4.1 后期网页编辑后期网页编辑中主要采取两种方式：第一种是直接在切片效果图中进行编辑，进行后期处理，这种方法适用于艺术界面型网页，具体的方法是直接在网页中设置超级链接，添加动画等效果，或者将某些切片删除（或设置为背景） ，然后添加需要的文字。第二种是以导出的网页为基础，利用Dreamweaver软件进行合理的布局与优化。这种方法通用性强，很多网页都可采用。针对以上两种方法，“art2008cms 网站”适合使用第二种方法，现在就采用第二种方法进行详细的构造。4.2 表格布局分析对于本项目，首先大家探讨一下表格的布局方式，如图4-1 所示。a)

25、网页表格布局大表格整体布局b) 网页表格分散布局图 4-1 表格布局对比二者的最终呈现的网页效果是一样的，但是整体布局（图4-1a）会涉及到较多的表格嵌套，同时在下载网页内容时速度相对较慢，表格的分布布局（图4-1b）浏览的速度相对较快。所以通常大家在进行网页设计时尽量采用表格的分布布局（图 4-1b） 。4.3 后期网页编辑软件要求：开发使用 Dreamweaver CS3版本，同时 Dreamweaver2004 ，Dreamweaver 8.0 均可使用。总体思路：利用 Dreamweaver对导出的网页进行全新的表格布局，自上而下，自左向右布局。名师资料总结 - - -精品资料欢迎下载

26、 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 31 页 - - - - - - - - - 代码融合13 具体步骤：1)用 Dreamweaver 新建一个网页文件并保存到导出的“静态网页”文件夹中，命名为“ default.htm”。2)点击按钮，设置“页面属性”中“网页标题”为“欢迎光临泰州 art2008cms 网站！ ” ，背景色为黄色（ # FFCC00 ） ，上、下、左、右边距为 0 像素，设置如图4-2 所示。图 4-2 页面属性设置3)在“静态网页”文件夹中创建“style ”子文件夹，用

27、Dreamweaver创建新 CSS文件，并保存 CSS文件到该文件夹中，命名为“style.css” ，然后书写通用 td 的样式，网页栏目标题headtitle，以及通用超级链接的样式，代码如下：td .Main width:979px; margin:0px auto; clear:both; overflow:hidden; text-align:center; A:link COLOR: #004F98; TEXT-DECORATION: none A:visited COLOR: #004F98; TEXT-DECORATION: none A:hover COLOR: #247b

28、a7 COLOR: #333333; TEXT-DECORATION: none A:hover COLOR: #f83800; TEXT-DECORATION: none 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文14 4)在“CSS样式表”面板，点击附加样式表按钮，点击“浏览”按钮，选择刚创建的样式表文件“ style.css” ，点击“确定”按钮即可，如图4-3所示。图 4-3 页

29、面属性设置第五章代码融合动态网站从功能上简单可以分成前台静态模块和后台动态模块。前面制作的效果图与网页编辑以及动画制作简单可以理解为静态模块，而后台模块主要采用名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 31 页 - - - - - - - - - 代码融合15 两种方式进行解决：方式一：下载免费的网站管理平台，然后与前台整合，称之为代码融合。方式二：所有功能完全自主开发，根据客户的要求定制，逐一实现功能。以实两种方式各有利弊，方式一使用与初期网页设计的初学者，能够

30、满足大多数通用网站，使用方法简单，但是不能随心所欲的实现通用以外的功能：方式二完全开发，对初学者要求较高， 要求能够编写程序， 属于网站开发的高级阶段，能够随心所欲实现各种功能。本节在此通过这个项目跟大家探讨一下方式一：代码融合。5.1 搜索网站管理平台搜索网站管理平台可以打开百度网站，然后搜索“网站管理平台”即可以得到很多能够使用的网站管理平台。在此我们采用“讯时网站管理平台”。下载的具体方法是：1)在 IE 浏览器地址栏中输入讯时网的网址： http:/ 所示）中点击“ art2008cms”进入子页，子页如图 5-2 所示。图 5-1 “下载”栏目图 5-2 “ art2008cms3.

31、5 ”下载页面在下页面中，讯时网对“art2008cms3.5 ”功能介绍与声明如下：1、本新闻系统永久免费，绝不过期！2、本新闻系统采用ASP+ACCESS数据库，对一般服务器空间都支持良好。3、框架 (iframe)和 JS 两种调用新闻和图片新闻，以及图片新闻的自定义横排和竖排。4、强大的后台文章编辑器的功能。可方便地用拖动的方式进行图文混排、图片远程上传、上传图片显示效果处理等操作，以及从 word 中粘贴 功能，能全部清除 word 排版格式多余代码。5、自由编辑（ HTML ）栏目模版，可设置多个模版。6、可自由增删修改栏目以及设置此栏目模版7、新闻 / 图片代码调用在后台生成。8

32、、三级栏目生成和管理。可调用一级栏目下面的所有二级栏目，也可以调用单独的二级栏目。9、可增加多个低权限的录入员。增加新闻时会记录新闻的增加录入员是谁。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文16 10、新闻自由设置固顶或推荐，自由更改新闻标题的颜色，可独立设置某条新闻的 URL转向。11、新闻评论功能，可在后台自由查看评论、相关新闻、IP 信息和删除。12、数据库的压缩、备份和恢复。1

33、3、 网友可以投稿， 由最高管理员在后台审查， 可控制是否使用HTML 编辑器。14、投票、留言、网站公告功能的支持! 为大家满足整站的融合一体化的管理。15、可进行 IP 地址阻止设置，防止恶意人员破坏。16、支持 RSS 读取新闻。17、支持管理网站友情链接和友情链接的申请审核功能。2)在图 5-2 中的“ art2008cms3.5 ”页面中点击“本地下载” （如图 5-3 所示）下载“ art2008cms3.5 ”程序。图 5-3 “art2008网站 gbk 版本下载”下载链接5.2 网站管理平台与静态页面的整合下载后的系统是一个压缩包，不能够直接使用，所以必须进行解压，同时部分图

34、片也需要修改。具体步骤如下：1)首先创建文件夹“bdf ” ，然后将前面做好的静态页面default.htm和flash 、 images、 style文件夹拷贝到“bdf” 文件夹中，将下载的 art2008css管理系统也拷贝至“ bdf ”文件夹中，然后解压缩如图5-4 所示。图 5-4 “art2008cms3.5 ”文件合并2)将“bdf ”文件夹中的art2008cms 压缩包进行剪切至“ bdf ” ，同时删除压缩包，如图 5-5 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - -

35、- - - 第 18 页，共 31 页 - - - - - - - - - 代码融合17 图 5-5 “art2008cms3.5 ”解压后与网页的整合5.3 asp 微型调试工具的安装与配置要使用 art2008cms创建动态网页，首先要从硬件和软件方面配置好运行环境。然后我们在控制面板里安装iis 信息服务器图 5-6 asp微型调试工具的安装与配置示意图根据提示选择“下一步”进行安装文件要选择 i386 这个文件安装完成后效果图：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第

36、19 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文18 接下来在地址栏里输入http：/127.0.01即可看到网站。注意：如果您的电脑装了IIS,那么您得把 IIS 的服务停掉，具体步骤如下：1)1）执行“开始”“设置”“控制面板”命令。2)在“控制面板”窗口中，点击“管理工具”“服务”。3）然后点击“网站”新建虚拟目录效果图下图 5-7 虚拟目录窗口5.4 程序调试现在开始调式程序，具体步骤如下：1）双击图标，在浏览器窗口中输入http:/localhost/bdf/index.asp，回车后看到的图如 5-8 所示。点击图 5-8 中花圈的地方即

37、可进入后台管理。如图5-9 所示：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页，共 31 页 - - - - - - - - - 代码融合19 图 5-8 网站首页面图 5-9 “浏览”命令执行后的效果2）查找“ admin”文件夹中的“软件说明.htm”文件，并打开这个文件，在文件的最后一行是“后台管理用户名和密码默认是 admin ” ，所以在图1-66中用户名、秘密都输入“admin” ，输入验证码后，点击“登录”按钮即可进入系统，后台系统的主界面如图5-10 所示

38、。图 5-10后台名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 21 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文20 主界面3）首先，完成栏目的设置，点击图5-10 中左侧菜单中的“栏目”导航，然后看到如图 5-11 所示的界面。图 5-11 栏目添加主界面4）在图 5-11 中依次添加“关于中心”、 “中心动态”、 “ 特色疗法”、 “ 尖端设备” 、 “砖家介绍”、 “资质认证”、 “医院环境”、 “专家讲座”、 “白癜风常识”等，添

39、加完成后如图5-12 所示。图 5-12 添加栏目后的效果名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 22 页，共 31 页 - - - - - - - - - 代码融合21 5）现在添加一条“白癜风患者怎样保养”，具体方法是：点击执行“新闻添加”命令，然后添加新闻信息标题 “白癜风患者怎样保养” ，栏目选择“中心动态” ， 新闻内容填写： “保持愉快的心情由于精神刺激可以引发白癜风，因此，患者在接受治疗时，要避免受到任何刺激。因为忧虑、恐惧、悲观等情绪，都会影响患者的神经功能，

40、 不仅不利于治疗， 还有可能加重病情。经常晒太阳由于白癜风的发生，, ，如图5-13 所示，然后显示保存成功。图 5-13 添加新闻内容6）现在新闻内容已经能够添加了， 现在大家开始调用新闻信息， 鼠标点击“js调用” ，之后页面进入如图5-14 所示的页面，鼠标点击“”下拉框，选择“最新通知”选项，然后显示代码调用“最新通知”栏目的文本信息，包括文字说明，以调用“最新通知”的方法。图 5-14 代码调用页本调用分为三种方式：框架：newscode.asp?lm=4&hot=0&tj=0&t=0&week=0&font=9&line=12&lmname=0&n=40&list=5&more=0

41、&hit=0&open=1&icon=/bdf/images/art.gif&new=0&bg=FF名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 23 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文22 FFFF lm2 栏目的 ID，一般不用改动它。如果lm2=0，那么显示所有栏目的新闻。hot=0 是否按新闻的点击数量排序，热点新闻。0 为普通排序， 1 为按点击次数排序。tj=0 显示推荐新闻， 0 不显示， 1 为显示推荐新闻。t=0

42、 是否在标题后面显示新闻的添加修改时间, 如果等于 0 不显示，1/2/3/4种模式显示week=0 是否在标题后面显示新闻的添加星期.0 不显示， 1 显示。font=9 设置标题的字号，默认是9，可以设置为 10.5 或者 12。line=12 设置标题的行间距，默认是12，可以自行设置，数字越大，行距越大。（注意： JS 调用的行距应为line=(line-10)，与框架不同。否则行距太大。）lmname=0 是否显示栏目名称 0 不显示1 为显示n=30 每个标题显示的字数。 默认是 30 个字符 ,(1 个汉字是 2个字符 ) list=10 显示多少条标题，默认是10 条标题mor

43、e=1 是否显示“更多内容” ，0 不显示1 为显示2 为在框内显示分页。hit=0 是否在标题后显示点击数，0 不显示有 hit=1和 hit=2两种模式open=1 是否新开窗口浏览新闻内容，0 不新开1 为新开icon=1 自定义在标题前显示图标， 0 不显示1 显示默认 (1) 可自定义图片( 如:icon=/images/123.gif) new=0 当天的最新新闻是否显示一个动画图片如果 new=1 就显示。new=0就不显示。bg=ffffff 新闻调用窗口的背景颜色， 默认是白色 (ffffff)， 切记不要加 #。hit=0 在新闻标题后面显示此条新闻的阅读数。hit=1时显

44、示。pls=0 在新闻标题后面显示此条新闻的评论数。pls=1 时显示。zzpl 新闻标题后面不显示来源作者，zz=1 显示。id 头条调用新闻有效， id0 时，调用单条新闻， id=0 时，调用所有新闻lm2 头条调用新闻有效，且id=0 有效，栏目list 头条调用新闻有效，且id=0 有效，显示新闻条数nr=0 头条调用新闻有效，是否显示内容，nr=1 时显示。nrtop=150 头条调用新闻有效，内容显示的字数nrcolor 头条调用新闻有效，内容字体颜色titleface 头条调用新闻有效，标题的字体，titleface=黑体titlesize 头条调用新闻有效， 标题的字型大小，

45、 titlesize=16，即 16pt。titlen 头条调用新闻有效，标题显示字数。titlebold 头条调用新闻有效，标题是否加粗，titlebold=700加粗，titlebold=100不加粗。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 24 页，共 31 页 - - - - - - - - - 代码融合23 titlecolor 头条调用新闻有效，标题的颜色。新闻列表调用代码：框架的 JS代码： x 为每行显示新闻的条数y 为显示的行数more=2时显示分页JS 脚

46、本调用： zzly:表示是否显示作者 0 为不显示 ,1 为显示pls:表示是否显示评论数 0 为不显示 ,1 为显示 以上三种方式根据情况不同调用不同的代码即可。7）使用 Dramweaver打开主页“ default.htm” ，鼠标聚焦“最新通知”栏目，然后再进入代码编辑视图，将第6 步中的“ JS 调用”部分的代码复制到“最新通知”栏目，然后用IIS 浏览“ default.htm”页，最新通知栏目如图 5-15 所示。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 25 页

47、，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文24 图 5-15 代码调用页8）点击超级链接“中心。 ”显示如图 5-16，图 5-16 公告显示页8）采用同样的方法制作， 添加各自模块的信息， 调用各自的代码级可以完成项目。5.5后期完善为了统一整个网站的风格，大家修改一下登录界面的背景图片（images 文件夹中的“ admin_login.jpg” ） 。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 26 页，共 31 页 - - - -

48、 - - - - - 代码融合25 a) 后台登录界面的原始背景图片b)后台登录界面的修饰后的背景图片其他功能在使用中不断完善。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 27 页，共 31 页 - - - - - - - - - 淮安信息职业技术学院毕业设计论文26 第六章总结与展望6.1 工作中的不足与改进在历经了半年的时间后，中心网站终于完工了，并且也在网上发布正式使用了，总结使用后的具体情况如下：中心网站具有一定的实际作用，它增加了公司的知名度， 但还存在一定的不足。 在

49、以后的日子里，我会努力提高自己的知识水平，争取更加完善中心网站。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 28 页，共 31 页 - - - - - - - - - 总结与展望27 致谢本网站采用Dreamweaver 、Photoshop 为主要开发工具，结合后台管理系统实现新闻的添加，修改，删除等功能。既考虑了网站的需求，又兼顾了运行的效率，以及今后系统的功能拓展等。具有运行效率、开发周期短、扩展能力强、技术规范等特点。当然，网站还有很多需要改进的地方。例如本网站的网站的页

50、面设计风格还很欠缺。这一点对于一个网站来说是很重要的。通过本网站，我对网站开发过程有了更清晰的了解，首先是问题定义、需求分析，然后是功能设计、详细设计等，并对软件测试的方法、手段有了较深的理解，同时对劳动局的流程有了一个系统的认识。在开发过程还认真学习了与系统相关的知识，极大地拓宽了我的知识面, 我感到收获不小。在网站的开发初期，必须要熟悉劳动保障局的管理流程，初步了解劳动局的相关知识，这样才能进入到设计的过程中去。从开始熟悉这些知识到对整体设计有了解，再从概要设计、详细设计到套用后台，以及最后的测试，整个过程感觉很充实，虽然遇到了不少困难，但当我通过自己查资料、或是向指导老师请教以及向同学请