中小型企业网站开发设计大学论文.doc

《中小型企业网站开发设计大学论文.doc》由会员分享，可在线阅读，更多相关《中小型企业网站开发设计大学论文.doc（41页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、潍 坊 学 院 本 科 毕 业 设 计目录1 前言11.1课题提出的背景11.2设计开发的意义11.3研究内容与方法22 网站设计与开发的技术基础42.1开发模式分析42.2网站主要开发技术62.3网站开发工具及环境103网站的分析与设计113.1 南方数码科技企业网站需求分析113.2 南方数码科技企业网站总体设计123.3 南方数码科技企业网站界面设计134 南方数码科技企业网站的开发194.1网站开发语言194.2 南方数码科技企业网站模块功能实现204.3 南方数码科技企业网站的应用测试265结束语285.1总结285.2展望28参考文献29附 录30致 谢39 潍 坊 学 院 本 科

2、 毕 业 设 计 摘 要 中小型企业网站开发摘要:近年来随着计算机和互联网科技的飞速发展，人们的生活和学习也发生了翻天覆地的变化，当代企业也从传统营销模式逐渐转变为新型的线上营销模式。然而，各个企业要适应这种新型的发展模式，也不得不建立自己的企业网站，借助于互联网平台来扩大自己的影响力、推广自己的产品，同时通过互联网信息的快速发展与传递加速自身的市场竞争力，从而使自己在竞争力如此激烈的市场经济竞争中占据一定的地位。中小型企业网站的开发能有效的传播自己的企业文化，推广企业产品，扩大企业影响力。论文首先对国内中小型企业网站建设的情况的发展现状进行分析研究，从而对中小型企业网站建设的必要性做了简要阐

3、述，然后根据网站建设的理论基础，利用ASP.NTE，SQL Server等先进技术，基于web标准进行网站各个模块的设计与制作。论文以南方数码科技有限公司网站的设计与开发为案例，从网站的总体规划，网站架构设计，网页界面设计，公司简介、新闻资讯、产品展示、在线留言、人才招聘以及后台管理等各个模块的设计与开发来进行阐述。最后论文根据可用性等原则对南方数码科技有限公司网站进行测试应用，总结研究中存在的不足与局限之处，提出未来的改进方向。关键词: 企业网站开发 ASP.NET SQL Server2008潍 坊 学 院 本 科 毕 业 设 计 摘 要 THE WEBSITE DEVELOPMENT O

4、F SMALL AND MEDIUM-SIZED ENTERPRISES Summary: In recent years, with the rapid development of computer and internet technology, peoples life and learning have changed a lot, contemporary enterprise have also shifted from traditional marketing pattern to the online marketing model. However, in order t

5、o adapt to this new-style development pattern, each company have to built their own enterprise website to boost their popularity and promote their products by means of internet platform, in the meantime, they can also enhance competitiveness though the rapid development of network and information tr

6、ansfer, thus make themselves still have a place even in the fierce market competition.The website development of small and medium-sized enterprises can effectively disseminate their corporate culture, promote the new products and widen company force. Firstly, this thesis analyses the development sit

7、uation of website construction of small and medium-sized enterprises and briefly expounds the necessity of small and medium-sized enterprises website construction. After that, in accordance with the theoretical of website construction, we utilize the advanced technology of ASP,NTE,SQL Server etc., a

8、nd on the base of web standard to conduct the module design and fabrication. The thesis takes the website design and development of South digital technology co., Ltd for example, which expounds from various modules: the overall plan for the site, architecture design of the website, page design of th

9、e website, company profile, News information, product display, online message, talent recruitment, back-stage management etc. Finally, the thesis makes the test application for South digital technology co., Ltd based on usability principle and also brings forward the study deficiencies and shortcomi

