版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
第1章基础知识【本章导读】
本章主要介绍了网页制作的基本知识：第一节介绍网页的基本概念和要素，在此基础上简述网页制作的一般过程；第二节介绍了关于HTML的基本知识，并以实例的形式演示了多种常用标签的使用方法；第三节主要为读者介绍在网页制作过程中涉及到包括网页编辑、图像处理、动画制作等方面的一些软件；最后一节简单讲解了Dreamweaver软件的安装过程。【本章要点】
网页的基本概念和要素
网页制作流程
HTML的基本知识
网页制作常用软件
Dreamweaver安装过程1.1基本概念1.2HTML基础1.3网页制作软件1.4Dreamweaver8初识
1.1基本概念1.1.1网页的基本概念（1）互联网互联网(Internet)是一个由各种不同类型、规模的独立运行和管理的计算机网络所组成的全球范围的计算机网络，组成Internet的计算机网络包括局域网(LAN)、城域网(MAN)以及大规模的广域网(WAN)等。这些网络通过普通电话线、高速率专用线路、卫星、微波和光缆等通讯线路把不同国家的大学、公司、科研机构以及军事和政府等组织的网络连接起来，由此，互联网也称为全球信息资源网。互联网的基础建立于20世纪70年代发展起来的计算机网络群之上，它的飞速发展，已经成为人们日常生活中非常重要的一部分，通常也把它叫做信息高速公路。（2）网页
网页是由HTML或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。网页一般可分为“静态页面”和“动态页面”。静态页面是指网页文件中没有程序，而只有HTML代码，一般以.html或者.htm为后缀名。动态网页就是指网页文件中不仅具有HTML标记，而且还含有程序代码，并通过数据库建立连接，通常以.asp、.aspx、.jsp、.php等为后缀名。（3）HTMLHTML是HypertextMarkupLanguage的缩写，中文的意思是“超文本标记语言”，用它编写的文件的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。1.1.2网页的基本要素（1）文字文字也称为文本，是网页最基本的构成要素。由于文字所表达的内容比较清楚、直接，而且占用网页版面较小、所表达的信息量较大，所以网页大多采用文字来表达内容或实现链接。网页的设计和制作者可以通过设置字体、字号、颜色、底纹等属性来改变文本的视觉效果。（2）图像图像也是网页主要的构成要素，有动态和静态之分，主要用于实现链接。与文字相比，图像更为直观、容易理解。图像可提高站点的访问率，但不能因此而在网页上加入过多的图像，这样会适得其反。一方面是由于图像占网页空间较大，使网页信息量相对减少；另一方面由于图像较多，使网页显示的速度降低，导致用户浏览网页花费的时间较长。目前，Web图像的文件标准格式是JPG、GIF和PNG，对颜色具有平滑渐变的图像使用JPG格式，如大多数照片；对于以单一颜色为主的图像，使用GIF格式。（3）多媒体多媒体(Multimedia)就是指各种各样的信息载体在计算机中的应用，是一种文字、声音、图像、动画和视频影像成分的交互组合。网页中的多媒体主要指采用音频和视频功能的软、硬件技术，包括数字音响、全动态图像、超媒体链接等，主要是实现对声音、图像具有编辑处理的功能，即网页上提供的音频和视频下载及播放功能，包括Flash动画、声音与影片文件的播放。这些必须通过网络媒体播放器来实现，如常用的WindowsMediaPlayer和RealonePlayer等播放器。（4）超链接超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。按照链接路径的不同，网页中超链接一般分为以下3种类型：内部链接、锚点链接和外部链接。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等。（5）交互功能交互功能，即网上提供的聊天、论坛、留言本、邮件发送及接收的互动功能。这也是互联网的一大优势所在，它给人们提供了一个快捷交流的平台，为人们的生活带来了许多便利。（6）导航栏导航栏是用户在规划好站点结构，开始设计主页时必须考虑的一项内容。导航栏的作用就是引导浏览者游历站点。导航栏实质上就是一组超级链接，这组链接的目标就是本站点的主页和其他重要的网页。在制作站点中的诸网页时，可以在站点的每一个页面上都显示导航栏，这样就便于浏览者可以快速地转向其他网页。（7）其他常见元素网页中除了以上几种常见的元素以外，还有其他一些常用的元素，例如：悬停按钮、Java特效、ActiveX等各种特效。它们不仅可以点缀网页，使网页更加生动有趣，而且在网上娱乐、电子商务等方面也有着不可忽视的作用。1.1.3网页制作一般过程（1）确定站点的主题首先要确定在网页中提供的信息内容，即站点的主题，应选择自己较擅长的内容或关心的领域。确定了站点内容以后，为了制作别具一格的网页，可以利用搜索引擎寻求相关的网站进行参考，并最终确定网页中的菜单样式和服务项目。（2）收集相关内容和信息确定好网页内容以后，就要开始收集相关的网页素材。素材既可以从互联网上搜集，也可以从图书、报纸、光盘、多媒体上得来，然后对搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。（3）设计网页版面收集好所需的相关素材以后，就要开始设计网页的结构。在进入实际的操作之前，有必要先勾画出要制作的网页版式和结构草图，把构成网页的主页面、子页面等制成顺序表，并记录颜色、菜单样式、使用方法等。（4）整理文本和图片等素材设计好网页版式后，就应该准备并整理网页中的文本和图片等元素。可以将网页中要用到的内容保存为文本文件，利用Photoshop图像编辑软件来处理前面收集到的图片素材或制作新的图片，如菜单图标、标题图片、背景图片等网页元素。如果在网页中应用了动画效果，那么可以利用Flash软件制作所需的文件。（5）利用网页编辑软件制作HTML文档如果在第四阶段已经准备了所有需要的元素，下一步就可以利用Dreamweaver8等网页编辑软件制作HTML文档了。首先利用表格和框架制作网页文档版面，然后从文本文件中复制所需的文本，设置文字的颜色和字体，再把在Photoshop中制作的图片插入到适当的位置，之后可以设置链接、应用行为等。（6）检查测试网站后上传到服务器制作完网页后，应利用预览功能检查网页效果和链接等是否正确。最后将网页上传到服务器中去。（7）推广宣传网页做好之后，还要不断地进行宣传，这样才能让更多的浏览者认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链接等。（8）维护更新网站要注意经常维护更新内容，保持内容的新鲜，只有不断地给网站补充新的内容，才能够吸引住浏览者。返回1.2HTML基础1.2.1HTML语言初识
HTML语言是一种用来制作超文本文档的简单标记语言。严格地说，它不是一种真正的编程语言，只是一种标记符。用HTML编写的超文本文档称为HTML文档，它能够独立于各种操作系统的平台上(如UNIX、Windows等)。自1990年以来，HTML就一直被用做WWW上的信息描述语言，用于描述网页的格式设计及它与WWW上其他网页的链接信息。由于HTML语言简单易学，所以到目前为止，在WWW上面大多数代码都是用HTML来设计的。1.2.2HTML语法规则
HTML的语法规则表达方式有以下3种：（1）<标记>对象</标记>
该标记为封闭标记形式，在多数情况下标记是封闭型的，并且成对出现，即在对象内容的前面是一个标记，在对象内容的后面是另一标记，第二个标记元素前带有反斜线，表明对对象控制的结束标记。（2）<标记属性1=参数1属性2=参数2…>对象</标记>
该标记为封闭类型标记的扩展形式，利用属性可以设置对象某方面的内容，而参数则是设置的结果。（3）<标记>
该标记为非封闭类型标记，在HTML语言中，非封闭类型很少，常用的是换行标记<br>。此外，标记之间可以相互嵌套，形成更为复杂的语法。1.2.3HTML文件的基本结构
一个HTML文件可由下列3部分组成：（1）标记：①单一标记：只要一个标记就能完成所要表示的功能，如<hr>可以显示一条水平的分隔线；②成对标记：需要两个标记组合才能完成所需功能，如<title>及</title>、<html>及</html>。（2）文字与图形资料：文字与图形是指提供给浏览信息的人阅读的内容，而WWW显示的图形都是以个别的文件存在的。若要显示图形，必须使用特殊的标记指向图形文件。
（3）统一的资源定位器URL：URL是WWW上文件的参照格式，浏览者在浏览器的地址处输入URL格式的内容，就可取得所指的主机的主页。
HTML文件一般以<html>开头，以</html>结尾；它包括头部<head>和主体<body>，其基本结构形式为：
<html><head><title>网页标题</title></head><body>网页内容</body></html>1.2.4HTML常用标签1.HTML标记符
HTML文件标记符仅由一个html元素组成，即文件的开始<html>和文件的结尾</html>。文件的其他部分都是html的元素体。<html></html>这一组标记符是告知浏览器，它是一份HTML文件，即是一个网页的格式。通常，<html></html>这一组标记符都出现在网页开始和结束的地方，将所有的源代码都包起来。它是HTML文档里最基本的一个标记。下面来看一个比较完整的例子：
<html><head><title>网页制作教学</title><meta></head><body>
正文部分
</body></html>2.文件头标记符文件头标记符Meta，也就是通常见到的Meta标记符，Meta标记符在网页中是看不到的，因为它包含在HTML语言的“<head>…</head>”标记符之间，而人们通常所见到的网页内容是在“<body>…</body>”之间。Meta是文件头标记符中常用的一个标记符，说明与网页有关的信息，如创作工具、文件作者等。这些标记符可以为服务器提供参考信息，如发布日期，刷新设置等。Meta主要是针对网络中的搜索引擎建立的，它的信息被搜索引擎猎取并被提取所需要的内容。在Meta中常用的属性有：name、Http-equiv和content。name给出特性名，content给出特性值，告知网页使用的是HTML语言，应用GB2312字符集，Http-equiv属性指定HTTP响应名称，通常用于替换name，HTTP服务器使用该属性值为HTTP响应消息头收集信息。在网页文档里单击“显示代码视图”，可以看到Meta标记符，并可以在属性对话框里对Meta标记符进行查看和修改，如图1-1和图1-2所示。图1-1图1-23.文件标题标记符
文件标题(title)元素是文件头里惟一一个必须出现的元素，它也只能出现在文件头里。它的格式如下：<title>标题</title>
标题表示该HTML文件的名称，是对文件的概述。标题对于一个文件来说是非常重要的，用户可以从一个好的标题中判断出该文件大概的内容。不过文件的标题一般不会显示在文档窗口中，而以窗口的名称显示出来。对于标题来说，虽然它的长度没有受到限制，但一般应使它在64个字符以内。下面是一个最简单的HTML文件。
<html><head><title>简单的文档测试页</title></head><body>
大家好！
</body></html>显示如图1-3所示。图1-34.文件体标记符文件体标记符body由<body>开始，以</body>结束，它的中间是网页文档的正文部分。用户在网页中进行背景颜色或者字体、图片等设定，都要放在<body>这个标记符里。5.标题标记符标题标记符hn用于显示HTML文件的各级标题，格式如：<hn>标题内容</hn>。其中n为1～6的数字，数字越大，字越小。也就是说(h1)最大，(h6)最小。标题内容一般用黑体字显示，各行之间自动换行。在制作网页时，(h4)一般用做文本正文，而(h6)字体由于太小，一般用得很少。6.字体和段落标记符（1）网页中字号大小设定标记符网页中字号大小设置的语法是：<fontsize=数字>文字内容</font>。字号大小一共有7种，<fontsize=1>对应字号最小，<fontsize=7>对应字号最大。另外，还有一种写法：<fontsize=+1>文字内容</font>，其意思就是说：比预设字大一级。当然也可以fontsize=+2(比预设字大二级)，或是fontsize=-1(比预设字小一级)，以一般而言，预设字体多为3。（2）文字的字形设定标记符字形设定主要是指文字的字形，比如说宋体、楷体等，它们在网上使用十分广泛，惟一的一个限制是：浏览者的计算机里也要有该字形！否则看到的仍然是宋体。另外要说明的是，这个标记符无法保证在每个浏览器上都能正常地显现，如果看不到特殊的字形时，浏览器将会以宋体来显示。7.图像标记符在HTML里，一般用<imgsrc=””width=””height=””align=””>来表示插入的图像。在这里，img表示图像的标记符，而属性src后面的引号中表示图像路径及文件名，width表示图像的宽度，height表示图像的高度，align为图像的对齐方式。一般使用的图像格式有两种，gif和jpeg，二者的加载方法一样。在使用图像标记符时有两件事值得注意：一是文件名，二是路径。如果文件名和路径不正确，在网页中的图像是无法显示的，如图1-4所示。8.表格标记符在HTML里，一个表格由<table>开始，由</table>结束，在表格里的属性中，<tr>表示表格的行，<td>表示单元格组成。此外还可以设置表格的表宽“width=#”和表高“height=#”，#表示是以像素为单位的整数。边框宽度“border＝#”，#为宽度值，单位是像素。表格间距即划分表格的线的粗细用“cellspacing=#”来表示，表格颜色用“bgcolor=#”来表示，#是十六进制的6位数，格式为“rrggbb”，表示红、绿、蓝三色的分量。表格的合并在<td>中使用rowspan或colspan。一个简单的例子如图1-5所示。在Dreamweaver8里，选择“显示代码视图和设计视图”，就可以看到表格以及它的代码显示。9.框架标记符使用框架可以将浏览器分成多个区域，每个区域都是相对独立并可以显示的HTML文件。它的基本结构如下：<html><head><title></title></head><noframe></noframe><frameset></frameset><framesrc=“”></frameset><html>框架的标记符为<frameset>，它表示一个框架组，它可以将框架分为横的部分和竖的部分。比如横向分框用<framesetcoles=#>来设定，纵向分框用<framesetrows=#>来设定，要分割几个框架，就一定会有几个相对应的html文档。而<frame>表示单个的框架。此外，需要注意的是，有的浏览器版本较低，无法显示frame的功能，因此可以使用标记符<noframe></noframe>来显示在不支持框架的浏览器窗口中的内容，方便用户阅读网页。1.3.2图像处理软件
做网页需要有一定的平面设计基础，如果设计者只会写程序，没有一定的界面设计功底，即便你的程序编写得再好，没有美观的界面为依托，还是没有人愿意来看你的网页。在网页制作过程中常用的图像处理软件有：Photoshop：网页设计者必须精通的一个图形处理工具。Imageready：在用Photoshop将界面设计完成后，切换到Imageready进行界面分割处理，快速完成由图到网页的过渡。ACDSee：目前最流行的数字图像处理软件，广泛应用于图片的获取、管理、浏览、优化。Fireworks：制作网页的高级辅助工具，可以进行动画的制作，图像优化，热点、切片和轮替按钮，文件的导入和导出，无需学习代码即可创建出具有专业品质的网页图形和动画。1.3.3动画制作软件网页的动画一般分为两种，即GIF动画和Flash动画。这两种动画都可以通过Flash软件来完成，此外，GIF动画和Flash文字动画还有一些专门工具可供使用，这些工具对于想做出好的动画，又不能熟练使用Flash的制作者提供了极大的方便。下面就一些常用的工具简要的做一些介绍。FlashMX2004\Flash8.0：Flash是交互式矢量图和Web动画的标准，网页设计者使用Flash能创建漂亮的、可改变尺寸的动画，可以创建极其紧密的导航界面、技术说明以及其他奇特的效果。Swish2.0：在此工具中做好文字动画后可以导出为.swf格式的文件，再导入到Flash中进行进一步的处理，让Flash更生动，更炫目多彩。UleadGIFAnimator5.05：友立公司开发的动画制作软件，内建的Plugin有许多现成的特效可以立即套用，可将AVI文件转换成GIF文件，而且还能将动画GIF图片最佳化，能将放在网页上的GIF动画减肥，以便让人能够更快速的浏览网页。硕思闪客之锤：是一款具有专业水准的动画制作工具。它支持图形设计、运动动画、引导线、遮罩效果、流声音和事件声音、帧标记、设计电影剪辑、按钮等符号。硕思闪客精灵：支持将SWF文件导出成FLA文件，帮助丢失FLA文件的影片作者重新获得FLA文件，从而可以再编辑。文字动画特效制作SwishZone：特效中有许多细节结合使用能得到非常炫的效果，直接预览、能直接导出为SWF文档格式。GIF动画制作GIFMovieGear3.0：GIF动画制作软件，几乎有需要制作GIF动画的编辑功能它都有，无需再用其他的图形软件辅助。1.3.4辅助软件在制作网页过程中，有时需要做一些特殊的处理，这时就需要一些小的工具软件来帮忙，这样既省时又省力，就像一些特效Java代码，没必要一行一行来写，再加上调试浪费不少精力。下面简单介绍几个常用的小工具软件：网页小秘书：有屏幕取色、IE滚动条、文本转换、颜色搭配等设置。网页魔法菜单：可以轻松地制作多种意想不到的下拉菜单效果，比较实用。网页减肥茶：可以将网页文件成批，最大可达50%，压缩后直接读取，与压缩前完全一样。该软件还有还原功能，可以放心使用，可以助设计者一臂之力。批量改网页的内容替换工具：主要功能是替换文本文件的内容，可多行替换和成批文件替换。网页特效大师：一个可以自动生成网页特效的软件，收集了包括时间特效、文字特效、图形图像处理、鼠标特效、页面特效、小甜饼、在线游戏、其他特效在内的8类共62个特效。返回1.4Dreamweaver8初识1.4.1Dreamweaver8简介Dreamweaver与Flash、Fireworks都是Macromedia公司开发的产品，并被合称为“网页设计三剑客”。Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同时也兼顾了HTML源代码编辑，可以让用户在两种模式之间切换。Dreamweaver8是建立Web站点和应用程序的专业工具，它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，功能强大，使得各个层次的开发、设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS设计的领先支持到手工编码功能，Dreamweaver8提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用Dreamweaver8及所选择的服务器技术来创建功能强大的Internet应用程序，从而使用户能连接到数据库、Web服务和旧式系统。1.4.2Dreamweaver8的安装和运行（1）启动计算机，将Dreamweaver8的安装光盘放入CD-COM驱动器，系统会自动运行Dreamweaver8的安装程序，双击安装程序，弹出如图1-6所示的解压缩界面。2）解压完毕后，Dreamweaver8的安装程序会自动弹出一个安装向导窗口，如图1-7所示。（3）单击“下一步”按钮，出现Dreamweaver8的授权协议窗口，在这里只要选择“我接受该许可证协议中的条款”并单击“下一步”按钮即可，如图1-8所示。（4）此时，安装向导会弹出一个安装路径的窗口，如图1-9所示，如果用户需要自定义安装路径，可以单击“更改”按钮，并通过弹出的路径选择框来选择目标路径，修改好安装路径后单击“下一步”按钮。（5）单击“下一步”按钮后，安装向导将弹出一个Dreamweaver8默认编辑文件类型的窗口，如图1-10所示。如果用户不准备在Dreamweaver8中编辑该窗口内的某个文件类型时，取消相应选框中的勾即可。设置完毕后单击“下一步”按钮。（6）设置完毕后，安装程序将显示一个通知用户有关上述设置内容的窗口，如果满意的话，单击“安装”按钮，开始安装，如图1-11所示。（7）安装完毕后，向导会弹出安装完毕的提示对话框。如图1-12所示（8）在安装完Dreamweaver8之后，会在“开始”菜单自动创建程序组，执行“开始菜单》所有程序》Macromedia》MacromediaDreamweaver8”命令，即可启动Dreamweaver8，如图1-13和1-14所示。1.4.3Dreamweaver8的工作环境要想熟练使用Dreamweaver8，就必须先了解Dreamweaver8的工作环境。1.工作区Dreamweaver8为采用不同设计方式制作网站的用户设计了不同的工作环境。用户第一次启动Dreamweaver8时，会弹出“工作区设置”对话框，如图1-15所示，用户可以根据自己的需要选择工作区的布局，在这里“工作区设置”对话框中选中“设计者”单选按钮，这种工作区模式最适合初学者学习使用。2.工作界面Dreamweaver8的工作界面如图1-16所示。工作界面的功能说明如表1-4所示。代号名称功能（1）标题栏显示当前文档的标题和文件名（2）菜单栏由Dreamweaver8的菜单命令构成，汇集了各种功能的菜单（3）工具栏以图标形式汇集了Dreamweaver的常用工具（4）文档窗口文档窗口的内容与浏览器中的画面内容相同（5）设计区域在设计区域中可以观察正在设计的网页（6）属性面板可以设置文档窗口内元素的各种属性（7）面板组包括“CSS样式”、“应用程序”、“标签检查器”、“文件”面板（8）面板开关可以一次性隐藏或显示不必要的面板本章小结
本章介绍了网页制作的基础知识，让读者初步了解网页制作的过程，所需要的各种制作工具等，这些理论的知识将会在随后的实际制作过程中得到进一步的应用。第2章电子商务网站建设总体规划【本章导读】
本章主要介绍了电子商务网站建设的规划问题：第一节首先介绍使用那些方法对网站进行合理的需求分析；第二节从主题和功能两个方面对网站的定位进行深入的探讨；第三节主要介绍网站的内容规划，包括网站的总体结构设计和常用功能模块；最后两节分别从网站建设所涉及的技术支持和进度规划等进行介绍。【本章要点】需求分析基本内容及方法主题、功能定位结构设计、模块设计网络平台、服务支撑体系数据库设计、网站安全网站建设进度规划2.1需求分析2.2网站定位2.3网站内容规划2.4网站建设的技术解决方案
2.5资源和进度规划本章小结2.1需求分析2.1.1需求分析基本概念网站建设的需求分析是网站建设的第一阶段，其总的目的是根据调查分析，明确建设电子商务网站的目的与内容，使网站建设能根据企业经济等实力，并满足企业真实需求和客户需求，以提高企业市场竞争率和经济效益。2.1.2需求分析基本内容及方法
网站需求分析的内容主要包括企业需求调查、目标客户调查与分析、竞争对手调查分析、市场定位分析、可行性分析、收益分析、风险分析。1.企业需求调查企业需求调查的目的是充分了解用户需求、业务内容和业务流程，是下一步进行需求分析的前提条件。需求调查方法如下：（1）了解企业：通过调查和直接咨询企业负责人、查看宣传画册等手段，对企业的基本情况和管理手段等有进一步的了解；（2）了解企业网站需求：通过对企业和部门等负责人等的沟通，了解企业对网站建设的需求（需要达到的效果与目的）。2.目标客户分析（1）目的：调查与分析目标客户，了解网站可能的服务对象和他们的需求，规划与设计符合目标客户群的商务网站，为他们提供所需的产品和服务，以及满足他们的兴趣和爱好，这样的商业网站才能满足客户的需求，成功的可能性就高；（2）分析内容：个体客户：考虑老客户是否喜欢新技术和经常上网，及他们受教育的程度与未来购买倾向；分析目前大多数网民网上购物倾向、未来发展的趋势与本企业产品的接近程度。网民对待上网的态度、付款方式、送货方式的选择对网络销售有较大的影响（货到付款、EMS为主）。公司客户：了解原公司客户上网情况、业务流程与网络结合程度、对网上交易的主要需求、所处的商业环境、公司员工的业务素质与文化程度、对新技术的接受能力等。目前大多数上网公司的目的、所处的行业状况、区域分布、这些公司客户需求与本企业可能提供的产品和服务是否接近；（3）方法：分析原有客户资料与中国互联网信息中心（CNNIC）所做的统计报告进行比较，了解原有客户上网及网上购物的可能性；定期跟踪分析CNNIC统计报告，了解网民变化情况和网上购物的发展趋势；通过专门的咨询公司或者自己进行实地调查研究；利用ISP或有影响的行业网站进行网上调查研究；（4）注意：对网上目标客户进行分析，不仅要找出表面的、内在的、具有可塑性的各种需求，而且要挖掘出客户在需求信息方面的各种需求。在借用传统经营分析方法对网上目标客户的分析的同时，必须充分考虑电子商务在贸易区域和贸易行为的不确定性，不断研究在支付和配送可实现的情况下，培养自己的目标客户。目标客户分析是一项长期的工作。网站建设后，需不断跟踪与了解本企业满足客户需求的反馈情况，分析研究客户新需求，以便修正与完善企业网站的结构与功能。3.竞争对手的调查分析（1）目的：了解原先的竞争对手是否上网，洞察网上已经开展了业务的竞争对手情况，分析现有和潜在的竞争对手的优势和劣势，研究竞争对手网站运行和电子商务运作的效果，以便制定自己的发展战略、网站设计方案和战胜竞争对手的方法。（2）主要内容：A.确认网上的竞争对手①选择竞争对手的二个标准：行业标准：从一群提供一种或者一类彼此类似或密切相关的产品的企业中寻找；市场标准：从一些力图满足相同顾客群需求或者服务于同一顾客群的企业中寻找。②寻找竞争对手的三种方法：直接将原来竞争对手的公司名称或主导产品名称作为主要域名进行模糊查找；利用搜索引擎从分类或者关键词入手进行查找；利用行业协会网站的链接进行查找。B.了解竞争对手电子商务战略和所开展的主要网上业务。C.研究竞争对手网站的设计构架与运行效果。（功能、信息结构、设计风格、提供的产品和服务特色等）4.网站构建的市场定位分析（1）目的意义市场定位：是在目标客户的心目中为本企业和产品及服务创造一定的特色，赋予一定的形象，以满足与适应客户一定的需求与偏好。市场定位分析：是以目标客户分析和竞争对手分析为基础，寻求企业竞争优势的分析方法。（2）网络环境下的企业竞争优势取决于：同等条件下能否比竞争对手定出更低的价格；能否提供有别于竞争对手的特色产品或服务；电子商务模式与流程的设计特色、网站使用的便利性、网站功能的完善性、网站风格的可接受性、网站信息发布与管理的效率、网站推广途径等因素。（3）内容：竞争性分析。目的：确定企业的竞争优势。包括分析同类商品市场最大容量和在网上可以推广销售的程度；了解竞争对手的势力和地位，比较本企业的商品所占的分量与地位；研究消费者对各个企业所提供的商品与服务特色所能接受的程度，找出自己的竞争优势或劣势，选择本企业的市场定位。主要竞争对手网站内容结构与运行效果分析。目的：确定本企业网站架构。（内容结构、系统功能、运行效果、硬件换代和网页翻新周期，网站成功的关键因素）新产品市场开拓分析。目的：确定企业未来发展方向，从中探讨本企业网站的市场定位是否合理及发展趋势。（4）方法：问卷调查法、空缺分析法、多向量分析法、优势对比法、网上链接统计分析法。5.可行性分析（1）主要内容及内涵技术可行性分析：主要是指构建与运行电子商务网站所必须的硬件、软件及相关技术对电子商务业务流程的支撑分析。经济可行性分析：是指构建与运行网站的投入与产出效益分析。组织人员可行性分析：是指保证网站构建与运行所需要的人力资源以及组织设计和管理制度的分析。（2）技术可行性分析可选择的电子商务技术：EDI技术、条形码技术、电子邮件、WWW技术、数据仓库和数据挖掘技术、电子表格技术。技术可行性分析内容：与企业原有技术或者系统衔接程度的分析（技术选择要与原有系统相衔接）；技术的选择与利用对于网站功能实现的支持分析（要按网站功能选择相关技术与实施）。（3）经济可行性分析（成本构成与测算）构建成本的测算包括软件成本和硬件成本。软件成本的测算是最难确定的，对于软件成本测算可建立在过去项目成本情况进行分析的基础上，软件成本测算可分二步走：①测算软件规模和程序量；②利用有关经验参数模型测算出该规模软件成本；也可用专家判定法测算。软件成本估算方法：①参照类似的已经完成的项目估算，将大的项目分解，估算各个子系统的开发成本和工作量，再汇总；②将软件按网站建设的生命周期分解，分别估算软件开发在各阶段的工作量和成本，最后汇总；③根据实验或历史数据给出软件开发工作量或成本的经验估算公式。6.网站的收益分析（1）直接收益：通过在线销售网上信息或服务而获取。来源：①网站信息收益。包括游览查询信息收费（数据查询、资料软件下载、娱乐欣赏收费等）；②宣传推介性信息收益（广告收入、收费的企业宣传、网上中介信息收费等）；③网站功能的收益。包括独立性功能收益（信息加工、处理、分析等收入）、专门性功能收益（金融、证券等）。（2）间接收益：网站通过相关业务而获取的收益（网上采购、推销、业务推广等）。（3）品牌收益：知名度、点击率等。7.风险分析（1）必要性：如果企业的大部分业务通过网上完成，企业电子商务网站的风险分析就有必要。（2）风险分析方法技术风险分析：分析的企业商务网站外在的危险，包括黑客破坏、计算机病毒、计算机故障等。可根据严重性计算网络服务失效带来的损失，以便网站设计者在设计阶段考虑预防和补救。商业风险分析：是使用电子商务网站后，由于网站与企业商务需求存在偏差等因素，造成使用电子商务网站反而降低生产力和生产效率的情况。2.2网站定位2.2.1主题定位1.主题要小而精定位要小，内容要精。如果要想制作一个包罗万象的站点，把所有精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为制作者不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。而最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果需要买某方面的东西，肯定会选择专买店。2.题材最好是自己擅长或者喜爱的内容。比如：您擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，就很难设计制作出优秀的作品。3.要有创新尽量不要做那些与别人完全雷同的主题，可以参考别人的主题，然后加入自己的创新。有了好的网站主题还要给网站起一个合适的名字，网站的名称应该与主题相关联，最好能在一定程度上体现企业的文化，这样的名称就会在以后的站点推广和网站形象上提供便利。一般情况下网站名称的选择要遵循以下的原则：（1）易记：名称尽量短小容易记忆，不宜太长；（2）合法健康：不能使用反动的、色情的、迷信的及违反国家法律法规的词汇作为网站的名称；（3）要有特色：名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。总之，定位题材和名称是设计一个网站的第一步，也是很重要的一部分。如果能找到一个满意的名称，花再多的时间也是值得的。2.2.2功能定位
1.企业网站应充分展示企业的经营理念、产品或服务特色企业网站是企业根据自身经营的需要建立起来的，因此首先应当适应企业经营的需要，为企业的经营和营销服务。企业网站应充分展示企业主营业务的特色和优势，通过文字、图案、颜色甚至声音等媒介，让用户能在最短的时间内抓住企业所要传递给目标消费者的核心思想，而不是让人陷入一个“迷茫的海洋”甚至产生错觉。
2.处理好信息服务与销售的关系企业网站的定位并不意味着一定要实现在线销售网络和电子商务，其最大优势在于信息的传递，而在线销售尚有支付手段、信用体系、安全立法、物流配送等诸多环境因素的制约。在企业网站上提供丰富的相关产品信息、专业知识介绍和售前售后服务通过开展网上营销活动，促进网下销售额的增长，这是大多数成功网站的共同特点。
3.处理好商务与技术的关系
技术本身不是目的，任何技术都是为商务目的来服务的，技术的价值只有通过商务才能实现，只有当它促进商务目标实现的时候才有价值。商务功能定位准确的网站并不是越美观越华丽就好，技术也并不是越新就越好。网页是静态的好还是动态的好，要不要使用数据库技术，这应当根据网站建设所处的阶段以及企业的规模与业务量的大小来确定。不能为了炫耀技术而牺牲网页下载的速度，不能不顾企业信息化水平和员工素质的现状而盲目追求高新技术，不能不顾产品不适合在网上销售的特点，以及该行业互联网觉醒度还比较低，开展网络交易相关的支付安全、信用等问题还比较突出的特点，一味追求网上销售的实现，这样只能事倍功半甚至适得其反。网络和网站技术只是实现企业经营目标的一种工具，只是企业开展经营和营销的手段和媒体。技术只有和商务，特别是企业的主营业务，有机结合从而促进商务活动的开展时，才能创造价值并带来效益。否则，极有可能沦为可有可无的摆设，甚至成为妨碍企业发展的陷阱和吞噬资金的黑洞。4.网站应最大限度地满足顾客需求因为企业的商务目标需要通过满足消费者的需求才能实现，所以企业网站不仅要适合自身特点，还应最大限度地满足顾客需求。2.3网站内容规划2.3.1总体结构设计一个优秀的网站在目录结构的建立方面一般遵循以下几个原则：（1）按栏目内容建立子目录：首先按主菜单栏目建立子目录；其他的次要栏目，如果需要经常更新的可以建立独立的子目录；而一些相关性强、不需要经常更新的栏目，可以合并放在一个统一目录下；所有程序一般都存放在特定目录。（2）在每个主栏目目录下都建立独立的images目录：为每个主栏目建立一个独立的images目录是最方便管理的；而根目录下的images目录只是用来放首页和一些次要栏目的图片。（3）目录的层次不要太深：目录的层次建议不要超过3层，维护管理方便。（4）不使用中文目录和名字过长的目录。网站的链接结构有两种基本形式：（1）树状链接结构：类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会“迷路”。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。（2）星状链接结构：类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，摘不清自己在什么位置，看了多少内容。2.3.2模块设计（1）新闻管理模块新闻管理模块是将网站中的某些需要经常变动的栏目和信息，类似新闻、产品和业界动态等集中管理，并通过信息的某些共性进行分类，最后系统化、标准化发布到网站上的网站应用程序，它是各类网站必备的功能模块之一。（2）产品管理模块产品管理模块实际上是一套基于数据库的即时发布系统，可用于各类产品的实时发布，前台用户可通过页面浏览查询，后台管理可以分类，发布产品型号、价格、简介、样图、相关下载文档等多类信息。特别是在产品发布量很大、更新频繁的时候。管理员使用产品发布管理系统，能方便快捷添加、修改、删除产品信息。同时该系统还可以与网上购物模块相结合实现企业的网上购物商城。
（3）会员注册/管理模块此模块能够把客户资源有效的管理起来。通过网站会员管理模块，可以收集完整的会员资料，对会员进行管理，根据会员的等级给予不同的权限，并为会员提供与您的产品或服务相关的具体功能。
（4）网上购物模块购物系统主要是网上购物的模拟实现，可以在线查看商品，进行在线购物，在线订单处理、在线结帐。结账的方式可能是在线实现银行卡付账，也可能是货到付款速递的方式，根据不同公司考虑不同情况。（5）留言反馈模块留言反馈模块用来收集浏览网站的客户的一些意见或建议。在网络用户交流中有很大的作用，别人可以将他的资料和要求等保留在一个页面上，以供其他人观看。客户反馈及留言系统可以提供完备的信息反馈和发布功能，有助于客户收集网站的反馈信息，是客户通过网络收集信息的有力工具。（6）在线调查模块对客户进行调查是企业实施市场策略的重要手段之一。通过开展行业问卷调查，可以迅速了解社会不同层次、不同行业的人员需求，客观地收集需求信息，调整修正产品策略营销策略，满足不同的需求。可以在网站上进行不同方面的调查，例如针对某种主要产品、政策、企业行为等，进行网上投票，答案一般设为几种（是、不是、其他或同意、不同意、其他等，可自由定制），让决策者们迅速广泛地了解到市场意见或支持率，以便及时调整政策。（7）信息检索模块站内信息检索系统贯穿于整个网站，它有利于网站的浏览者按照自己喜欢的查找方式(如按：栏目、标题、内容、分类、日期等)，在庞大的信息库中最快捷的找到自己想要的资源；它既可以实现按照分类、关键词等进行查询，也可以实现基于全文内容的全文检索或者对任意字段的复杂组合检索；支持中英文混合检索；支持智能化模糊检索等。2.4网站建设的技术解决方案2.4.1网络平台选择 电子商务网站并不是一个孤立的内部系统，它必须介入互联网才能正常的工作，目前主要的互联网接入方式一般有：专线接入、服务器托管、虚拟主机等几种。 （1）专线接入是指通过专门的线路接到Internet，按连接线路的方式分为：DDN专线、帧中继以及光纤等形式。专线接入的优点是：服务器位于自己企业中，维护方便，并且还可以构建电子邮件服务器、Web和FTP服务器以及代理服务器等，缺点是价格昂贵。 （2）服务器托管是指讲服务器放置到提供托管服务的网络公司，让其代为管理，这种方式收费较专线接入大大降低，只是需要对系统进行远程维护，技术难度较大。 （3）虚拟主机是指租用一些ISP商家的网络宽带和硬盘空间，这种方式不用购买专门的服务器，但由于没有对服务器的自主权，所以受限制也就特别多，例如远程管理和软件安装等方面的限制。2.4.2服务支撑体系电子商务支撑环境包括电子认证、在线支付、现代物流、信用服务和标准规范体系，是网络化经济活动的基础，它的建立需要国家和各行业的共同努力才可以实现。电子认证方面，重点是电子证书的安全、推广应用及相互认证问题。在线支付方面，重点是在线支付业务的规范化、标准化，发展第三方在线支付服务，实现与银行的业务协同。现代物流方面，重点是建设围绕信息发布、服务交易、过程优化与跟踪等物流服务，支持建设物流公共信息服务平台。信用服务方面，重点发展在线信用信息服务，探索政府相关部门、各类市场主体相互间信用信息资源共享机制的实现方式。标准规范方面，重点研究制定产品和服务编码、电子单证、信息交换、业务流程等电子商务关键技术标准和规范，参与国际标准制修订工作，完善电子商务国家标准体系。2.4.3数据库设计数据库设计是指对于一个给定的应用环境，构造最优的数据库模式，建立数据库及其应用系统，使之能够有效地存储数据，满足用户的应用需求，包括信息管理要求和数据操作要求。对于电子商务网站，数据库的设计一般包括4个阶段：（1）用户需求分析：对现实世界的调查分析。（2）概念结构设计：从现实世界向信息世界的转换，根据用户需求来进行数据库建模，也成为概念模型。（3）逻辑结构设计：从信息世界向数据世界的转换，将概念模型转换为某种数据库管理系统支持的数据模型。（4）物理结构设计：为数据模型选择合适的存储结构和存储方法，具体过程如图2-1所示。2.4.4网站安全设计一、WEB服务器安全问题及对策电子商务网站建设中首要的问题是网站WEB服务器的使用，通常情况下，开展电子商务的企业会采用自建服务器方案来完成电子商务的各项功能，因此为了电子商务网站的特殊需要企业会自己租用通信专线，架设WEB服务器。1.WEB服务器上的漏洞可以从以下几方面考虑：（1）在WEB服务器上不让他人访问的秘密文件、目录或重要数据；（2）从远程用户向服务器发送信息时，特别是信用卡之类东西时，中途遭不法分子非法拦截；（3）WEB服务器本身存在一些漏洞使得一些人能侵入到主机系统，破坏一些重要的数据，甚至造成系统瘫痪；（4）WEB服务器的一些扩展组件存在漏洞，可能导致网络安全和信息泄漏。因此，不管是配置服务器，还是在编写网站程序时都要注意系统的安全性。尽量堵住任何存在的漏洞，创造安全的环境。2.WEB服务器安全预防措施：（1）对WEB服务软件经常进行升级，安装相应的安全补丁，可以最大限度的堵住系统漏洞。（2）限制在WEB服务器开账户，在口令长度及定期更改方面做出要求，防止被盗用，定期删除一些断进程的用户。（3）尽量去掉无用的WEB组件，防止被他人非法利用。（4）尽量使FTPMAIL等服务器与之分开，去掉ftp.sendmail、tftp.NIS、NFS.finger、netstat等一些无关的应用。（5）在WEB服务器上去掉一些绝对不用的如SHELL之类的解释器，即当在你的CGI的程序中没用到PERL时就尽量把PERL在系统解释器中删除掉。（6）定期查看服务器中的日志logs文件，分析一切可疑事件。（7）设置好WEB服务器上系统文件的权限和属性，对可让他人访问的文档分配一个公用的组，如www，并只分配它只读的权利。把所有的HTML文件归属www组，由WEB管理员管理www组。对于WEB的配置文件仅对WEB管理员有写的权利。（8）有些WEB服务器把web的文档目录与FTP目录指在同一目录时，应该注意不要把FTP的目录与CGI-BIN指定在一个目录之下。这样是为了防止一些用户通过FTP上载一些如PERL或SH之类程序，并用WEB的CGIBIN去执行，造成不良后果。（9）通过限制许可访问用户JP或DNS。（10）通过杀毒软件和防火墙保证服务器安全。二、网站程序安全问题及对策电子商务网站程序的安全是许多企业忽视的问题，也是导致企业信息泄漏的最主要途径之一。1.代码漏洞安全问题产生这种漏洞的主要原因是网站程序代码编写的不完善造成的，而这种不完善的代码极有可能会暴露网站的数据库或后台管理等重要的安全信息。（1）数据库连接字串的某些错误导致WEB服务器错误提示，而这些错误提示中可能会含有数据库或表等重要信息。（2）企业后台管理程序中只有主程序要求管理员的身份信息，而其它管理页面却忽视了身份验证信息，这种疏忽使非法用户可能通过直接输入后台的某个管理页面的形式进入到后台管理中去，如果正好有管理员密码修改的页面出现此问题，则会导致网站后台的完全暴露。（3）对页面参数不作任何判定导致所谓的SQLInjection，即SQL注入从而泄漏用户信息。这种安全漏洞是2004年以来网站信息安全的最大隐患，而国内许多电子商务网站并没有采取相应的安全措施，导致电子商务网站很容易被攻破。2.后台管理程序文件的安全问题现在大多数企业采用后台管理的方式对电子商务网站进行管理，电子商务网站后台的入口安全是很多企业忽视的问题。比如许多电子商务网站后台入口通常会采用Admin.asp，Login.asp、Logout.asp等常见形式，也有的网站竟然在网面上链接出管理入口，这样，非法用户很容易就能找到网站的后台管理入口，成为电子商务网站安全的重大隐患。对于以上安全问题的解决方法是更改网站的后台入口路径，最好是设定一个不易被猜解到的目录和文件名，同时尽可能不要在前台页面上暴露出后台的管理入口。3.弱口令和口令加密安全问题尽管大多数企业认识到了口令的安全问题，但还是有不少的企业忽视了这个问题。（1）网站管理口令安全问题。①弱口令问题。有些管理员为了记忆方便，会以Admin、Admin888、manager、webmaster等作为管理员的用户名。同样，也有用Admin、Admin888、12345、888888等来作为管理员密码，数据库以sa为用户名，留空密码等，这些弱口令很容易被黑客猜测到。②明文密码问题。很多企业的管理员密码都采用明文来保存，这样的明文密码是最不安全的因素之一，通过SQL注入很容易就能猎取数据库中的明文密码。③简单口令加密问题。一些网站设计人员有时只是对口令进行简单的对称加密，这种经过简单的对称加密密文用现在的PC机器可以在较短的时间内解密成明文，因此也是不可取的。（2）网站管理口令安全策略。①杜绝使用弱口令，以避免安全隐患，可以采用字母+数字+符号字符，并超过8位以上的密码。②强制对所有用户密码加密，最好采用非对称加密或采用不可逆的运算，如使用32位的MD5码。三、数据库安全问题目前国内的网站大多数采用ASP+Access或SQLServer的形式构建，而数据库是一个电子商务网站的核心，因此数据库的安全也成为电子商务网站安全的首要问题。1.数据库位置和名称安全以往许多网站设计人员会把数据库放在Data或Database等目录下，对数据库的文件名也通常采用Data、Mydata、Database、DataShq等，这种做法很容易被非法用户猜解到并下载用户数据库，从而使电子商务网站的所有数据被窃取。解决方案：可以采用字母+数字并超过8位的组合作为数据文件目录或文件名，对于Access文件最好更改其扩展名.MDB为ASP以加强安全性。2.数据库结构安全问题（1）数据表的命名问题。为了安全需要，不要直接用类似Admin、User、Product等作为表名，可以使用XX—Admin—XX等形式，用字母和数宇组合作为表名的前后缀，以防止SQL注入时被猜解出表名。（2）数据字段的命名问题。在数据字段命名时，也不要直接用Admin、UserName、Pwd、UserPwd等作为敏感字段名，可以采用一些难以猜解的字母和数字组合来作为字段名以加强数据的安全性。（3）数据库权限安全问题。尽量不要把数据库密码留空或使用弱口令作为数据库密码，合理使用10位以上的数据库密码会进一步加强数据库的安全。3.数据库连接字串安全问题这类安全问题主要是两个方面；一是在数据库连接字串中不直接出现明文密码，采用对称加密密码可以提高数据库的安全；二是数据连接文件不要用常见的Conn、DbConn作为文件名，避免使用.inc、.asa、.txt作为扩展名，同时也不要把文件放在类似Inc、Data、Conn等目录下，以防数据库连接被非法下载。2.5资源和进度规划2.5.1人力资源调配
一个完整的电子商务网站建设所需的人力资源如下：（1）系统策划师：确定系统的目标、策略及总体规划，要有网站建设目标书、策划书；（2）网站设计师：按照策划书形成的文档，对网站进行总体的设计，如网站功能、结构、风格等，最后要有网站总体设计书；（3）程序员：网站建设要涉及到许多软件开发、程序编写，程序员要按照网站总体设计书的要求完成相关程序的编写；（4）美工师：按照网站设计书的要求做出漂亮、使用的网页；（5）录入员：一个完整的电子商务网站需要大量的资料，这些资料要有录入人员按要求输入；（6）项目经理：是电子商务网站建设的负责人，主要是负责项目的管理，包括人员分配，组织、资源的规划，进度的控制以及质量的审核等。2.5.3网站建设进度规划电子商务网站的建设流程一般可分为如下几个阶段，每一个阶段都有不同的目标和要求：（1）策划阶段：主要进行战略策划，确定网站建立的目标、实施策略、准备资源等；（2）技术实现阶段：这一阶段的主要任务是注册域名、选择服务器、建立电子商务网站的软硬件平台，确定网站的信息和结构，以及网站的页面设计、程序编写，使网站实现的功能；（3）完善阶段：这一阶段的主要任务是丰富和完善网站的功能，把网站与其他Web站点进行链接，如搜索引擎、相关类型的网站等，以便于网站的宣传和推广；（4）运营阶段：把网站正式向目标市场推出使用，以实现预期的功能要求；（5）更新阶段：经过一段时间的使用以及调查分析对网站的各方面进行评估，并做出相应的改进。根据进度规划，可以进一步制定出更为详细的时间安排表，包括网站建设各项工作内容及其时间安排；各成员的工作内容及其时间安排；定期开会讨论研究的时间安排等。在时间表制定完后，就可按照预定的计划开始网站的建设。当然，在计划实际执行过程中，可能会出现偏差，这时就要主动进行调整以使得计划可以顺利地执行。本章小结
本章主要是介绍电子商务网站的总体规划，包括需求分析、网站定位、内容和进度规划以及技术方案等，它是网站制作的前提和基础。第3章电子商务网站内容设计【本章导读】
本章对电子商务网站的内容设计进行了详细的介绍：第一节首先介绍使用那些方法对网站进行合理的需求分析；第二节从主题和功能两个方面对网站的定位进行深入的探讨；第三节主要介绍网站的内容规划，包括网站的总体结构设计和常用模块；最后两节分别从网站建设所涉及的技术支持和进度规划等进行介绍。【本章要点】
需求分析基本内容及方法
主题、功能定位
结构设计、模块设计
网络平台、服务支撑体系
数据库设计、网站安全
网站建设进度规划3.1网站设计的原则3.2网站设计风格和创意
3.3页面内容设计3.4设计中的默认规范3.5网站设计常见错误本章小结3.1网站设计的原则（1）明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，牢记以“消费者（customer)”为中心，而不是以“美术”为中心进行设计规划。在设计规划之初重点考虑：建设网站的目的是什么？为谁提供服务和产品？企业能提供什么样的产品和服务？网站的目的消费者和受众的特点是什么？企业产品和服务适合什么样的表现方式（风格）？（2）总体设计方案要求主题鲜明在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
Web站点主页应具备的基本成分包括：页头，用于准确无误地标识你的站点和企业标志；Email地址，用来接收用户垂询；联系信息，如普通邮件地址或电话；版权信息，用于声明版权所有者等。注意重复利用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到企业的Web站点中。（3）网站的版式设计网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字、图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。（4）色彩在网页设计中的作用色彩是艺术表现的要素之一。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强；色彩还具有联想与象征的物质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些。网页的颜色应用并没有数量的限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，有CIS（企业形象识别系统）的更应该按照其中的VI进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。（5）网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。（6）三维空间的构成和虚拟现实网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、简明的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。现在，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多地为虚拟现实环境服务。（7）多媒体功能的利用网络资源的优势之一是多媒体功能。要吸引浏览者注意力，页面的内容可以用三维动画、FLASH等来表现。但要注意，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。（8）网站测试和改进网站测试实际上是模拟用户询问网站的过程，用以发现问题并改进设计。要注意让用户参与网站测试。（9）内容更新与沟通企业Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好的好象。在企业的Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件、电话垂询和传真，做到有问必答。最好将用户的用意进行分类，如售前一般了解售后服务等，由相关部门处理，使网站访问者感受到企业的真实存在并由此产生信任感。注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。（10）合理运用新技术新的网页制作技术几乎每天都会出现，如果不是介绍网络技术的专业站点，一定要合理地运用网页制作的新技术，切忌将网站变为一个制作网页的技术展台，永远记住用户方便快捷地得到所需要的信息是最重要的。对于网站设计者来说，必须学习跟踪掌握网页设计的新技术如Java、DHTML、XML等，根据网站的内容和形式的需要合理地应用到设计中。3.2网站设计风格和创意3.2.1网站总体风格
应该如何树立网站风格呢？可以分这样几个步骤实施：（1）确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头。首先必须保证内容的质量和价值性，这是最基本的，无须置疑。（2）要弄清楚自己希望站点给浏览者的印象是怎么样的，可以从这几方面来理清思路：如果只用一句话来描述你的站点，应该是：有创意，专业，有实力，有美感，有冲击力。想到你的站点，可以联想到的色彩是：热情的红色，幻想的天兰色，聪明的金黄色。想到你的站点，可以联想到的画面是：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店。如果网站是一个人，他拥有的个性是：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者。浏览者觉得你和其他网站的不同是：可以信赖，信息最快，交流方便。浏览者和你交流合作的感受是：师生，同事，朋友，长幼。通过这样一份调查，经统计后的结果会告诉你：你网站现在的差距、弱点及需要改进的地方。（3）在明确自己的网站印象后，开始努力建立和加强这种印象。经过第二步印象的“量化”后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西，并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站名称、域名、栏目名称是否符合这种个性，是否易记；审查网站标准色彩是否容易联想这种特色，是否能体现网站的性格等等；具体的做法没有定式，下面仅提供一些参考：将网站的标志logo，尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。突出网站的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。突出网站的标准字体。在关键的标题、菜单、图片里使用统一的标准字体。使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。使用自己设计的花边、线条、点。展示网站的荣誉和成功作品。风格的形成不是一次定位的，只有在实践中不断的强化、调整、修饰，才会逐渐的形成自己独特的，而又被大众所接受的风格。3.2.2网站的创意设计创意思考的过程分五阶段：（1）准备期：研究所搜集的资料，根据旧经验，启发新创意；（2）孵化期：将资料咀嚼消化，使意识自由发展，任意结合；（3）启示期：意识发展并结合，产生创意；（4）验证期：将产生的创意讨论修正；（5）形成期：设计制作网页，将创意具体化。3.3页面内容设计3.3.1主页设计设计一个主页，具体步骤如
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论