计算机维护网站设计与后台管理实现毕业论文.doc

山西管理职业学院毕 业 论 文题 目 计算机维护网站设计与后台管理实现 姓 名 Z Y 所 在 系 信息管理系 专业班级 09计算机一班 学 号 09JS143 指导教师 Y C H 日 期 2012年5月 山西管理职业学院 2012 届信息管理系大专毕业生毕业论文成绩评定表计算机应用技术专业 班级 09计算机一班 姓名 Z Y 学号 09JS1XX 评分项目原则要求分值单项成绩计分项目满分选题10分与专业相关，有时代性5能够解决实际问题，有现实意义5写作提纲10分论点突出，内容扼要，概括性强5结构合理，层次分明，表达准确5科学性30分文章符合文体特点，题文一致5观点明确、新颖5材料翔实、充分5论证深入、有力5结构完整、严谨，思路清晰，逻辑性强10技术性35分格式规范、结构合理、论述力强10基础知识扎实，能综合运用所学知识完成毕业设计任务10语言通顺、行文流畅、无病句、无错字5善于恰当使用图表（流程图、功能表等）5分析问题、解决问题能力强5独创性15分观点新颖，论述有一定创见7文章具有一定的学术价值或应用价值8总分100分实际得分评 语等级（成绩）指导教师（签名） _月_日系（部）意 见 （盖章）_月_日教 务 处验 收 （盖章）_月_日摘 要随着计算机网络在我国的飞速发展和我国网民数量的大幅度增加，计算机在人们日常生活、娱乐、工作中起着不可替代的重要作用，而熟练的使用计算机，也成为一个现代人必须掌握的基本技能之一。这就要求用户要具备一定的计算机基本维护技能，出现常见故障时可以及时排除。为适应时代发展，借鉴国际先进的管理经验，为了加强管理，提高工作效率，深化改革，我公司专门建立了自己的网站和局域网。主要是通过Internet上发布信息网站来实现公司业务的.关键字 计算机；维护; 故障排除; 网站 目 录1引 言11.1 网站开发背景11.2 网站主要内容11.3 网站建设需求分析21.3.1 网站需求分析21.3.2 网站目标分析21.3.3主页html分析21.3.4 交互式页面分析21.4 网站目录结构图32运行环境32.1 软件环境32.1.1 操作系统32.1.2 浏览器42.1.3 插件42.2 硬件环境43 网站功能分析43.1 网站标题43.2 网站颜色43.3 首页设计43.4 子页设计44 网站技术54.1 Micromedia Dreamweaver MX 200454.2 Adobe Photoshop54.3 WebZIP54.4 WampServer55网站界面设计65.1 主页设计65.2 子页设计65.2.1关于我们75.2.2新闻中心85.2.3产品中心85.2.4联系我们95.2.5在线留言106网站评价106.1 网站优点106.2 网站不足117 网站后台管理技术117.1准备117.2结构127.3标签127.4设计137.4.1栏目管理137.4.2内容发布157.4.3单页文档管理167.4.4自定义表单168设计体会18致 谢20参考文献21山西管理职业学院2009级计算机应用技术专业毕业论文 1引 言1.1 网站开发背景时自今日，电脑早已进入千家万户，在人们日常生活、娱乐、工作中起着不可替代的重要作用，而熟练的使用电脑，也成为一个现代人必须掌握的基本技能之一。虽然电脑也可以算是一种家电，但是与电视机、电冰箱这些传统的家电相比，其硬件及软件架构更为复杂，在日常使用中更容易遇到种种问题，如程序出错、病毒感染、蓝屏、死机等。许多用户在电脑出现问题时束手无策，只能扛着笨重的主机往电脑城跑，求助于专业的维修人员，费时费力。其实从大量用户的使用情况来看，超过80%的电脑”故障“都是一些简单的软件/硬件的小问题，稍有经验的用户就可以轻易的自行解决。本网站应运而生，详细说明电脑的硬件组装、系统维护、故障排除以及系统优化，掌握这些知识后，就能够成为一名有经验丰富的电脑用户，别人眼中的”电脑高手“，让电脑如臂使指，成为日常生活、娱乐、工作的好帮手。1.2 网站主要内容在计算机普及的今天，作为计算机的广大用户应熟悉计算机系统基本部件的性能，掌握其使用方法及常见故障的维护和维修，要有过硬的组装计算机的能力，有系统设置、测试、优化、系统维护与维修的能力。用户具备计算机基本维护技能是非常必须的，在生活中经常出现这样的场景：一台XP 系统的电脑上网时，被一些不良主页安装一些程序，使系统非常慢，实际通过Msconfig去掉启动加载项（或者是系统还原）就可以了；一台电脑因BIOS 被人乱设置错误而无法启动，被黑心的维修人员说是硬盘坏了；。如何辨别计算机故障，使计算机尽快从故障中恢复过来，这就要求用户要具备一定的计算机基本维护技能，出现常见故障时可以及时排除。本网站主要功能有下几个方面：一是主要电脑维护与维修的服务（以计算机组件图片为主）。二是公司背景发展社会影响，承专业、诚信、服务、进取的价值观，坚持客户第一的服务理念，以“关注企业需求，实现企业价值”为导向，向社会提供全面优质的电脑服务。三是新闻中心 让消费者了解我们的维修动态。四是产品中心，使众多消费者了解我们维修电脑的产品。五是联系方式。六是在线留言，为广大顾客售后服务质量新的电脑问题提供了反馈平台。1.3 网站建设需求分析网站的总体规划，是从总体上对网站的架构进行整体规划。因为只有这样，才能在网站的制作与维护中对网站的功能有一个清晰的把握。此外，做好网站规划，会对网站以后的功能扩展起到事半功倍的作用。1.3.1 网站需求分析互联网丰富多彩，这些信息大多通过网页与用户进行交互。网页的实现形式多种多样，无论是短小精悍的个人主页，还是结构清晰、信息丰富的大型网站，网站的需求分析和规划设计都要放在第一步，因为它直接关系到网站的功能是否完善，质量是否能够达到保证。1.3.2 网站目标分析网站建设目标说的通俗点就是网站建设的目的，即公司建设网站后想通过网站来得到什么好处?是展示企业形象?是提供一个与外界交流的网络窗口?还是开展公司产品的网络营销?还是其它。确定网站建设目标之前，要先对公司的整个业务流程，从如何寻找产品的渠道到寻找到合适的目标客户到向客户宣传产品的过程在到完成客户签单，这一整个流程中是否存在某些制约着公司发展的某个环节，那么要把他们挖掘出来。公司是为没有客户发愁还是往往在介绍产品时忙的不可开交?只有对自己企业有了充分的认识后，才能通过网站建设来解决这些实实在在存在的问题，这样的网站建设成功以后，更有针对性，才是一个真正有用的网站。网站建设的目标是很重要的，它对企业网站建设是非常有帮助的，可以让网站拥有良好的用户体验。1.3.3主页html分析一个好的主页对于网站来说至关重要，它不仅可以使网站的整体效果上升层次，同时也方便网站的交流，同时也更容易达到网站建设者的目的。而一个主页最显眼的地方就是LOGO和banner。这是主页的头部，一个网址的打开，人们总是最先看见主页的LOGO等，如何丰富主页对于一个网站建设来说是门学问。针对本次的网站，要求要做到LOGO的醒目，而且开宗明义，能够清楚的表达出网站的主旨是哪些，同时能够带有其特定的宣传效果。1.3.4 交互式页面分析从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。 通过对产品的界面和行为进行交互设计，让产品和它的使用者之间建立一种有机关系，从而可以有效达到使用者的目标，这就是交互设计的目的。1.4 网站目录结构图电脑维护与维修网（首页）. 关于我们新闻中心 产品中心联系我们在线留言首页新产品图片居多公司背景发展社会影响最新的行业动态最新科技我们的联系地址联系方式我们的联系地址联系方式顾客售后反馈服务质量新的电脑问题2运行环境2.1 软件环境2.1.1 操作系统操作系统（Operating System，简称OS）是一管理电脑硬件与软件资源的程序，同时也是计算机系统的内核与基石。本网站浏览需要Windows操作系统的支持，使用Windows XP版本或者其他的操作系统等。2.1.2 浏览器浏览器是指可以显示网页服务器或者文件系统的HTML文件内容，并让用户与这些文件交互的一种软件。本网站的浏览需要Internet Explorer（简称IE）浏览器的支持，用户应该使用IE6.0或者更高版本的浏览器。2.1.3 插件插件是一种遵循一定规范的应用程序接口编写出来的程序。本网站浏览需要Flash播放器的支持，使得主页和子页的部分Flash动画文件可以正常播放。2.2 硬件环境为了保证本网站各个页面都能正常浏览，要求客户端计算机的CPU至少1.0GHZ；内存至少512MB；显示器的分辨率最好设置为1024*768像素，颜色质量为32位；网络速度至少有奥达到1.0MBPS.3 网站功能分析3.1 网站标题网站标题：电脑维护与维修网3.2 网站颜色本网站主要以主要以蓝色为主，醒目，突出重点。在网站中设计中，为保持各个页面的连贯性，采用分块设计。设计Head.asp作为各个网页的头部；设计Foot.asp作为网页的页脚。头部与页脚的色调以蓝色调为主，醒目，突出重点。中间内容部分以白色作为基色调。能够把内容鲜明的体现出来。3.3 首页设计网站首页作为一个引导页面，以一个电脑主板图片为主体，设置了5个按钮，分别链接到5个子页面。3.4 子页设计首页主要介绍新产品图片居多。关于我们主要介绍我公司的背景，发展以及在社会的影响。新闻中心主要介绍最新的IT行业动态、把握本公司最新科技。产品中心主要介绍我公司的推出服务和产品。联系我们主要介绍我们的联系地址和联系方式。在线留言主要介绍我们的顾客售后反馈服务质量和新的电脑问题。4 网站技术4.1 Micromedia Dreamweaver MX 2004Dreamweaver MX 2004是建立Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，而且比较容易使用.本网站在设计过程中利用了Dreamweaver MX 2004的站点处理、文字处理、图像处理、表格处理、链接（热点链接、邮箱链接、文字链接、下载链接等）、代码处理（飘图、飘字等）、布局处理（层处理等）、行为处理等功能。4.2 Adobe PhotoshopPhotoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件。本网站在设计过程中利用了Photoshop软件的图层处理、颜色处理、切片处理、图像处理（包括像素大小处理、颜色处理、透明度等）、文字处理、web照片画廊等等。4.3 WebZIPWebZIP 是著名的离线浏览器软件，在它的帮助下你能够完整下载网站的内容，或者你也可以选择自行设置下载的层数、文件类型、网页与媒体文件的定位以及网址过滤器，以便按己所需地获取网站内容。你下载到本地硬盘中的网站内容将仍保持原本的 HTML 格式，其文件名与目录结构都不会变化，这样可以准确地提供网站的镜像。现在使用 WebZIP 中新的 FAR 插件工具，你可以把下载的内容制作成 HTML-帮助文件(.chm)。你也可以把抓取的网站内容压缩为 ZIP 文件。 用 WebZIP 进行离线浏览还可以节省大量的时间，因为从一个链接转到另一个链接的速度要比在线时快得多。此外，WebZIP 最大可以同时下载 16 个网页或图片，并支持断点续传与使用代理服务器，所以你能够在较短的时间内获得大量的信息。总之，WebZIP 是用于发布、参考与离线使用网站素材的优秀工具。4.4 WampServerWampServer是Apache Web服务器、PHP解释器以及MySQL数据库的整合软件包。免去了开发人员将时间花费在繁琐的配置环境过程，从而腾出更多精力去做开发。在windows下将Apache+PHP+Mysql 集成环境，拥有简单的图形和菜单安装和配置环境。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，wampserver一切都搞定。5网站界面设计一个好的网站肯定是有各种类型的功能模块组成。不同模块有着各自不同的作用，是沟通网站与用户的一个基本桥梁。而功能模块分为前台模块和后台模块，主要分别控制着前台一些网站的基本功能和后台的功能，达到实现网站作用的目的。同时也更好的发挥网站的作用。5.1 主页设计主页以一张以电脑主板为主体的图片为引导页，右边为主题，顶部设置按钮，简单明了。 图5.1 首页5.2 子页设计网站的子页是由主页链接的目标页，其内容为主页链接的详细内容展开。本网站中设置了一级、二级子页，各个栏目的内容、各级子页面保持与主业面的风格，实现了网站的统一。5.2.1关于我们网站建设目标说的通俗点就是网站建设的目的，即公司建设网站后想通过网站来得到什么好处?是展示企业形象?是提供一个与外界交流的网络窗口?还是开展公司产品的网络营销还是其它。 图5.2.1 关于我们确定网站建设目标之前，要先对公司的整个业务流程，从如何寻找产品的渠道到寻找到合适的目标客户到向客户宣传产品的过程在到完成客户签单，这一整个流程中是否存在某些制约着公司发展的某个环节，那么要把他们挖掘出来。公司是为没有客户发愁还是往往在介绍产品时忙的不可开交?只有对自己企业有了充分的认识后，才能通过网站建设来解决这些实实在在存在的问题，这样的网站建设成功以后，更有针对性，才是一个真正有用的网站。当然也可以为网站设定一个次要的辅助性的目标，比如网站是做婚纱摄影的，主要目标是让浏览者在网上订单，当主要目标没有达成时，可以通过制作一份婚纱摄影电子杂志来吸引浏览者注册，通过杂志的精美内容来刺激浏览者消费呢?网站建设的目标是很重要的，它对企业网站建设是非常有帮助的，可以让网站拥有良好的用户体验。电脑维护与维修网-基于云计算的领先的互联网应用服务提供商，网服务首选品牌。电维网致力于为企业和个人客户提供系统设置、测试、优化、系统维护服务与维修服务、有组装计算机的，等基于云计算的全方位服务。 5.2.2新闻中心电维网内容不断丰富，影响日益扩大。电维网应发展成为知名的电脑维修与维护门户网站，也是忻州电脑行业资讯最重要的原创内容供应商。电维网面向广大网民和网络媒体，快速、准确地提供文字、图片、视频等多样化的资讯服务。特别在新闻报道方面，电维网动态新闻及时准确，解释性报道角度独特，稿件被国内外网络媒体大量转载。电维网以其无可比拟的通讯社原创新闻资讯优势，成为众多电脑用户的资讯源泉。电维网秉承电维社国际视角+亲和力的报道风格，新闻资讯内容准确、丰富、时效强、文风轻松活泼，受到广大网友，特别是企业、IT界、文化界和商界专业人士的欢迎。作为电维网站，电维网依托电维社健全的新闻采集发布体系(全天候24小时滚动发稿，向诠释以及全国外众多网络媒体用户提供各种原创新产品，在国内各计算机类专业网站中，各项统计数据均居于前列。5.2.3产品中心介绍为了方便用户查询所需商品信息，在网站中设置了商品分类显示模块。在网站首页的右侧以树状菜单的形式列出了商品的型号分类信息，用户单击大类别结点可以显示出该类的所有小类信息，单击小类结点可以进入到分类商品显示页面查看该类别的全部商品信息，在分类商品显示页面中，单击商品名称可以查看相应商品的详细信息。如果用户已经登录，还可以直接将商品信息添加至购物车中。商品分类模块的页面设计效果如图所示。 本网站为广大电脑用户提供的服务和装机硬件设施，主板内存，声卡，显卡等款式多样都配置了图片供消费者挑选，另一方面：详细说明电脑的硬件组装、系统维护、故障排除以及系统优化。主要有：简单的拆装计算机挑选中央处理器挑选主板挑选内存配置外存储系统配置显示系统配置声音系统挑选其他设备设置BIOS等等十七个电脑维护的项目，用户在日常使用中更容易遇到种种问题，如程序出错、病毒感染、蓝屏、死机等。有了这些经验以后就可以轻易的自行解决。图5.2.3 产品中心5.2.4联系我们虽然电脑也可以算是一种家电，但是与电视机、电冰箱这些传统的家电相比，其硬件及软件架构更为复杂，在日常使用中更容易遇到种种问题，如网卡烧坏、主机进水等严重故障。我们专门为离公司近的这些束手无策的用户，可以方便的求助于专业的维修人员。本网站专门用一个子页来为我们亲爱的用户说明我公司的详细地址、电话等。也可以通过在网页填写自己的详细信息来提前预约，并说明用户出现的相关问题。地址：山西管理职业学院电话真：010-999999999电子邮件： 图5.2.4 联系我们5.2.5在线留言这部分主要介绍介绍我们的顾客售后反馈服务质量和新的电脑问题。用户可以直接点开本网站的联系我们。6网站评价6.1 网站优点1.本网站利用WebZIP 是著名的离线浏览器软件，在它的帮助下你能够完整下载网站的内容，或者你也可以选择自行设置下载的层数、文件类型、网页与媒体文件的定位以及网址过滤器，以便按己所需地获取网站内容，从视觉效果来看，页面显得更加协调，优美。2.后台更新。本网站属于动态网站，交互性较好，功能方面会有很大的拓展。6.2 网站不足1.由于本网站属于动态网站，代码应用比较复。2.由于时间关系，本网站的功能还不太完善，在后期会尽快的将其完善。3.本网站由于是动态网站，数据库的支持，要借助后台软件维护。7 网站后台管理技术7.1准备1：安装好DW。2：你安装了DEDECMS。并进入/templets/default（默认模板目录）目录。用DW打开文件index.htm。先来看下部分。head上面的一般不管。在head 标签范围内主要包括了三类东西：1：title标签。2：mete标签 keywords description等。3：CSS文件链接。dede:global.cfg_webname/dede:global.cfg_webname/是你的网站名。dede:global.cfg_description/是你的网站描述。dede:global.cfg_keywords/ 是你的网站关键字。仿站的时候 这三个值应该都是别人的。要变成自己的 就要用这些标签替换掉。紧跟着的是 标签。这里面的内容才是页面正文的开始。body里的结构大体如下：dede:include filename=head.htm/中间代码：dede:include filename=footer.htm/7.2结构dede:include filename=head.htm/是头部代码，如果你要修改头部代码就去head.htm。dede:include filename=footer.htm/是尾部代码，同样你要修改就去footer.htm。其他index_*.htm list_*.htm article_*.htm 等几乎所有的模板结构都是这样的。每个模板主要有两个部分构成： 部分和 部分。 部分又由头部模板，中间模板和尾部模板。在所有模板中head.htm 和footer.htm 是其他模板的公共模板都要调用到它们。所以 当制作模板的时候，最好把头部和尾部设计成这样。可以和系统同步。7.3标签面对这些标签的使用做一个简单的介绍：1、标签名称：adminname功能说明：获得责任编辑名称使用实例：dede:adminname /。2、标签名称：arclist功能说明：文章列表调用标记。使用实例：dede:arclist row=7 field:title/dede:arclist3、标签名称：channel功能说明：获取栏目列表标签。使用实例：dede:channel type=top row=9 field:typename/dede:channel4、标签名称：likesgpage功能说明：单页文档调用标签。使用实例：dede:likesgpagefield:title /dede:likesgpage7.4设计7.4.1栏目管理DedeCMS的栏目设置有相当丰富的参数，导航上的首页、关于我们、产品中心、新闻中心、联系我们、在线留言留言都是通过栏目管理添加的。图1栏目管理操作页面图3栏目管理操作页面需要注意的几点：1.最基本的设置填写栏目名称和选择栏目所属的内容模型，此外还需要注意文件保存目录的选项，内容模型是指栏目属于文章、图集、下载等类型或自定义的内容类型，文件保存目录在没有填写的情况下系统会自动使用栏目名称的拼音作为栏目目录；2、栏目属性：决定当前栏目是普通的多页列表还是单个封面页或跳转到其它网址的链接；3、栏目交叉：栏目交叉是指一个大栏目与另一个非下级的子栏目出现交叉的情况，相当于系统原来的副栏目功能，不过现在改在栏目里预先设置好。4、绑定域名的设置：被绑定域名指向当前栏目目录为绑定域名的根目录，只有顶级栏目才能绑定域名，开启了栏目的二级域名还需要修改系统参数“是/否)支持多站点，开启此项后附件、栏目连接、arclist内容启用绝对网址：”改为“是”。5、栏目模板、栏目生成的HTML和栏目文档的HTML的命名规则都是可以手工指定的，可以在高级参数中填写这个选项。6、栏目内容，对于大多数据栏目而言，这一项可以不需要填写，通常如果用于公司简介等简单页面，可以直接在栏目里填写内容，栏目模板中用dede:field.content/调用。7.4.2内容发布在网站栏目管理创建好栏目，比如说是创建新闻管理栏目，然后点击后面的内容，添加文档要发布的新闻。图4添加内容7.4.3单页文档管理DedeCMS的单页文档管理在核心的频道管理，联系我们就是个单页，你可增加一个页面。 图5增加一个页面图6更新页面7.4.4自定义表单DedeCMS的自定义表单在核心的频道管理，在线留言留言就表单。在自定义表单管理里增加新的自定义表单。图7增加新的自定义表单增加后在右边点击更改然后添加字段。图8添加字段8设计体会1、不要让网页看起来杂乱无章网页是一个大杂烩，但缺乏合理结构的网站往往会使信息的浏览变得非常困难，当然我们所做的网站只是个人或者班级，没有面向整个网络，不过以后这些必须得要学以致用。2、要给人印象深刻网站看上去漂亮不怎么重要，关键是吸引眼球，想百度、谷歌、一些大网站，虽然它们只是一些搜索引擎，不过使用的人数不胜数。3、内容才是根本一个网站缺少内容，就好像人体缺少了骨架，撑不出形状，如果一个网页全部用图片来装饰，那么作出来的将不是网站，变成一个图片查看器，这样会使网站内容匮乏。4、换位思考，注重细节 细节是我体验最深刻的一点，要从浏览者的角度思考网页的所有元素，力求最大限度的改良网页元素以适合浏览。从网页的界面来说，一个小的细节可能让浏览者感觉不出来，但细节处理不好的地方多了，就会让人很不舒服，会让浏览者觉得设计的粗糙，设计者的用心不足。从网页的后台代码来说，一个简单的失误会让程序彻底崩溃。不管怎样多用心