10、ngs in the research process. Some future research works are also suggested.Keywords: The website development of enterprises ASP.NET SQL Server2008潍 坊 学 院 本 科 毕 业 设 计 1 前言1.1 课题提出的背景近年来，随着我国经济迅速增长，一些中小型企业也快速的发展起来。随着全世界信息化时代到来，信息技术的革命正在逐步的渗透到社会的各个行业领域，企业的信息化是国民经济的信息化和社会的信息化的最重要的条件。企业的信息化是指企业在市场和销售、生产和

11、经营、研究和开发、管理和决策等各个方面全面的应用信息技术，建设应用系统和网络，通过对信息资源有效开发和利用，不断提高决策、管理、经营、生产的水平和效率，从而使企业的经济和效益还有竞争里得到提高的过程。企业信息化水平的高低直接影响到企业的形象、效益、效率和未来发展。企业建设开发网站是提高企业的信息化水平，是应对国际竞争的重要的有效措施。现在,市场经济的竞争已不再局限于国内市场了,跟随着我国加入WTO，中国的国门打开,我国国内的几乎所有的大中小型企业都面临着严峻的国际市场竞争!无论你从事什么行业,同样躲避不了市场经济的优胜劣败的洗礼。现在的企业没有了原来计划经济的保护,被迫加入到了这个国际的大市场

12、里来,无论你是愿意还是不愿意。现在中小型企业的主要难题是:产品的个性特点不明确,企业的知名度不高,还有对外宣传得力度不够大,从而使产品市场的占有率很低,企业很难有好的发展!时间长了,产品没有占领住应有的市场,销售渠道自然很不乐观,长此以往企业肯定惨遭淘汰。企业进行建设网站已然成为了电商发展的必然! 1.2开发设计的意义企业要建立自己的网站的原因是什么呢?现在来看,大概有下面几种目的:推广企业产品和服务;在网络上建立企业的形象;通过网络为各种各样的客户提供满意的服务;开展电子商务。除了建立企业的形象,人们更会希望看到网站能真正的为企业带来一些实用效果,比如推广宣传企业的服务和产品,帮助企业寻找联

13、系客户等等,这是在建设网站的目的上又上升了一个层面。其实这样的实例也不少:一个中小型企业,几个系列,十几种商品,希望建设一个网站用来推广自己的产品。像这种企业网站的更新工作不会太多,它其实就是利用了网络的全天24小时在线、无国界、成本低等特点,相当于在网络上建立了一个企业的宣传册,其针对性是很强的,关键在于它的宣传工作。随着社会的不断发展与进步，网络技术的发展跟新换代特别快，网站也从功能性开发迈上了一个新的台阶，网站的定制、个性化等成为网络开发人员关注的元素。1.3 研究的内容与方法 1.3.1 研究内容 中小型企业网站的开发，根据字面意思就知道是针对中小型企业量身定制的网站。据调查，中小企业

14、是我国国民经济的重要组成部分，也是提高社会就业率的基本保障。中小企业的发展直接影响着我国人民生活的发展水平。经工商部门注册的中小企业数量4200万家，占全国企业总数的99%以上；在信息化时代，网络的发展成为了中小型企业实现跳跃式发展的的一个很好的基础。建设网站、实施网络推广营销、成立电子商务部门，成为众多中小型企业快速发展的一个重要途径。在现在市场经济的结构下，中小型企业需要突破自身在管理模式、经营模式以及资金、技术、人才、地域等各个方面的局限性，利用现代科技技术手段建立新的竞争优势，开拓有利的市场，实现新型的经营管理模式。本文选择中小型网站开发为题，结合现在中小型企业的功能需求，符合企业信息

15、化的标准等原则为指导，力求开发成一个能资源共享，利于企业管理员管理后台网站，又方便用户使用的中小型企业网站。 本文首先根据中小型企业发展背景提出研究课题，然后对比分析国内中小型企业建设网站的发展状况，提出了开发中小型企业网站的概念。在研究的初级阶段，首先介绍网站设计与开发的技术基础，利用此来指导网站的规划建设。接着给出了网站的整体架构设计，在此过程中介绍了网页设计的web标准以及网页的颜色搭配原则，以及人机交互的一些界面设计规则。在研究的中期，本文以南方数码有限公司网站为例介绍了网站的工作原理，网站的开发以及网页中常用的技术以及最新技术。在研究的后期，主要是南方数码有限公司网站的测试与应用，这

