| Paul's profilepaulPhotosBlogLists |  Tools  Help |
|
November 21 如何设计一个成功的网站七3、在明确自己的网站印象后，开始努力建立和加强这种印象
经过第二步印象的"量化"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。以下做法可作参考： （1）将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。 七、 总结： 网站设计充满无穷魅力，仅靠一篇文章无法穷尽其中的奥秘。这条设计思路不一定完全适合于每个设计者，也不可能完全适合于各种设计的实际情况，全当抛砖引玉。仁者见仁，智者见智，希望更多优秀的网站出自于你我的手。文章中错误之处，望批评指正。 如何设计一个成功的网站六六、 设计网站的整体风格
风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受。这个"整体形象"包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的，这些都是网站给人们留下的不同感受。 风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。 风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。像诗词中的"豪放派"和"婉约派"，你可以用人的性格来比喻站点。 1、确信风格是建立在有价值内容之上 2、你需要彻底搞清楚自己希望站点给人的印象是什么 可以从这几方面来理清思路： b.想到你的站点，可以联想到的色彩是：（） c.想到你的站点，可以联想到的画面是：（） d.如果网站是一个人，他拥有的个性是：（） e.作为站长，你希望给人的印象是：（） f.用一种动物来比喻，你的网站最像：（） g.浏览者觉得你和其他网站的不同是：（） h.浏览者和你交流合作的感受是：（） 你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。 如何设计一个成功的网站五五、 确定网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。建立网站的链接结构有两种基本方式： 1、树状链接结构 类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会"迷"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。 2、星状链接结构 类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。 这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用，达到比较理想的效果。比较好的方案是：首页和一级页面之间用星状链接结构，一级和以下各级页面之间用树状链接结构。 如何设计一个成功的网站四四、 确定网站的目录结构
网站的目录是指你建立网站时创建的目录。例如：在用frontpage98建立网站时都默认建立了根目录和images（存放图片）子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。下面是建立目录结构的一些建议： 1、不要将所有文件都存放在根目录下，会造成文件管理混乱 2、按栏目内容建立子目录 3、在每个主栏目目录下都建立独立的images目录 4、目录的层次不要太深 5、不要使用中文目录 6、不要使用过长的目录 如何设计一个成功的网站三三、 确定网站的栏目
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。一般的网站栏目安排要注意以下几方面： 1、要紧扣主题 2、设立最近更新或网站指南栏目 3、设立可以双向交流的栏目 4、设立下载或常见问题回答栏目 如何设计一个成功的网站二二、 定位网站的CI形象
所谓CI(corporate identity)，意思是通过视觉来统一企业的形象。一个杰出的网站，和实体公司一样，需要整体的形象包装和设计。准确的，有创意的CI 设计，对网站的宣传推广有事半功倍的效果。具体的做法是： 1、设计网站的标志(logo) （1） 网站有代表性的人物、动物、花草等，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸等等。 2、设计网站的标准色彩 3、设计网站的标准字体 4、设计网站的宣传标语 如何设计一个成功的网站一随着网络技术的不断发展，网络应用已经渗透到人类社会的各个角落。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。越来越多的人希望拥有网站，开辟网络世界里的一片天地。如何设计一个出色的网站呢？关于这个问题，人们讨论的很多，可以讨论的内容也很多，加之网络技术的飞速发展，很难提出一个绝对权威和正确的设计思路，笔者不才，根据自己的设计体会，总结出以下基本设计思路：
一、 定位网站的主题和名称 网站的主题也就是网站的题材，网站设计开始首先遇到的问题。网站题材千奇百怪,琳琅满目，只要想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的99年度排名前100位的全美知名网站的十类题材： 第1类：网上求职 每个大类都可以继续细分，比如娱乐类再分为体育 /电影/ 音乐等小类，音乐又可以按格式分为MP3，VQF，Ra等，按表现形式分古典，现代，摇滚等。同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛（旅游+讨论），经典入球播放（足球+影视）按这样分下去，题材可以有成千上万种。这么多题材，如何选择呢？遵循的原则如下： 1、主题要小而精 2、题材最好是你自己擅长或者喜爱的内容 3、题材不要太滥或者目标太高。 如果题材已经确定以后，就可以围绕题材给网站起一个名字。网站名称，也是网站设计的一部分，而且是很关键的一个要素。你来看，"电脑学习室"和"电脑之家"显然是后者简练；"迷笛乐园"和"MIDI乐园"显然是后者明晰；"儿童天地"和"中国幼儿园"显然是后者大气。我们都知道PIII的中文名称"奔腾"，如果改为"奔跑"，可能就没有今天这么"火"了。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。我的建议是： 1、名称要正 2、名称要易记 3、名称要有特色 August 01 常用CSS缩写语法总结使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下： 颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： 盒尺寸通常有下面四种书写方法:
方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下： 边框(border)边框的属性如下：
可以缩写为一句：border:1px solid #000; 语法是border:width style color; 背景(Backgrounds)背景的属性如下：
可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0; 语法是background:color image repeat attachment position; 你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：
字体(fonts)字体的属性如下：
可以缩写为一句：font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif; 注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。 列表(lists)取消默认的圆点和序号可以这样写list-style:none;, list的属性如下:
可以缩写为一句：list-style:square inside url(image.gif); CSS 的 Alpha 滤镜“Alpha”属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标，可以指定各种不同范围的透明度。 Alpha 滤镜语法 {FILTER：ALPHA(opacity=opacity, finishopacity=finishopacity, style=style, startx=startx, starty=starty, finishx=finishx, finishy=finishy)} 参数含义分别如下： opacity 透明度。默认的范围是从0到100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。 finishopacity 是一个可选参数，如果想要设置渐变的透明效果，就可以使用他们来指定结束时的透明度。范围也是0到100。 style 指定透明区域的形状特征： 0代表统一形状 1代表线形 2代表放射状 3代表矩形 startx 渐变透明效果开始处的X坐标。 starty 渐变透明效果开始处的Y坐标。 finishx 渐变透明效果结束处的X坐标。 finishy 渐变透明效果结束处的Y坐标。 July 21 Response 对象之AddHeader方法AddHeaderAddHeader 方法用指定的值添加 HTML 标题。该方法常常向响应添加新的 HTTP 标题。它并不替代现有的同名标题。一旦标题被添加，将不能删除。 此方法仅供高级用户使用。若其他 Response 方法提供了您所需的功能，建议您使用该方法。 语法Response.AddHeader name, value 参数
注释为避免命名不明确，name 中不能包含任何下划线字符 (_)。ServerVariables 集合将标题中的下划线字符解释为反斜杠。例如，下面的脚本使服务器查找一个名为 MY-HEADER 的标题名。 <% Request.ServerVariables("HTTP_MY_HEADER") %>
由于 HTTP 协议要求所有的标题都必须在内容之前发送，所以您必须在任何的输出（例如由 HTML 或 Write 方法生成的输出）发送到客户端之前在脚本中调用 AddHeader。但当 Buffer 属性被设置为 TRUE 时例外。若输出被缓冲，那么您就可以在脚本中的任何地方调用 AddHeader 方法，只要它在 Flush 之前执行即可。否则，对 AddHeader 的调用将产生一个运行错误。 下面的两个 .asp 文件对这一点进行了解释。 -------file1.asp--------- <% Response.AddHeader "WARNING", "Error Message Text" %> <HTML> Some text on the Web page. </HTML> 在前面的例子中，页没有缓冲。但是，因为在服务器将输出 Some text on the Web page 发送到客户端之前调用了 AddHeader 方法，所以脚本能正常工作。如果调换一下顺序，则对 AddHeader 方法的调用将产生一个运行时错误。 ------file2.asp----------
<% Response.Buffer = TRUE %>
<HTML>
Here's some text on your Web page.
<% Response.AddHeader "WARNING", "Error Message Text" %> Here's some more interesting and illuminating text.
<% Response.Flush %>
<%= Response.Write("some string") %>
</HTML>
在前面的示例中，页被缓冲了，其结果是，直到此页上所有的 ASP 脚本执行后或 Flush 方法被调用后，服务器才会将输出发送到客户端。带缓冲的输出中对 AddHeader 的调用可在脚本的任何地方出现，只要在 Flush 调用之前即可。在前面的示例中，若对 AddHeader 的调用在对 Flush 的调用之后出现，脚本将产生一个运行时错误。 您可以通过这一方法用不同的值发送同一标题的多份拷贝，比如用 WWW-Authenticate 标题。 示例下面这个示例使用 AddHeader 方法要求客户端使用 BASIC 验证。 <% Response.Addheader "WWW-Authenticate", "BASIC" %> July 09 用ASP+XML打造留言本 一、读者指引
读者指引帮助你掌握本文的梗概。以免你看了大半才明白这编文章不适合你，给你造成视觉污染。 如果你正在用ASP+XML写一些程序，或者你正在学XML那就值得一看。 阅读本文须具备的知识，对ASP有基本的了解，对XML和DOM有基本了解，如果你不了解那么你通过学习本文基本上能够撑握ASP＋XML和DOM的应用，并能根据本文范写出自已更高级的ASP＋XML程序。 二、基本思想 本文思想是基于用ASP和DOM来读取和存储XML数据，并利用XML数据来存储留言信息，达到同用数据库存储数据的功能。 三、XML留言本的优势 或许你会问用ASP＋TXT文本也可以达到不用数据库实上留言的功能，不错确实能够做到，而且网上也有很多这样的留言本免费下载，但这里我要讲一下ASP＋XML的优越性。 １、XML＋ASP比ASP＋TXT速度要快。可能你也发现当TXT文件很少时速度出奇的快，但是随着留言信息的增加TXT文本变大，速度却又是出奇的慢这就是ＡＳＰ＋TXT的弱点。当然我不能说ＡＳＰ＋XML就一定是出奇的快，但是比起ＡＳＰ＋TXT来说是快了许多，当然随着留言信息的增加ＸＭＬ文本增大速度也下降很快，但是比起TXT来说就还是好了许多（这一点可以从ＷＡＳ测试证明读者可以自行测试），当然ＡＳＰ＋XML比不上数据库，因为数据库对查询做了特别的优化，而XML只是纯文本，在ＡＳＰ建立对像是要把ＸＭＬ数据全部读入内存中，如果数据量大的话可想而知速度会慢下来。那你也许会问那我什么时候用关系数据库存储数据，又什么时候用XML存储数据呢？我这里也顺便提一下，就是当数据比较复杂无规率时用XML数据比较合适，还有就是你打算这些数据要在不同的操作系统上读取运用时那就是XML大显身手的时候了。如果你是普通的数据那么不到关键时刻或不支持数据库的空间时还是不要用XML文件来存储数据为好。 ３、XML数据夸操作系统性，只要我们把这些数据存储为XML那么这些数据就能被应何基它语言或系统所识别，而不用做应何改动。TXT显然不具备这些性能。例如我们在网上的留言信息可以直接被被转换成wap格式在手机上显示。 四、建立存储留言信息的XML文件(List.xml) ０、留言ＩＤ号--定义为＜id＞ １、用户名我们--定义为＜username＞ ２、来自那里们--定义为＜fromwhere＞ ３、留言时间定--义为＜Posttime＞ ４、用户主页定--义为＜homepage＞ ５、用户的信箱--定义为＜email＞ ６、留言内容定--义为＜text＞ 当然以上不是必须的读者可以自行命名并加减相关标签，把它们组合起来就得到List.xml的文件了 ＜?xml version="1.0" encoding="gb2312"?＞
五、建立显示XML数据的ASP文件(index.asp) 这个文件要实现的功能就是读取并显示XML数据，首先创建一个XML对像然后把XML读入内存中，利用DOM分离出我们所要的数据。 ＜%
email = objRootsite.childNodes.item(StarNodes).childNodes.item(5).text '***************************************************************************** text = replace(text,chr(13),"＜br＞")
六、建立写新留言程序(PostNew.asp) 这个文件要实现的功能就是写入新的XML节点，首先创建一个XML对像然后把XML读入内存中，利用appendChild()方法加入我们生成的XML节点。 ＜% '获取XML文件的路径这里根据你的虚拟目录不同而不同 end if ＜td width="81%"＞ |
|
|
