空间网页制作.doc

我的空间网页制作在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。本文从网页设计的角度出发，介绍一些设计中要素和技巧，例如框架、css样式的使用等等。互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。【关键字】网页设计 要素 框架 css 1目录第一部分 设计任务及准备工作31.1 设计任务.31.2 设计思想.31.3 网页设计考虑问题31.4 网页模块图.7第二部分 开发环境与开发工具8 2.1 开发工具.8第三部分 开发技术93.1 asp服务器的建立.9第四部分 开发过程154.1 网页设计的要素.154.2 网页设计技巧.164.3网页设计经验.17第五部分 结论19致谢20参考文献212第一部分 设计任务及准备工作1.1 设计任务制作网页1.1.1 设计题目我的空间网页制作1.2 设计思想互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。1.3 网页设计考虑的问题 当你在internet这个信息的海洋中尽情遨游时，会发现许许多多内容丰富、创意新颖、设计独特的个人网页，不知道你见到这样漂亮可人的网页是否有点心动。一旦你具备了上网的条件，又萌发了制作主页的念头，那么就应该注意网页设计时应考虑哪些方面的问题，包括网站功能和以及访问者需要什么。你的整个设计都应该围绕这些方面来进行。下面笔者就自己在实践操作中的使用体会来谈谈网页设计时应该考虑哪些问题，希望能给初建网站的用户带来一定的作用。1).页面内容要新颖 网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。 放眼望去，网上的许多个人主页简直就是杂货店，内容包罗万象,题材千篇一律，人人都是软件下载,个个都有网络导航，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。2).网页命名要简洁由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。 3).要及时更新网页网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后， 3换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也最好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。4).注意视觉效果设计web页面时，一定要用640480和800600的分辨率来 分别观察。许多浏览器使用640480的分辨率，尽管在800600高分辨率下一 些web页面看上去很具吸引力，但在640480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页5).随时注意网站升级时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。6).网页内容要易读网站设计最重要的诀窍，恐怕就是你的网页要易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。7).善用表格来布局不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。8).少用特殊字体虽然你可以在你的html中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表css有助于解决这些问题，但是只有最新版的浏览器才支持css。9).多学习和使用html为了成功地设计网站，你必须理解html是如何工作的。大多数的网站设计者建议网络新手应从有关html的书中去寻找答案，用notepad制作网页。因为用html设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改html的软件包。homesite4是一个很好的web设计工具。在设计过程中，homesite4能帮助你学习html。它还允许你切换到所见即所得的模式，以便你在把网站发送到web之前，预览你的网站。10).尽量少用java程序不要使用大幅面的java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受，往往使浏览者没有耐心等页面全部显示出来，这样你的精心设计便毫无效果啦。11).少放网站地图 许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。12).要为图片附加注释文字 给每个图形加上文字的说明，在出现之前就可以看到相关内容，尤其是导航按钮和大图片更应如此。这样一来，用户在访问你的站点时就有一种亲切感觉，认为你心细，比较善解人意，时时刻刻为他人着想，相信你的好心会有好报的。13).做个网站介绍一个简单明了的网站介绍，不仅能让别人对你的网站能够提供些什么有个了解，引发共鸣或是表达你的诚意，常常最能打动读者，而且还能使访问者能快速找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。14).考虑浏览器的兼容性当然现在ie所占的市场份额越来越大，但是我们仍然需要考虑到netscape以及opera这些浏览器用户。设计风格的考虑，如色彩的搭配，图形、线条的使用等等。要时刻为用户着想，必须最少在几种不同类型的浏览器下测试网站，看看兼容性如何。15).不宜多用闪烁文字有的设计者想通过闪烁的文字来引起访问者的注意是可以被人理解的，但一个页面中最多不能有三处闪烁文字，太多了给用户一种眼花缭乱的感觉，反而会影响用户去访问该网站的其他内容，正所谓“物极必反”也， 16).每个页面都要有导航按钮应当避免强迫用户使用工具栏中的向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。17).避免长文本页面在一个站点上有许多只有文本的冗长页面，是令人乏味的，人们为了阅读这些长文本，不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。如果你有大量的基于文本的文档，应当以adobe acrobat格式的文件形式来放置，以便你的访问者能离线阅读，从而节省宝贵的时间。18). 网页风格要统一 你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。19).动画最多只用一个 大家都喜欢用gif动画来装饰网页，它的确很吸引人，但我们在选择时，是否能确定必须用gif动画，如果答否，那么就选择静止的图片，因为它的容量要小得多。同样的尺寸的logo，gif动画的容量有5k，而静止logo的只有3k。虽然只有2k之差，但多起来，就会影响下载的速度，所以，如果有些不是必须的，就选择最小的。20).善用图像 用户在网上四处漫游，你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力，所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有一定的实际作用，切忌虚饰浮夸。注意图画可以弥补文字之不足，但并不能够完全取代文字。很多用户把浏览软件设定为略去图像，以求节省时间他们只看文字。因此，制作主页时，必须注意将图像所连接的重要信息或联接其他页面的指示用文字重复表达几次，同时要注意避免使用过大的图像，如果不得不放置大的图像在网站上，就最好使用thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。21). 网站导航要清晰 所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置，像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的，而让人家不知东西南北。链接文本的颜色最好用约定俗成的：未访问的，蓝色；点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给读者清楚的导向 。22).最好不用记数器 由于计数器也是由程序设计成的，显示计数器的过程其实就是在执行一个程序的过程，它需要占用用户宝贵的上网时间，况且大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。因此笔者建议不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。23).不能忽视错别字 一个好的网站对设计的每一个细节都不会放过，哪怕是一个微小的拼写错误都是绝对不能出现的。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字，要时时刻刻保持一种严谨的科学态度。24).不要用框架 与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。25).使用著名的插件如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。27).测试网站在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。用图像、文本和不必要的动画gifs来充斥网页，即使有足够的空间，在设计时也应该避免使用。28).屏蔽图象时仍要保证网页的完整在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果，呈现在用户面前的仍是一个完整的网站。对于那些关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。29).注意收集用户注册信息如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。1.4 网页模块图7第二部分 开发环境与开发工具2.1 开发工具 2.1.1 dreamweaver简介dreamweaver是美国macromedia公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页.2.1.2 flash简介flash是一种交互式矢量多媒体技术，他的前身是futureplash，早期网上流行的矢量动画插件。后来由于macromedia公司收购了future splash以后便将其改名为 flash2，到现在最新的flash4。现在网上已经有成千上万个flash站点，著名的如macromedia专门shockrave站点，全部采用了shockwave flash 和director。可以说flash已经渐渐成为交互式知量的标准，未来网页的一大主流。 2.1.3 html简介html（hypertext mark-up language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。html文本是由html命令组成的描述性文本，html命令可以说明文字、图形、动画、声音、表格、链接等。html的结构包括头部（head）、主体（body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。8第三部分 开发技术3.1 asp服务器的建立（1）asp技术简介asp技术 asp（active server pages动态网页）是微软公司推出的一种用以取代cgi（common gateway interface通用网关接口）的技术。目前，internet上的许多基于windows平台的web站点已开始应用asp来替换cgi。 简单地讲，asp是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式web服务器应用程序，如交互式动态网页，包括使用html表单收集和处理信息，上传与下载等等。通常情况下，用户通过浏览器看到的网页大多是静态的，目前internet 上的许多站点，仍然提供静态（static）的主页内容。 所谓静态，指的就是站点的主页内容是固定不变的。 当浏览器通过internet 的http (hypertext transport protocol)协议，向站点服务器(web server)要求提供主页的内容时，站点服务器收到要求后，就传送原已设计好的静态的html 的文件数据给浏览器。 一个静态的站点，若要更新主页的内容，必须手动的来更新其html的文件数据。而随着web应用的发展，用户希望能够看到根据要求而动态生成的主页，例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入数据，以提供http要求时，可以在站点服务器中执行的应用程序，而不只是一个html 文件。站点服务器收到要求执行的应用程序，分析表单(form)的输入数据，将执行的结果以html的格式传送给浏览器。 根据用户请求生成动态主页的传统方法有cgi、isapi等。cgi是根据浏览器端的http请求激活响应进程，每一个请求对应一个进程。当同时有很多请求时，程序挤占系统资源，造成效率低下；isapi针对这一缺点进行改进，利用dll（动态链接库）技术，以线程代替进程，提高了性能和速度，但要考虑线程的同步问题，而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术java都还存在着另外一个问题，那就是开发困难，程序的开发和html写作是两个完全不同的过程，需要专门的程序员开发。而较简单的开发技术如javascript和idc(internet database connector)等功能有限，不敷使用。asp使用的activex技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的cgi等程序所远远不及的地方。asp与常见的在client端实现动态主页的技术如java applet、activex control、vbscript、javascript等不同，asp中的命令和script语句都是由服务器来解释执行的，执行结果产生动态生成的web页面并送到浏览器；而client端技术的script命令则是由浏览器来解释执行。由于asp是在服务器端解释执行，开发者可以不必考虑浏览器是否支持asp；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。asp通过后缀名为.asp的asp文件来实现，一个.asp文件相当于一个可执行文件，因此必须放在web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后，浏览器就将这个url请求发给web server，如果web server上装了asp，就调asp。9asp读出相应.asp文件，解释并执行命令，动态生成一个html页面回传web server，然后web server再把结果发送给浏览器。asp文件的制作和html类似，且和html开发集成，可以在同一个过程完成，利用asp将可以执行的脚本嵌入到html文件中(将html文件的后缀名改为.asp)，这使得html文件的编写与脚本的开发融合在一起。通过asp内置的对象、服务器组件（server component）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。asp比较网关及服务器扩展模式有着以下优点：完全与html文件融合在一起；容易创建，不需要其它编译、链接程序；面向对象的并通过activex server对象可扩展。（2）电子商务数据访问方式电子商务是指通过电子方式，并在网络基础上实现物资、人员过程的协调，以便商业交换的活动。在电子商务系统中，web提供了与客户进行通信联络的有效手段，利用web技术，实现web服务器与数据库系统的连接，完成对数据的处理与查询，用户可以通过操作简单易学的浏览器来查询处理所需要的各种数据。 实现web服务器与数据库的连接一般有两种方法：一种是利用中间件技术在两者之间建立连接和通信，如cgi(通用网关接口)和api(应用程序编程接口)。web服务器通过调用cgi程序实现与web浏览器的交互，即cgi程序接受浏览器发给web服务器的信息，进行处理后，将相应结果再送回给web服务器，通过web服务器将信息传送给浏览器。但cgi程序在响应速度和资源利用等方面有较大局限性，客户端每请求一个cgi程序，服务器端便打开一个进程，当请求的数量较大时容易引起瓶颈现象，开发人员常利用api编程来扩展服务器功能，api程序占系统资源少，运行效率较高，但它的编程较cgi程序更为复杂；另一种是由浏览器中的java小应用程序(java applet)通过浏览器访问web服务器上的数据库，利用了jdbc(java database connectivity)技术，它通过jdbc提供的api实现对web server的访问。由于java applet本身的局限性，目前大多数的应用是基于中间件技术的。asp也是属于中间件的一种模式，但在windows平台上它比较网关及服务器扩展模式有着较大的优点。网关的最大特点是它的平台无关性，但网关程序通常较难编写和改变。网关程序通常是一个独立的程序，并不和html文件融合在一起，它需要用如c、c+、vb、perl等语言来编写独立的应用程序，而asp应用改变了这一点。使用asp不仅可以读取access和 sql server的数据库，而且还可以读取其他odbc（open database connect 开放式数据库互联）兼容的数据库。在asp中访问数据库是通过ado(activex database object活动数据对象)及事务处理语句来实现的。ado是一种操作microsoft所支持的数据库的方法，是一项容易使用并且可扩展的将数据库访问添加到 web 页的技术。10ado对象的使用与dao（数据访问对象）、rdo（远程数据对象）的方式相似。在asp中，ado可以看作是一个服务器组件，更简单点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。（3）asp在电子商务中的应用在电子商务中，对用户而言，进行网上信息查询的目的是寻找自己需要的产品或服务，而对于商品或服务提供者来说，其目的则是向用户推销自己的产品或服务。因此，让用户通过浏览器查询服务器的后端数据库是许多web服务提供者必需有的服务，asp通过内置的adodb组件来实现这一功能。可以使用ado去编写紧凑简明的脚本以便连接到odbc 兼容的数据库和 ole db 兼容的数据源。具体的操作步骤可以归纳为以下几步： 创建数据库源名（dsn） adodb通过odbc工作，因此要在odbc中设置dsn（数据源名）。打开windows的控制面板，双击odbc的图标，然后选择文件 dsn 的属性页，单击，选择数据库驱动程序，然后单击下一步，按照屏幕的指示键入数据源文件的名称，然后单击下一步，再单击完成创建数据源。创建数据库链接 链接用以保持一些关于正在访问的数据的动态信息，以及链接者信息。利用adodb的成员函数open和先前设定的dsn与数据库连接，其语法如下： setconnect=server.createobject(adodb.connection) 创建了链接对象connect。 connect.open(dsn=dsnname；uid=userid；pwd=password) 打开链接。dsnname为数据源名；userid为用户名；password为用户口令。创建数据对象 ado中的数据对象通常保存的是查询结果。recordset 是ado中最复杂的对象，有许多属性和方法，灵活运用，可以达到许多好的效果。其创建方法如下： set recordset =connect.execute(sqtstr) 创建并打开了对象recordset ，sqtstr是一个串，代表一条标准的sql语句。例如： sqlstr=select*from b1 set recordset =connect.execute(sqlstr) 这条语句执行后，对象recordset中就保存了b1中的所有记录。操作数据库 可利用execute方便地执行数据的插入、修改、删除等操作。如执行插入操作： sqlstr=insert into b1values(1,2) connect.execute(sqlstr)关闭数据对象和链接 在使用了ado对象之后，一定要关闭数据对象和链接。在asp中通过调用方法close实现关闭。 关闭创建的数据对象：record set .close set record set=nothing 关闭创建的链接对象：connect. close set connect=nothing 完整的程序片段：/产生组件实例/显示结果 上述是用asp访问数据库的全过程，由于应用面向对象思想，所有操作都比较简单，用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等，只要对这些有了清晰的认识，再加上asp强大功能，在网络上使用数据库，实现用户与页面间交换信息，就再也不是什么难事了。nextpage（4）主要功能程序段1).打开数据库option explicitdim conn,connstr,db,rsdb=database/#myshop.mdb /数据库路径set conn = server.createobject(adodb.connection)connstr=provider=microsoft.jet.oledb.4.0;data source= & server.mappath(&db&)conn.open connstr2).数据库查询操作/大类查讯set rs=server.createobject(adodb.recordset)/只读方式打开rs.open select anclass,anclassid from anclass,conn,1,112do while not rs.eofresponse.write &trim(rs(anclass)& rs.movenextlooprs.close/小类查询dim rs2set rs2=server.createobject(adodb.recordset)rs2.open select nclass,nclassid from nclass where anclassid=&rs(anclassid)& order by nclassidorder,conn,1,1do while not rs2.eofresponse.write &trim(rs2(nclass)& rs2.movenextloop3).添加记录操作set rs=server.createobject(adodb.recordset)/可写方式rs.open select bookid,username,zhuangtai,zonger from actions,conn,1,3rs.addnew /添加一条新记录13rs(bookid)=bookid /添加相应的记录rs(username)=usernamers(zhuangtai)=6rs(zonger)=0rs.update /更新数据库4).删除记录操作/从表actions中删除actionid 匹配的记录; conn.execute delete from actions where actionid=&request.querystring(actionid)5). 记录的修改和查看set rs=server.createobject(adodb.recordset)rs.open select * from books where bookid=&bookid,conn,1,3rs(anclassid)=int(request(anclassid) /修改各项记录rs.updaters.close 14第四部分 开发过程4.1 网页设计的要素 在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。 4.1.1 图片要素 要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、就是一个不完整的主页。这需要去学习像photoshop这样的图形图像处理软件，还要有一定的美术基础，如审美观、创意技巧等。 4.1.2排列方法要素 主页的第二个要素是排列方法，即网页布局。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述。比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；flash型更灵活一些，好的flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，只有不断的变化才会提高，才会不断丰富我们的网页。 154.1.3 色彩要素 色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。 4.2 网页设计技巧 一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。在这里从框架和css样式的运用两方面来介绍网页设计的技巧。 4.2.1框架的使用 frame（框架）是web上经常会看到的页面结构。框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。 使用框架具有以下优点：访问者的浏览器不需