16、里介绍了网站的测方法以及发现网站中的不足之处并给出了今后努力的方向。1.3.2 研究方法为了更好的完成企业网站的开发与设计，本课程设计在科学理论的指导下，主要运用了一下研究方法：1. 功能分析法本文通过对中小型企业网站的功能需求，结合现有的一些中小型企业网站的功能设计与实现进行分析研究，对本项目的研究具有相当的借鉴意义，同时也能让本项目突出其创新点。2文献研究法在研究过程中，从学校图书馆的有关书籍查阅与本课题有关各个知识点。运用互联网收集相关的学术文章及论文认真分析，研究，通过各个国家专家学者们对该课题所做出的成果学习，为本论文的撰写提供了一些理论支持与思路。3经验总结法在研究本课题的过程中，

17、根据国内外一些优秀网站的设计与开发技巧，规范与原则，采用一些比较成熟的开发经验，结合系列课程培训网站的特点，适当地运用在网站中。2 网站设计与开发的技术基础2.1 开发模式分析 2.1.1 MVC模式 MVC模式包括三个部分，即模型（Model）、视图（View）和控制（Controller）,分别对应内部数据库、数据表示和输出输入控制部分。MVC模式的一般结构如下图所示。图 2.1 MVC模式各部分的关系和功能 MVC模式的优点是：程序员可以把其中的某一层单独拿出来分析研究；可以把原来的实现方式很容易的替换成为更高级的新的实现方式；有利于程序结构的标准化，可以降低层与层之间的依赖问题，也有利

18、于各个层之间的逻辑的重复利用。总的来说，分层式设计可以达至如下目的：分散关注、松散耦合、逻辑复用、标准定义。2.1.2 三层架构模式在实际开发过程中，项目都是采用分层的结构来实现的，以便于项目的管理、扩展以及维护和升级。三成架构模式就是将整个业务应用分为：表现层、业务逻辑层、数据库访问层。区分层次的目的即为了“高内聚低耦合”的思想。在软件体系架构设计中，分层式结构是最常见的，也是最重要的一种结构。三成架构的优点是降低层与层之间的依赖标准化。 图 2.2 三层架构的分层式结构2.1.3 MVC模式与三成架构的联系MVC设计模式从早期客户/服务器应用的发展而来，所以它采用的是两层架构设计。由于三成

19、架构是对两层架构的延伸，所以还是可以将MVC应用于三成架构的Web应用中。MVC与三成架构相互结合补充，已经成为Web应用开发的重要模式。 经过分析研究，决定在项目的开发过程中应用MVC模式与三层架构结合方式来实现本论文架构的设计。这样有两个有利因素：可以实现多个视图，为我们开发不同的图提供了很大的便利，第一就是在完成了视图设计之后没有必要再去设计视图层,降低了一定的工作量；第二是使用三层架构模式，使结构层次更加清晰，各层之间的逻辑条理性都很清晰，并且各层之间都能够并行开发设计；第三是采用这样的设计方式可以减少代码的编写，增加代码的重复利用，减少耦合。1.1 MVC模式与三成架构设计之间的关系

20、如下图所示。 图 2.3 三成架构与MVC层之间的联系 经过分析研究，创建南方数码有限公司网站的解决方案运用了四层结构来实现。Web层（视图）、BLL（业务逻辑）、DAL（数据库访问）、Model层（模型）。1.Web层用于显示数据和接受用户的输入数据，为用户提供一种人机交互的操作页面。2.BLL层主要提供相关业务逻辑处理的功能，他与Web层不同的是，web层只是实现了人机交互的界面的前台操作，而BLL层是实现所有业务逻辑。BLL层通常采用类库的形式。3.DAL层主要实现对数据库的访问、修改和存取操作，来供BLL调用，DLL层仅仅是是实现了业务逻辑层的数据库的相关功能特点，并不能和BLL层相提

