《网站建设理念和基本技术》由会员分享，可在线阅读，更多相关《网站建设理念和基本技术（4页珍藏版）》请在金锄头文库上搜索。
1、浙江工业大学浙西分校信电系毕业设计(论文)网站建设理念和基本技术引言: 因特网正在飞速地改变着世界，而企业上网也是近年来企业界谈论较多的话题之一如电子商务、网上购物、网上广告、 网上超市。诸多企业、机构纷纷建立自己的Web站点，在可以充分地利用网络资源之余、更直接的目的就是能够更有效地将企业文化的建设、员工的互动往来、企业的信息资源管理网络化、电子化，最终将企业的管理理念提高到一个更高境界。有这样的机会，有这样的条件，有这样的技术，我们何乐而不为呢？下面本人结合开发中心内部网站的经验体会和一些理论知识浅谈一下网站建设的一些基本理念和基础技术。网站建设理念:网站的建设目的无非都是为了起到宣传、交
2、流、沟通的效果。而一个具有鲜明的个性且创意新颖、设计精美、结构合理的网站会为您吸引最多的眼球注意力起到不可替代的作用。而这里就主要靠网站的整体风格和创意设计。风格即是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，内容价值，存在意义等等诸多因素。这些都是网站给人们留下的不同感受。 如何树立网站风格呢？本人就网站的建设方面谈一谈自己的看法。我们可以分这样几个步骤： 第一，确信风格是建立在有价值内容之上的。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。 第二，需要彻底搞清楚自己希望站点给人的印象是什么。第三
3、，在明确自己的网站印象后，开始努力建立和加强这种印象。 之后，需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化、宣传。我这里仅提供一些参考： 1. 将标志logo,尽可能的出现在每个页面上。2. 突出标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。 3. 突出标准字体。在关键的标题，菜单，图片里使用统一的标准字体。 4. 使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。 5. 创造一个站点特有的符号或图标。如：等等。虽然很简单的一个变化，却给人与众不同的感觉。6. 风格的形成不是一次
4、定位的，需要在实践中不断强化、调整、修饰。网站建设基本技术:HTML语言: HTML（Hypertext Markup language）是构成网页最“基础的要素，而ASP、VB Script、Java Script、DHTML等技术都是建筑在HTML之上的。HTML是一种语言，但并不是“程序语言，它所定义的范畴仅局限于如何表现文字、图片、以及如何建立文件之间的链接。CSS语言：CSS是Cascading Style Sheets的缩写，是一种层叠样式表。CSS跟HTML一样也是一种标记语言，甚至很多属性都是来源于HTML。 CSS的编辑方法同HTML一样，也可以是任何文本编辑器或网页编辑软件
5、，还有专门用来编辑CSS的软件。 如果CSS语句是当成外部样式表而在HTML文件中调用，那它的扩展名存成.css就可。CSS在HTML中应用有四种方法：第一种是包含在.标记里、第二种是行间定义、第三种是外部调用样式文件、第四种是导入样式文件。假如网页使用的都是这个样式表，那么修改这个文件就修改了整个网站的外观！JavaScript语言: 脚本语言如JavaScript是一种介乎于 HTML 和诸如 JAVA 、 Visual Basic 、 C+ 等编程语言之间的一种特殊的语言，它不具有编程语言复杂、严谨的语法和规则。它是一种针对事物的脚本编程语言，是一种能让你的网页更加生动活泼的程式语言。可
6、以利用JavaScript轻易的做出亲切的欢迎信息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间。让这些特殊效果提高网页的互动性、提供亲切的服务，让网页吸引更多的人潮。网页设计技术:网页设计技术主要有静态和动态之说。网站静态页面的设计是整个网站设计的基础，它主要包括版面设计与图片美工设计，而版面设计与图片美工设计恰当与否也是一个网站设计成功与否的一个重要因素。在设计工具的选用和运用上，可以选用Dreamweaver4或其它工具作为版面设计规划的主要工具，其中主要牵涉到html、css、JavaScript等设计技术；而图片美工设计则可选用Photoshop6以及一些
7、动画制作工具如Flash、Firework、Author ware等工具来完成。为了让网页具备动态变化的能力，技术领域中便有了诸多动态网页技术。现制作动态网页的编程工具有很多，比如：ASP、PHP、JSP、PERL等等，下面以ASP技术为主简要介绍一下动态网页及相关技术的运用。一、ASP相关技术概述ASP是 Active Server Pages(动态服务器主页)的缩写，它是一个服务器端的脚本环境，它的含义从字面上说包含三方面含义： 1、Active：ASP使用了Microsoft的ActiveX技术。 2、 Server：ASP运行在服务器端。ASP的编程语言可以是VBSCRIPT和JSCR
8、IPT。然而Netscape浏览器不支持客户端的VBSCRIPT，所以最好不要在客户端使用VBSCRIPT。而在服务器端，则无需考虑浏览器的支持问题。3、Pages：ASP返回标准的HTML页面，可以正常地在常用的浏览器中显示。 以下罗列了本人在网站应用系统设计中运用ASP时所领略到的一些特点及注意事项：1. 使用 VBScript 、 JScript 等脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。2. ASP 程序是以扩展名为 .asp 的纯文本形式存在于 WEB 服务器上的，ASP 程序中可以包含纯文本、 HTML 标记以及脚本命令3. ASP 能与任何 ActiveX
9、scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。4. 可使用服务器端的脚本来产生客户端的脚本。 5. ActiveX 服务器元件具有无限可扩充性。我们可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写所需要的ActiveX 服务器元件 。 6. 客户端浏览器最好使用IE5.0及以上版本，因有些浏览器如：腾讯浏览器出现了在将ASP页面数据传送到服务器，服务器端在执行脚本时接受不到数据的
10、现象。这其中就存在客户端浏览器与服务端脚本执行环境的冲突问题。二、制作ASP的软件及其运行坏境 制作ASP的软件有很多如FrontPage 98/2000、Dreamweaver4.0、InterDev6.0，也可直接使用windows中的Notepad。其中涉及到ASP的调试方法，有如：断点调试 （可以使用ASP的 一个特别的语句如response. write 语句）、最大/最小排除法、借助专门的调试工具及有网络的各种相关信息资料等等。 而对于运行 ASP 所需的环境主要有两种情况，一种是运行在服务器上的程序，需要MicrosoftS4.0及以上版本的环境支持；另外一种是运行在单机上的程序
11、，需要Microsoft Peer Web Services 3.0（ NT Workstation）或PWS（Windows 95/98）的支持。当执行 ASP 程序时，脚本程序将一整套命令发送给脚本解释器 ( 即脚本引擎 ) ，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。ASP与WEB数据库的运用 首先确定用哪一种数据库作为储存网站数据的数据库呢？ SQL Server7.0/2000、Microsoft Access 97/2000等都可以。而实现Web数据库的访问大致可分为两类,一类是以Web服务器作为中介,把浏览器和数据源连接起来,在服务器端执行对数据库的操作：另一类是把应
12、用程序和数据库下载到客户端,在客户端执行对数据库的访问。我想详细说一下一种方法：运用ADO与ASP的结合。ADO与ASP的结合是一种完全的Web数据库访问方案，我们可用它产生和执行动态的、交互的、高性能的Web服务器应用程序。 ADO使用内置的RecordSets对象作为数据的主要接口。它可使用 VBScript、JScrip t语言来控制对数据库的访问,以及查询结果的输出显示。ADO可连接多种支持ODBC的数据库,如SQL Server、Oracle、Access等。使用ADO访问数据库的设计要领是掌握ASP脚本的几个典型语句, 它们是:1. 定义数据库组件。有两种定义方法:使用Server.CreateObject建立连接的对象。Set Conn=Server.CreateObject(ADODB.Connection)使用标记建立连接的对象。2. 用Open打开待访的数据库:Conn.Open DSN名称3. 设定SQL语句,使用Execute命令,即可开始执行访问数据库的动作:SetRS=Conn.Execute(SQL语句)其中RS为结果集对象(RecordSets)。4. 关闭记录集 RS.close Conn.close4
