网站设计与实现.docx
- 文档编号:9186430
- 上传时间:2023-02-03
- 格式:DOCX
- 页数:64
- 大小:522.55KB
网站设计与实现.docx
《网站设计与实现.docx》由会员分享,可在线阅读,更多相关《网站设计与实现.docx(64页珍藏版)》请在冰豆网上搜索。
网站设计与实现
网站设计与实现
摘要
随着网络技术与信息技术的发展,因特网迅速成长,因特网与企业经营活动的结合创造了新的网络经济,使企业的经营活动由传统经营模式转向产品发布、网络营销、商务洽谈、交易管理等的电子化,企业的内部运作、组织管理也发生了深刻的变革,迎来了崭新的电子商务时代!
本文结合实际情况,以企业形象网站展示为例论证了企业形象网站构建的必要性,并实现了企业与客户之间信息沟通的新渠道,使传统企业正视互联网并加入互联网。
全文共分五部份,第一部份概述了网页设计与实现的背景和意义所在和所要研究的内容与目标;第二部份介绍网页设计的基本原理包括网页制作使用的相关工具;第三部份对企业网站系统的技术可行性分析、经济可行性分析,和企业网站的需求分析;第四部份介绍了网站的总体设计与模块实现;第五部分是论文设计总结。
摘要是写研究的内容,最好不要分别写每段内容,一般以总结,概括的形式关键词:
网页制作;网站设计;企业网站
WebsitedesigncompanyAbstract
Withthenetworktechnologyandinformationtechnology,therapidgrowthoftheInternet,theInternetandacombinationofbusinessactivitiesCreateanewnetworkeconomy,sothatthebusinessactivitiesfromthetraditionalbusinessmodeltoproductlaunches,internetmarketing,business,management,andotherelectronictransactions,theenterprise'sinternaloperations,organizationandmanagementhasalsoundergoneaprofoundchange,usheredinnewageofelectroniccommerce!
Inthispaper,theactualsituation,tocorporateimageshowsanexamplesitedemonstratesthenecessitytobuildcorporateimageofthesite,andrealizedthecommunicationbetweenbusinessesandtheircustomersnewchannels,sothatfacetheInternetandtraditionalbusinessestojointheInternet.
Paperisdividedintofiveparts,thefirstpartofwebdesignandimplementationoverviewofthebackgroundandsignificanceandtheneedtostudy.
Contentandobjectives;secondpartdescribesthebasicprinciplesofwebdesignincludingwebproductiontoolsused;thirdpartofthesystemonthecorporatewebsiteofthetechnicalfeasibility,economicfeasibilityanalysis,needsanalysisandbusinesssites;IVwereintroducedtheoverallsitedesignandmodule;fifthpartisthethesissummary.
Keywords:
Pageproduction;websitedesign;corporatewebsite
正文字数要在15000以上
“第一章绪论”
1.1研究背景与意义
随着互联网在全球范围内的扩展,中国互联网快速发展,我们已然步入了信息化爆炸时代。
据统计,2010年中国网民人数4.57亿,互联网普及率34.3%。
传统行业正受着这信息时代带来的商机与挑战。
随着网络的普及,硬件的大众化,越来越多的人使用起互联网,为自己生活、工作带来便利。
作为企业,必然主动寻找用户群体,让企业信息能在客户需要的时候展现在用户眼前。
这就造就了传统行业纷纷建立自己的企业形象网站。
企业建立自己的网站,在网站上展示自己的公司简介,团队成员,企业最新动态新闻,所销售的产品和留言板,不分地理位置的,快速的把信息传递给用户,并实时与用户保持良好沟通。
企业网站建设的意义:
提升企业形象,创造企业网络品牌;使企业具有网络沟通能力;可以详细全面地介绍企业及企业产品;可以和客户保持密切联系;可以与潜在客户建立商业联系;可以降低通讯费用;可以利用网站及时得到客户的反馈信息等等。
1.2研究的内容与目标
本文重点阐述网站设计背景与开发实例。
主要包括:
(1)工具的使用
(2)Html代码的编写
(3)Css代码的编写
(4)图片设计软件的使用
(5)网站使用
作为企业网站,我们可以通过网站域名,访问企业网站,也可以通过搜索引擎等手段,让用户可以找到我们的网站,我们通过代码,把公司新闻动态及时发布在网站上,供用户浏览与在线留言沟通。
1.3本文的内容结构
第一章阐述了企业网站建设的背景与意义,课题的研究目标以及本论文所要做的事情;
第二章阐述了网站建设的基本原理,包括制作一个网站需要用的工具、服务器和网站建设的一些基本原理;
第三章阐述了企业网站建设的可行性分析,包括技术可行性、经济可行性分析,总体功能分析、需求分析、运行环境的需求;
第四章阐述了网站总体设计实现和主要模块的实现
第五章描述了网站设计的截图和相关文档说明。
最后总结了文本的主要内容,提出本文的主要不足,以及进一步研究等相关工作。
本文的论文结构图如图1-1最好用图1.1所示:
这句放到下一页
图1-1最好用图1.1本文内容结构图
“第二章网页设计的基本原理”
2.1网页设计工具介绍
2.1.1Dreamweaver网页制作工具
Dreamweaver是由Macromedia公司开发的一款所见即所得的网页编辑器。
和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”;2005年4月18日,全球最大的图像编辑软件供应商Adobe宣布,以换股方式收购软件公司Macromedia,Macromedia是著名的网页设计软件Dreamweaver及Flash的供应商。
据悉,此项交易涉及金额高达34亿美元。
根据双方达成的协议,Macromedia股东将以1:
0.69的比例获得Adobe的普通股。
自此开始,Dreamweaver开始属于ADOBE设计软件系列。
Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。
说到DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
2.1.2Photoshop图片处理软件
Photoshop的主要设计师ThomasKnoll的爸爸GlennKnoll是密歇根大学教授,同时也是一个摄影爱好者,他家地下室是一个暗房。
他两个儿子Thomas和John从小就跟着爸爸玩暗房,但John似乎对当时刚刚开始发行的个人电脑更感兴趣。
此后Thomas也迷上的个人电脑,并在1987年买一台苹果电脑(MacPlus)用来帮助他的博士论文。
Thomas发现当时的苹果电脑无法显示带灰度的黑白图像,因此他自己写了一个程序Display。
而他兄弟(也可能是哥哥)John这时在星球大战导演Lucas的电影特殊效果制作公司IndustryLightMagic工作,对Thomas的程序很感兴趣。
两兄弟在此后的一年多把Display不断修改为功能更为强大的图像编辑程序,经过多次改名后,在一个展会上他们接受一个参展观众建议把程序改名为Photoshop。
此时的Display/Photoshop已经有Level,色彩平衡,饱和度等调整。
此外John写了一些程序后来成为插件(Plug-in)的基础。
他们第一个商业成功是把Photoshop交给一个扫描仪公司搭配卖,名字叫做BarneyscanXP,版本是0.87。
与此同时John继续在找其他买家,包括SuperMac和Aldus都没有成功。
最终他们找到了Adobe的RussellBrown,Adobe的艺术总监。
RussellBrown在此时已经在研究是否考虑另外一家公司Letraset的ColorStudio图像编辑程序。
看过Photoshop以后他认为Knoll兄弟的程序更有前途。
在1988年7月他们口头决定合作,而真正的法律合同到次年4月才完成。
合同里面的一个关键词是Adobe获取Photoshop“licensetodistribute”,就是获权发行而不是买断所有版权。
这对后来Knoll兄弟发大财奠定了基础。
经过Thomas和其他Adobe工程师的努力,Photoshop版本1.0.7于1990年2月正式发行。
JohnKnoll也参与了一些插件的开发。
第一个版本只有一个800KB的软盘(Mac)。
在90年代初美国的印刷工业发生了比较大的变化,印前(pre-press)电脑化开始普及。
Photoshop在版本2.0增加的CYMK功能使得印刷厂开始把分色任务交给用户,一个新的行业桌上印刷(DesktopPublishing-DTP)由此产生。
2.1.3FTP文件传输
简介:
FTP是FileTransferProtocol(文件传输协议)的英文简称,而中文简称为“文传协议”。
用于Internet上的控制文件的双向传输。
同时,它也是一个应用程序(Application)。
用户可以通过它把自己的PC机与世界各地所有运行FTP协议的服务器相连,访问服务器上的大量程序和信息。
FTP的主要作用,就是让用户连接上一个远程计算机(这些计算机上运行着FTP服务器程序)察看远程计算机有哪些文件,然后把文件从远程计算机上拷到本地计算机,或把本地计算机的文件送到远程计算机去。
(1)工作原理:
以下载文件为例,当你启动FTP从远程计算机拷贝文件时实际上启动了两个程序:
一个本地机上的FTP客户程序,它向FTP服务器提出拷贝文件的请求。
另一个是启动在远程计算机的上的FTP服务器程序,它响应你的请求把你指定的文件传送到你的计算机中。
FTP采用“客户机/服务器”方式,用户端要在自己的本地计算机上安装FTP客户程序。
FTP客户程序有字符界面和图形界面两种。
字符界面的FTP的命令复杂、繁多。
图形界面的FTP客户程序,操作上要简洁方便的多。
(2)传输协议:
简单地说,支持FTP协议的服务器就是FTP服务器,下面介绍一下什么是FTP协议。
(文件协议协议) 一般来说,用互联网的首要目的就是实现信息共享,文件传输是信息共享非常重要的一个内容。
Internet上早期实现传输文件,并不是一件容易的事,我们知道Internet是一个非常复杂的计算机环境,有PC,有工作站,有MAC,有大型机,而连接在Internet上的计算机有上千万台,并且这些计算机可能运行不同的操作系统,有运行Unix的服务器,也有运行Dos、Windows的PC机和运行MacOS的苹果机等等,而各种操作系统之间的文件交流问题,需要建立一个统一的文件传输协议,这就是所谓的FTP。
基于不同的操作系统有不同的FTP应用程序,而所有这些应用程序都遵守同一种协议,这样用户就可以把自己的文件传送给别人,或者从其它的用户环境中获得文件。
(3)服务器系统 与大多数Internet服务一样,FTP也是一个客户机/服务器系统。
用户通过一个支持FTP协议的客户机程序,连接到在远程主机上的FTP服务器程序。
用户通过客户机程序向服务器程序发出命令,服务器程序执行用户所发出的命令,并将执行的结果返回到客户机。
比如说,用户发出一条命令,要求服务器向用户传送某一个文件的一份拷贝,服务器会响应这条命令,将指定文件送至用户的机器上。
客户机程序代表用户接收到这个文件,将其存放在用户目录中。
在FTP的使用当中,用户经常遇到两个概念:
"下载"(Download)和"上传"(Upload)。
"下载"文件就是从远程主机拷贝文件至自己的计算机上;"上传"文件就是将文件从自己的计算机中拷贝至远程主机上。
用Internet语言来说,用户可通过客户机程序向(从)远程主机上传(下载)文件。
使用FTP时必须首先登录,在远程主机上获得相应的权限以后,方可下载或上传文件。
也就是说,要想同哪一台计算机传送文件,就必须具有哪一台计算机的适当授权。
换言之,除非有用户ID和口令,否则便无法传送文件。
这种情况违背了Internet的开放性,Internet上的FTP主机何止千万,不可能要求每个用户在每一台主机上都拥有帐号。
匿名FTP就是为解决这个问题而产生的。
匿名FTP是这样一种机制,用户可通过它连接到远程主机上,并从其下载文件,而无需成为其注册用户。
系统管理员建立了一个特殊的用户ID,名为anonymous,Internet上的任何人在任何地方都可使用该用户ID。
通过FTP程序连接匿名FTP主机的方式同连接普通FTP主机的方式差不多,只是在要求提供用户标示ID时必须输入anonymous,该用户ID的口令可以是任意的字符串。
习惯上,用自己的E-mail地址作为口令,使系统维护程序能够记录下来谁在存取这些文件。
值得注意的是,匿名FTP不适用于所有Internet主机,它只适用于那些提供了这项服务的主机。
当远程主机提供匿名FTP服务时,会指定某些目录向公众开放,允许匿名存取。
系统中的其余目录则处于隐匿状态。
作为一种安全措施,大多数匿名FTP主机都允许用户从其下载文件,而不允许用户向其上传文件,也就是说,用户可将匿名FTP主机上的所有文件全部拷贝到自己的机器上,但不能将自己机器上的任何一个文件拷贝至匿名FTP主机上。
即使有些匿名FTP主机确实允许用户上传文件,用户也只能将文件上传至某一指定上传目录中。
随后,系统管理员会去检查这些文件,他会将这些文件移至另一个公共下载目录中,供其他用户下载,利用这种方式,远程主机的用户得到了保护,避免了有人上传有问题的文件,如带病毒的文件。
作为一个Internet用户,可通过FTP在任何两台Internet主机之间拷贝文件。
但是,实际上大多数人只有一个Internet帐户,FTP主要用于下载公共文件,例如共享软件、各公司技术支持文件等。
Internet上有成千上万台匿名FTP主机,这些主机上存放着数不清的文件,供用户免费拷贝。
实际上,几乎所有类型的信息,所有类型的计算机程序都可以在Internet上找到。
这是Internet吸引我们的重要原因之一。
(4)匿名ftp 匿名FTP使用户有机会存取到世界上最大的信息库,这个信息库是日积月累起来的,并且还在不断增长,永不关闭,涉及到几乎所有主题。
而且,这一切是免费的。
匿名FTP是Internet网上发布软件的常用方法。
Internet之所以能延续到今天,是因为人们使用通过标准协议提供标准服务的程序。
像这样的程序,有许多就是通过匿名FTP发布的,任何人都可以存取它们。
Internet中的有数目巨大的匿名FTP主机以及更多的文件,那么到底怎样才能知道某一特定文件位于哪个匿名FTP主机上的那个目录中呢?
这正是Archie服务器所要完成的工作。
Archie将自动在FTP主机中进行搜索,构造一个包含全部文件目录信息的数据库,使你可以直接找到所需文件的位置信息。
2.1.4虚拟主机介绍与使用
简介:
(1)序号前要空两格定义1:
虚拟主机(VirtualHostVirtualServer)是使用特殊的软硬件技术,把一台计算机主机分成一台台“虚拟”的主机,每一台虚拟主机都具有独立的域名和IP地址(或共享的IP地址),具有完整的Internet服务器功能。
(2)定义2:
虚拟主机是使用特殊的软硬件技术,把一台真实的物理电脑主机分割成多个的逻辑存储单元,每个单元都没有物理实体,但是每一个物理单元都能像真实的物理主机一样在网络上工作,具有单独的域名、IP地址(或共享的IP地址)以及完整的Internet服务器功能。
虚拟主机的关键技术在于,即使在同一台硬件、同一个操作系统上,运行着为多个用户打开的不同的服务器程式,互不干扰。
而各个用户拥有自己的一部分系统资源(IP地址、文档存储空间、内存、CPU时间等)。
虚拟主机之间完全独立,在外界看来,每一台虚拟主机和一台单独的主机的表现完全相同。
所以这种被虚拟化的逻辑主机被形象的称为“虚拟主机”。
虚拟主机技术的出现,是对Internet技术的重大贡献,是广大Internet用户的福音。
由于多台虚拟主机共享一台真实主机的资源,每个用户承受的硬件费用、网络维护费用、通信线路的费用均大幅度降低,Internet真正成为人人用得起的网络。
现在,几乎所有的美国公司(包括一些家庭)均在网络上设立了自己的WEB服务器,其中有相当的部分采用的是虚拟主机。
一台服务器上的不同虚拟主机是各自独立的,并由用户自行管理。
但一台服务器主机只能够支持一定数量的虚拟主机,当超过这个数量时,用户将会感到性能急剧下降。
虚拟主机技术是互联网服务器采用的节省服务器硬件成本的技术,虚拟主机技术主要应用于HTTP服务,将一台服务器的某项或者全部服务内容逻辑划分为多个服务单位,对外表现为多个服务器,从而充分利用服务器硬件资源。
如果划分是系统级别的,则称为虚拟服务器。
虚拟主机技术上现在联有近亿台的计算机,这些计算机不管它们是什么机型、运行什么操作系统、使用什么软件,都可以归结为两大类:
客户机和服务器。
客户机是访问别人信息的机器。
通过邮电局或别的ISP拨号上网时,电脑就被临时分配了一个IP地址,利用这个临时身份证,就可以在Internet的海洋里获取信息,网络断线后,电脑就脱离了Internet,IP地址也被收回。
服务器则是提供信息让别人访问的机器,通常又称为主机。
由于人们任何时候都可能访问到它,因此作为主机必须每时每刻都连接在Internet上,拥有自己永久的IP地址。
因此不仅要设置专用的电脑硬件,还要租用昂贵的数据专线,再加上各种维护费用如房租、人工、电费等等,决不是好承受的。
为此,人们开发了虚拟主机技术。
在我国830万家中小企业中,已有47%的企业把业务接入了互连网,因此,企业型网站及其相关建站方案的需求变得空前迫切起来,而网站建设作为宣传企业自身的一个基本方式,成为信息化建设热潮中的先锋。
他们纷纷租用虚拟主机存放网站,制作论坛,为企业的信息发布和产品宣传提供了经济的平台。
同时众多拥有技术却缺少资金的网络爱好者使得他们成为虚拟主机的重要使用者,这也是他们利用虚拟主机锻炼网络技术、展示自我的最好途径。
虚拟主机是网络发展的福音,极大的促进了网络技术的应用和普及。
同时虚拟主机的租用服务也成了网络时代新的经济形式。
虚拟主机的租用类似于房屋租用。
服务器的出租者将服务器分割成虚拟主机,然后将他们出租给使用者赚取利润。
虚拟主机托管是近几年发展速度很快的一种互连网模式,是网络经济的重要基础组成部分,现在互连网中绝大多数的网站都是依赖虚拟主机的形式建立的。
Internet日益成为商家注目的焦点,在技术迅猛发展的今天,企业的信息化已成为市场竞争的重要手段。
走向市场、走向国际化或者保持国内市场不致萎缩的必要的条件之一,就是必须拥有畅通的现代国际联系手段:
自己的域名、自己的主页、自己的电子邮箱、自己的宣传阵地。
无论企业在哪里,企业条件如何,服务器硬盘空间出租、网络虚拟主机服务都可以使企业信息化变成现实。
网络已经日益成为市场营销的一个重要方式,但任何企业开展网上电子商务都是一件十分慎重的事情,因为它在人力物力上的投入很大。
企业在不具备充足的条件时,首先在网络上建立一个虚拟主机进行电子商务的尝试是十分必要的。
让专业的公司来承担系统的维护和管理,使得企业能节约更多的人力和费用做其他的业务。
建立了自己的虚拟主机(网站服务器),就拥有了长期的网上电子广告。
使用说明:
以为例,其他虚拟主机提供商基本相似。
进入,注册账户,购买相应大小、配置的虚拟主机。
企业站点一般200M足够。
如果程序是php的,建议购买linux服务器的虚拟主机,asp、aspx或者建议买windows服务器的虚拟主机。
购买后,进入账户后台:
如下图2.1到2.4步骤进行操作:
图2.1每个图都要有名字
图2.2每个图都要有名字
这页下面空了点,调整图的大小或排版
图2.3每个图都要有名字
图2.4每个图都要有名字
这里可以看到:
ftp用户名,ftp密码,和主机ip地址,现在使用flashftp把程序源码上传至空间,把域名解析到s334.dns-上。
2.2网页设计基本原理编号与章节名字体不同
网站制作理念的形成应该是以结合公司的营运目的及为真正浏览这个网站的使用者作设计的角度去分析的。
设计一个结合公司营运目标的网站很多公司之所以会开始自己的网站是因为其它的竞争对手已经有网站,而忽略这个网站可以带来的效益。
如果不清楚这个网站的目标,那也就没有辦法真正评估这个网站的效果,也就不清楚对这个网站的投资是否值得。
为网站的真正使用者设计网站大部份的网站测试专家认为网路是一种资讯交换的媒介,而大部分的网站建设者则认为网路是可以传送体验的媒介。
我们认为资讯的交换及体验的传送都是很重要的,所以客戶的需求是一個可以快速交换资讯的网站或是一个可以传送体验的网站,主要是看公司的型态及营运目标。
如果公司的网站是希望使用者可以很快地得到想要的资讯或是完成商品的购买,那就是以提供资讯为主;如果公司的网站是希望传达公司的企业形象,那就是偏重视体验传送。
如果要两者共存,是很难做到的,只能偏其中一者而会牺牲另一者。
传达资讯的网站例子,XX是一个专注于提供资讯的搜寻网站,如果每一次,使用者都要经过Flash的简介,才能开始使用搜寻的功能,那即使这个Flash做得很炫,但是还是没有达到使用者的需求,快速得到资讯,那使用者很有可能就改使用其它的搜寻网站。
XX对这一方面掌握得很好,所以您可以发现XX的网站总是很清晰、易懂。
传达体验的网站例子,Absolut是一个知名的酒类品牌,对于它的消费者,并没有太多资讯想要传达。
它的网站主要是要建立一种对品牌的正面感受,然后将这样的感觉转移给进入这个网站的使用者,得到使用者对这个品牌的认知。
“第三章企业网站系统分析”
3.1网站可
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 设计 实现
![提示](https://static.bdocx.com/images/bang_tan.gif)