21、并论，BLL层是系统所有业务逻辑功能的总体，DAL层也是采用类库的形式。4.MODEL层都是实体类，实体类是业务对象的基础，使用面向对象的思想消除关系数据与对象之间的差异，用于向视图层，业务逻辑层，数据库访问层提供数据模型的支持。2.2 网站主要开发技术 2.2.1 静态网页开发技术在网站开发中，单纯的超文本标记语言应用程序格式页面通常被称为“静态页面”静态页面是一个正式的HTML文档,其文件扩展名为htm，html，可以包括文字，图画，音乐，动画，客户端脚本和ActiveX控件和JAVA applet等等。静态页面是网站设计的基础，以前的网站一般采用静态页面。静态是相对动态网页而言的，它没有

22、引用后端数据库，它是包含程序和非交互式web页面。相对来说静态网站更新有更多的麻烦，但是它通常很容易制作。静态网页的特点如下：（1）静态网页的网址通常很明确，一般不会改变，也就是统一地址定位符，它的一般的扩展名为HTM，HTML，SHTML等，它不像动态页面那样，往往有一些问号在后面。（2）网站内容发布到web服务器之后，外部浏览与否跟网页在web服务器上存在的形式无关，它是相对分离的，只存在于服务器。 （3）由于静态网页的相对稳定性，很多浏览器可以轻而易举的找到它，并进行解析然后显示在前端。（4）有一些大型网站包含很多内容，如果采用静态网页，不仅显得很复杂，而且很麻烦，这都是因为它不能和数据

23、库连接。（5）这种页面几乎不能进行交互，对一些简单的行为，它会出现很多难以想象的状况，给系统带来很大负担，这样他的使用范围也就大大缩小了。（6）对于这样的页面，由于要加载的东西很少，容易优化，一般网页打开地很快，很容易被发现这是其一大优点。（7）由于它页面比较简单，交互行为较少，各种内容所占空间较小，这就大大地减轻了后台各个系统的工作压力。 2.2.2 动态网页开发技术我们所说的动态网页,它是一种需要多种程序语言来编写的页面，相对静态页面而言，它的交互功能比较强大，且往往与数据库连接比较紧密。静态页面的显示方式与效果与页面的编码息息相关，然而动态页面却不同，它的样式与前端的显示效果可以不随代码

24、的改变而改变，有些时候，改变数据库里面的内容或者系统的配置环境有所改变，网页的显示结果就截然不同。需要重点说明一下，动态网页和页面内容是两个相差甚远的概念，动态页面中的动不一定是指页面上出现的直观的动感，与一些多媒体动态效果没有任何关系，它意思是可以动态的适时的更新。也就是说动态网页可以没有页面上视觉的动感效果，但是它必须与数据库连接，能够实现其动态的真实意义。有一些静态页面中有很多动感的元素，但是这样的网页我们并不能称之为动态网页，我们所说的动态网页通常斗士利用相关的开发技术实现的。一般来说，动态网页的构成不仅与静态网页的超文本标记语言密切相关，而且还与一些其他的高级编程语言相联系，适当的选

25、择数据库，根据相关的数据库技术，这些语言与技术只有密切的结合起来，并且前挡的运用，才能制作出符合大众需求，页面美观，交互性好的动态页面。动态网页技术有以下几个特点：（1）由于动态网页的后台一般与数据库有密切的结合，在更新网页的页面内容的时候也会变得更加方便灵活，大大提高了网站维护人员的工作效率。（2）在静态网页中很多交互性功能受到限制，使一些需要和数据库相关的表单，行为等无法使用，然后，动态网页可以完美地解决这一难题。（3）事实上，动态网页的存在方式与服务器是很有关系的，当用户需要打开一个网页时，必须通过服务器的调用，才能打开所想要访问的页面。（4）当浏览器想要查找一个动态网站的时候，它不一定

26、能够打开所有和数据库有关的页面，前面已经提出，在动态页面中经常会出现问号的标识符，这种指示符不利于浏览器的搜索，所以当我们完成网站的制作并进行优化的时候，一定要采取相应的措施进行优化，以便于浏览器能够顺利访问。目前常用的语言有ASP.NET，PHP，JSP等。由于本课题主要采用ASP.NET来开发，因此这里主要介绍ASP.NET技术。2.2.3 ASP.NET技术 ASP.NET是Microsoft.NET的一部分，ASP 的全称为Active Server Pages，它是一种技术，可以与数据库进行连接，有效沟通，可以开发比较优秀的web程序，并且提供了一个统一的WEB开发模型，其中包含开发

27、人员生成企业级WEB应用程序所需要的各种服务。ASP.NET是一个已经编译好的基于.NET环境，可以用任何与和.NET相互兼容的语言来开发应用程序。；利用ASP.NET可以使强大的功能代码容易重用和共享，方便程序员进行程序的编写和开发，从而更好的为不同要求的客户提供优质服务和需求。ASP.NET的运行原理：在ASP.NET中，当一个HTTP请求发送到服务器并被IIS接收之后，IIS首先通过客户端请求的页面类型为其加载相应的.dll文件，然后再处理过程中将这条请求发送给能够处理这个请求的模块。在ASP.NET中这个模块是HTTP处理程序组件，之所以.aspx文件可以被服务器处理，就是因为在服务器

28、端有默认的HttpHandler专门处理.aspx文件。IIS再将这条请求发送给能够处理该请求的模块之前，还需要经过一些HttpModule的处理，这些都是系统默认的Modules（用于获取当前应用程序的模块集合），在该HTTP请求传到HTTPHandler之前，要经过不同的HTTPModule的处理。（HttpModule模块是一个组件，通常用于执行需要监视每个请求的特殊任务，如安全或站点统计信息。）Aspx页面的一般处理过程如下图所示：图 2.4 的工作原理82.2.4 数据库技术 本中小型企业网站后台管理主要运用SQL Server 2008数据库。Microsoft SQL Serve

29、r 2008 Express Edition (SQL Server 2008) 是基于Microsoft SQL Server 2005的数据库平台，要是特征是提供了易于使用的强大的功能。SQL Server 在提供了服务器端广泛的功能以外,还同时提供强健的客户端数据库。它能够满足现在的行业环境要求不同类型的数据库解决方案。它是一个关系数据库管理系统，是一种应用广泛的数据库管理系统。相对现在市面上的多种数据库而言，SQL Server 数据库是比较权威的，是应用比较广泛的一种数据库，而且使用也是免费的，从各个方面考虑都适合本企业网站的应用，ASP.NET与SQL Server结合的也是比较好

30、的，在一些常用功能上，SQL Server也是比较齐全的，由于Access是有全球知名的软件公式Microsoft公式生产的产品，所以在安全方面也是比较可靠的。SQL Server2008是一个关系数据库管理系统,其主要特点如下： （1）真正的客户/服务器体系结构。（2）图形化用户界面，使系统管理和数据管理更加直观、简单。（3）界面友好、易操作（4）集成环境、处理多种数据信息（5）具有很好的伸缩性。（6）具有丰富的编程接口工具，为编写程序提供了更多的选择余地。2.3 网站开发工具及环境本课题采用静态网页开发技术HTML语言，DIV布局，层叠样式表CSS和动态网页开发技术ASP.NET和SQL

31、Servers数据库相结合的方法来设计实现本企业网站。主要开发工具为SQL Server2008，Microsoft Visual Studio2012，简称“VS 2012”，是微软公司推出的开发环境，是最流行的Windows平台应用程序开发环境， 本网站是基于三层B/S结构的模型，ASP.NET需要运行在IIS管理器下。本系统开发环境为Windows 7 64bit操作系统下配置的IIS服务。93 网站的分析与设计3.1 南方数码科技企业网站需求分析南方数码科技企业网站是为广大用户提供一个窗口，来进行展示企业文化，推广企业产品等，主要包括两个方面：形象窗口和信息流动窗口。企业结合自身发展的

32、现状和未来的发展需要，应该具有以下特点：（1） 安全可靠。系统将前台网页设计和有关企业的全部内容彻底分离，企业的全部内容分类存放在数据库，利用各种函数来调用需要的内容，数据库具有安全措施保障，采用多种先进技术应用保证系统的先进性、开放性和实用性。（2） 强大的管理功能。可以完成信息的存取，分类，审核，发布，整理等功能，具有信息的增删改查等各种操作，可以使网络后台管理人员很容易实现网站内容的分类，发布，修改等。（3） 简单容易使用。方便人机对话界面，即使是非专业人员也可以完成信息采集、管理和发布的各种工作，应该体现以客户为中心的思想和理念。 （4）体现特色。每个网站都必须有自己的特点，用途，设计

33、者要充分了解所要开发的网站，让其特色在网页中充分展示出来，这样既能让浏览者快速了解网站，找到想要查找的信息，其特点和个性也会给浏览者留下深刻地印象。 （5）兼顾不同的浏览器。不同的访问者具有不同的浏览器爱好，所使用的浏览器也不尽相同，在设计网站的过程中，设计者不得不考虑到这些，所以，在测试时一定要在各种浏览器以及各种主流浏览器的不同版本进行测试修改，以保证网站的正常运行。（6）明确的导航设计。导航系统是网站的路径指示系统，可指导浏览者有效地访问网站。导航系统的设计要从使用者的角度来考虑，力求做到简便、清晰和完整一致。在网站的导航设计中，网站首页导航尽量展现整个网站的框架和内容；另外导航要让浏览

34、者确切地知道自己在整个网站中的位置，可以确定下一步的浏览去向。 在网站界面中，还需要进行样式控制。通过样式控制，对网站上的链接点进行标示。另外，导航条的放置也是一个值得注意的问题。 根据企业网站应具有的这些特点，本课程将多项教研成果运用到该企业网站建设中，使企业网站功能不断完善，能够满足中小型企业的基本需求。3.2 南方数码科技企业网站总体设计3.2.1 网站各个模块功能南方数码企业网站的设计时，主要实现以下具体功能目标：1. 关于公司主要分为公司介绍、组织机构、企业文化、公司环境、业务介绍这几个子模块，主要介绍与公司相关的一些东西，方便用户更深的了解公司。2. 产品展示 主要展示公司主要产品

35、，可在线查看、询问价格。3. 新闻资讯主要介绍行内的一些新闻，行内企业资讯。4. 案例展示主要是介绍南方数码公司服务过的一些成功案例。5. 技术支持主要是介绍南方数码公司网站建设的技术支持。6. 人才招聘主要是介绍公司的人才招聘动态。 7. 联系方式主要介绍企业联系方式，包括地图，联系电话和地址。8. 在线留言用户可以通过在线留言提出对企业的一些建议和想法或者是一些存在的问题。方便企业向更好的方向发展。3.2.2 网站整体架构根据以上网站各个模块的功能，规划南方数码企业网站的总体框架结构如图3.1所示。南方数码科技公司网站关于公司联系方式在线留言人才招聘技术支持新闻资讯新闻资讯案例展示产品展示

36、公司介绍平板电脑公司相关智能手机行业资讯组织机构企业文化公司环境业务介绍技术相关图 3.1南方数码科技有限公司网站的总体框架结构3.3 南方数码科技企业网站界面设计当人们打开某个网站时，首先映入眼帘的一般都是网站的界面，网页的布局是否合理，色彩是否搭配的让人看起来舒服，文字的大小是否合适等等，这些都会给访问者留下深刻的印象，为了使用户能更好地与网站进行交互，网页的界面设计必须要设计好，让网页更加美观大方，带来访问量。3.3.1 网站界面设计原则1. 以客户体验为中心在进行网站界面的设计过程中，以用户为中心是每个设计师不得不要考虑的一个重要准则，因为我们的网站开发出来主要面对的是用户，也就是说用

37、户就是上帝，用户群体是有很多相同之处的，然而我们也不得不想到用户之间的不同，做出充分的准备。一方面，网站的分类和所面向的群体息息相关，用户群体的多样性决定网站的多样性，人们性格的不同，年龄与职业的差异等都会影响网站的访问量，所以我们必须想用户所想，把用户的意愿放在首要地位，这样才能让自己的网站更加具有吸引力。不同类别的网站面向访问的群体不同；同一类型的网站，用户群体也有年龄、行业等差别。因此，网站界面的设计只有了解了不同用户的需求，才能在设计中体现用户的核心地位，设计出更合理、能满足用户需求的界面，以吸引用户。另一方面，设计者也需要考虑目标用户的行为方式。行为方式直接影响人们对网站的操作使用，

38、是设计者需要加以考虑或利用的因素。2. 视觉一致性网站页面设计要保持视觉一致性，也就是平衡性，图片和文字的分布多少也要考虑到，因为图片给人的视觉效果很多，那么我们就需要用很多的文字来平衡一个图片带来的视觉效果。另外，国内大部分人看东西都习惯从上向下，从左到右，所以一些重要信息的分布也要遵循这个原理。 网站页面还必须与内容形式保持一致，网站的内容是指网页中出现的文字，图片，数据等多媒体信息，网页的形式是网页展现给我们的样子，网站的样式与内容必须保持密切的关系，不能孤立开来，如果样式和内容不一致，会使整个网页既不美观也不协调，让浏览者产生厌烦的情绪，这样的网页设计也就失败了。再则，整个网站的整体也

39、必须保持高度的一致，每个页面的内容和样式应该保持相同，不要弄得每个网页各行其是，五花八门，这样容易使浏览者感觉网站很乱，没有一定的秩序。3. 简洁与明确人们查看网站是要寻求所要关注的信息，在设计网站的界面时，必须要考虑到这一点，所以，网站的界面一定要简洁清晰，重点突出，使浏览者在很短的时间内找到很有用的信息，提高网站的访问效率，给浏览者留下好印象。另外，网站的层次应该设计得尽量少而且清晰，如果网站的层次比较多，浏览者需要打开多个网页才能找到所用的信息，而且访问的速度非常慢，对于没有耐心的浏览者，可能就会放弃访问，因此，在这一过程中，必须考虑这一因素。4. 体现特色每个企业网站都必须有自己的特点

40、，用途，因为每个公司涉及的业务项目，主要领域，公司的文化都是形态各异的，那么这就需要设计者要充分了解所要开发的网站，让其特色在网页中充分展示出来，这样既能让浏览者快速了解网站，找到想要查找的信息，其特点和个性也会给浏览者留下深刻地印象。5. 兼顾不同的浏览器不同的访问者具有不同的浏览器爱好，所使用的浏览器也不尽相同，在设计网站的过程中，设计者不得不考虑到这些，所以，在测试时一定要在各种浏览器以及各种主流浏览器的不同版本进行测试修改，以保证网站的正常运行。6. 明确的布局设计布局是网站的路径指示系统，可指导浏览者有效地访问网站。导航系统的设计要从使用者的角度来考虑，力求做到简便、清晰和完整一致。

41、在网站的导航设计中，网站首页导航尽量展现整个网站的框架和内容；另外导航要让浏览者确切地知道自己在整个网站中的位置，可以确定下一步的浏览去向。在网站界面中，还需要进行样式控制。通过样式控制，对网站上的链接点进行标示。另外，导航条的放置也是一个值得注意的问题。3.3.2 内容、风格与布局色彩设计1. 内容 网页中的内容既要简洁清晰，又要美观大方，重点突出，考虑浏览者的兴趣爱好，使用相应的表达方式，网站页面设计要考虑主要浏览群体，这是很重要的一个因素，可以根据。2. 风格网站的风格可以体现网站的特点，整体形象给浏览者带来不同的心情，因此网站的风格一定要重视。在对网站风格设计的时候要多观察，多了解相关

42、的知识和网站的背景，设计出符合大众的风格。3. 布局 网站的布局体现了网站的秩序，不同的布局能够看出网站不同的特点。使浏览者一眼就能看清网站的各个模块。常用的网站界面布局形式有以下几种：“同”字形结构布局，“国”字形结构布局，左右对称布局，自由式布局。自由式布局打破上述三种布局的框架结构，常用于文字信息量少的时尚类和设计类网站。其优点是布局随意，外观漂亮，吸引人，缺点是显示速度慢。4. 色彩网站给人的第一印象来自视觉冲击。颜色元素在网站的感知和展示上扮演重要的角色。某个企业或个人的风格、文化和态度可以通过网站界面中的色彩混合、调整或者对照的方式体现出来。所以，确定网站的标准色彩是相当重要的一步

43、。一个网站的标准色彩不宜超过三种，否则太多则让人眼花缭乱。标准色彩主要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉。3.3.3 文本设计文本是每一个网站界面的必要内容，文本设计应遵循以下几个重要原则。（1）文本不要太多，以免转移浏览器的注意力。（2）在设计文本的过程中，也要充分考虑文字的色彩，但是还必须要明白文本与其他模块的合理搭配，让浏览者就可以清晰地分辨出来。（3）选择的字体应和整个页面融为一体；一旦已经为某些元素选择了字体，应该保证其在整个网站中应用的一致性。（4）在同一个网站中，我们可以采用不同种类的字体，这样可以使网页更加美观，但是要注意的是，对于同样的文本或者数据要用

44、同一种类型的字体，也就是要保持其一致性。3.3.4 网站应用案例根据以上网站界面设计原则，南方数码企业网站充分考虑到受众群体，以红色和白色为主要搭配色彩，突出显示南方数码企业的权威，简洁和安全可靠。网站中的字体主要采用黑体和宋体，充分显示企业的正规，给客户一种容易信任的感觉，如图3.3所示。网站的整体布局实在“同”字形布局的基础上进行的改进，更能突出本系列培训课程的特色，如图3.2所示。最终网站界面的整体效果如图3.4所示。网站首页如图3.5所示。页 头主导航主 体侧边导航页 脚图 3.2 南方数码企业网站界面结构框架 图 3.3 南方数码企业网站首页设计效果图 3.4 南方数码企业网站公司产

45、品界面效果图 3.5 南方数码企业网站在线留言界面效果4 南方数码科技企业网站的开发4.1 网站开发语言4.1.1 开发语言1. HTMLHTML超文本标记语言，它可以在不同的操作系统上运行，使网页在不同的操作系统上开发与设计成为可能。 HTML标准定义了构成语言的每一个独立元素，这些元素用于指示如何在浏览器中显示HTML文档的指令或标记符。这一标准可确保在不同浏览器和计算机平台上超文本显示的一致性。HTML语言作为一种简单的文本形式的标记语言，由客户端的浏览器对其进行解释，达到所要展示的效果。可以通过HTML里的各种标签把网页中想要表达的各种各样的信息表示出来，这些信息按照某种规则通过浏览器进行解析，然后在浏览器中显示出来，就是浏览者所说的页面。HTML语言的标记元素通常分为以下几类。（1）基本标记元素（2）图形标记元素（3）表格标记元素（4）表单标记元素表单是