 |
 |
 |
动态网页制作dreamweaver的应用(1)
|
动态网页制作dreamweaver的应用(1) |
1，我们的建站理念
一,首先明确主题，确定站名：
在办网站之前，要确定办网站的目的，很多人认为办个人网站仅仅是出于个人的兴趣爱好而已，但必须主题明确，主题是网站的核心，网站的灵魂。许多网虫初次建个人网站的时候，喜欢把主题搞成一个大杂烩，有软件下载，明星美女，足球天地，棋坛快讯......栏目丰富可以与新浪，网易等专业网站媲美，但你想过没有，你怎样对这些栏目进行维护呢？你的网站独有的内容在那里呢？你的网站的特色又在那里呢？我确定个人网站主题的观点是“宁可小而专，不可大而全”，就网站“追梦”而言，虽然这个网站是三个人合办但内容仅限于某个方面，既文学情感类型的网站，尽管我们还有其它许多现成的内容，我们还是毫不犹豫地统统砍掉。明确主题后，下一步确定网站的名称。站名是网站的品牌，网站的标志。这网站的名字可真不好取，我开始想到叫“江水东流”，但ami说这个名字没有特色，如果链接到其它网站上是不会引起别人注意的。这个看法很对，我赞成她的观点。后来future和ami同时想到用“三人行”这个名称，但我用Yahoo和Sohu搜索引擎进行搜索后发觉有几百个网站居然都叫“三人行”，这个在建的网站应该有自己的特色，不能用这个常用名字。我的想法是我们的网站是个人网站，我们追求的并不是经济利益，而是表现自己爱好，自己的梦想。这个网站是表现这种梦想的一个载体，所以我选用了“追梦”这个名称，他们也认可了这个名字。现在很多个人网站并不局限于放置自己的简历，照片，爱好或者介绍自己的观念，著作。而是把自己的网站制作成了一份网络杂志，一个小图书馆，资料库。站长自己成了免费提供服务的编辑，发行人和出版人。正是这些制作者无私地付出，才使我们今天的网络信息能囊括社会文化的各个领域，各个角落。他们丰富着网络文化，从某种意思上说，应是补充着网络文化。如果你制作个人网站只是重复别人的主题而没有自己特色的话，是很难吸引人来浏览的。
二，内容和形式：
1,怎样突出内容？
要突出内容首先得保证快捷的网页浏览速度，在通常情况下，浏览者所能等待网页打开的时间不会超过30秒。如果在30秒内，网页还是无法打开的话，浏览者很可能放弃浏览这一页。笔者建议对要突出内容的网页文件设计不要超过30K。在字体应用上建议多采用css技术，字体的正规美观带一种整体的亲切感，从而唤起浏览者的阅读欲望。在css技术的运用方面，笔者推荐使用CSS工具软件Sheet Stylist。要突出内容，我们就应当尽量少用图片、多用色块保持版面的美观性、醒目性。下列色彩组合较易使版面醒目：黑白，蓝白，黑灰白，蓝黑，紫黄。注意在这种情况下，网页的搭配的色彩不要超过三种。我在设计追梦网站栏目“失落的伊甸”的时候，考虑到这是个以内容为主的栏目，为了保持内容在版面上的突出醒目，我只采用了黑白色调。网页的背景和前文的色彩对比尽量要大，不要用花纹繁复的图案作背景。对于有些需要突出内容整个网站而言，子站绝对不可以比主站用色深，主站可以用同色系的纯色，子站可以用中间色。在通常情况下，栏目的首页的画面色彩冲击力应在本栏目中是最强烈的，这样能使浏览者在感觉上分清内容的主次，使其觉得栏目的内部的联系是紧密的。此外，我们最好在网站首页上或导航页设置“最新更动”栏目，及时醒目地告诉来访者您主页最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容。我们也应在首页上对每个栏目进行介绍，这样第一次来网站做客的人就能马上找到他们干兴趣的东西。总之，要突出内容就得方便浏览者。我考虑到“追梦”的栏目比较多，所以在导航页上新增加了导航地图，使浏览者对网站的结构一目了然，不至于在复杂的内容中迷失方向。由于有的人使用浏览器并没有浏览FLASH的功能，尽量不要采用Flash等需要插件才能浏览的新技术。为了能与大多数浏览器兼容而牺牲页面的表现力也是值得的，因为我们的目的是让更多的人看到网站的内容。
2,怎样突出形式？
在中国网络界，对于网页设计形式现在完全流行着一个相同的观念，既网页非要怎么配色，怎么放置才能表现出其专业性。这种观念认为一个网页只要设计成具有专业性质的效果，那么它就是艺术的。如果网页没有表现出这种设计理念，那么它就是非艺术的。我个人认为，艺术的本身有着不同的实现形式，比如古典绘画与印象派绘画，摇滚乐与交响乐在形式上具有很大反差，但不可否认它们都是艺术的。世界，社会是多元的，多层次的。同样网络文化结构形式不可能只是一个单层面的简单系统，而是一个多层次的复杂系统。即使同一民族的文化也不是单一的，而是由若干层次组成。每个文化层都有自身多年来形成的文化习惯，这些习惯成为人们分辨丑与美的重要标准。一个农民认为是丑的东西而从艺术家的角度来看也许就是美的，同样农民认为是美的物体而艺术家可能会认为是俗不可耐的。这些差别的存在是人所共知的今天，东西南北中的混合的今天。在五彩缤纷的网络世界里，我们更需要共存，理解和宽容。个人网站带有个体劳动的性质，设计者的个性通过创作直接表现出来，而商业网站在大多数情况下是一种集体创造，个性的表现要通过集体这一中间环节，因此当个性与共性发生冲突的时候，个性便会完全弱化。为了突出内容，商业网站往往牺牲个性的丰富多彩来保证整体的协调性。如果仅仅把这种商业网站类型的协调性作为艺术性评判的标准，未免失之偏颇。设计的关键在于：到你网站来浏览的大多数人是否能认同这种形式？你网站的浏览者的审美共性是什么？评判的标准不是专家的意见，而是浏览者的看法。对于个人网站而言，要突出自己的个性和艺术性，就不要受流行的观点所左右。相信自己，没错的。
3，怎样保持网站的内容和形式和谐统一？
内容和形式是应该和谐统一的，确保形式是建立在有价值内容之上。并且形式与内容的各个方面经过在创作过程有机地结合在一起之后，形式和内容本身都会增加了许多新的内涵，构成一个新的品级。在这个过程中你首先必须保证内容的质量和价值性，这是最基本的，毋庸质疑的。要保证内容的质量，应有独有的内容，只有具有独特内容别人才会前来浏览。然后，根据这些特有的内容来确定与之相配套，相适应的风格。譬如，设计关于儿童内容的网页，在网页形式上应用上就可采用些活泼的卡通图片；设计文学类型的网站，在网站的色彩形式运用上一般需保持素雅的风格。
需要注意几个问题：第一个问题是网络广告的定位。放广告条是有微薄收入的，但会破坏版面的协调性。有的网页设计得相当美观，但在显眼位置唐突地来上一块不断闪烁的广告牌，这就好比在漂亮的mm脸上贴了一块狗皮膏药，大煞风景。我统计了一下，如果一个影响大的个人网站日浏览量有1000人次，按最大点击率5%来算（超过5%的点击量会被赞助商删除），那么每天只有50人次点击，按国内广告的点击付费标准每次0.2元钱来计算也只有10元钱的收入。而且日浏览量能达到1000人次的个人网站数量极少。基于这些原因，网站“追梦”将拒绝任何商业赞助广告。第二是如何进行书签推荐的问题。常常看到个人网站设计者在网页上列出了他们精心收集的书签或各种酷站的链接，让浏览者分享他们遨游网络的快乐。但在大多数情况下，设计者对这些书签和链接并不分门别类，也不加以分析，说明。处于浏览者的角度来看，他们可以在sohu等搜索引擎上，轻而易举找到成百上千的相关链接。如果你不对这些推荐的链接加以个人独特的评论、介绍，浏览者又何必到你的网站上去找索引呢？所以建议网站设计者能对这些书签链接加以注解。第三要保证网页在不同浏览环境下，页面效果不能差异过大。页面在不仅能在800×600分辨率下正常显示而且要保证在640x480，1024x768分辨率下显示正常。同时，也应保证网页在几种常用浏览器环境下显示正常。
三，分栏目，布局。
网站的结构大致可分为以下两类：
1、树状链接结构：这是一对一结构。结构形式就象一棵树一样，树干长出一个树枝，树枝长出一个树丫，树丫上发出一片树页。首页链接指向一级页面，一级页面链接指向二级页面。浏览者在这样的链接结构中浏览时，一级级进入，一级级退出。优点是条理清晰，浏览者明确知道自己在什么位置，不会"迷"路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。
2、星状链接结构。这是一对多的结构。结构形式类似于一张呈辐射状的网，每个页面相互之间都建立有链接。网站“追梦”就是采用的这种链接方式。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
在划分网站的栏目、布局的时候应该注意以下几个问题：
1、确立简明的网站布局。网站总的文件夹结构不要超过5个层次，网站的链接结构也不要超过5个层次。目录层次越多，网站维护就越麻烦。链接层次越多，浏览者就越容易迷失在网站迷宫般的结构中。尽可能删除与主题无关的栏目。而且子站一定要比主站安排得更紧凑，不然让人越看越散。
2、按栏目内容建立子目录。子目录的建立，首先按主菜单栏目建立。笔者的观念是一个分栏目就应该设一个子目录。以网站“追梦”为例，栏目“巴山夜话”中的文件放在单独的目录yehua中，“神雕侠侣”栏目中的文件放在单独的目录eagle中。不应把所有的文件放在根目录下。如果把所有的文件放在根目录下会引起文件管理混乱。你常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。另外也会引起上传速度变慢。服务器一般都会为根目录建立一个文件索引。当您将所有文件都放在根目录下，那么即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。如果文件量越大，等待的时间也将越长。
3、栏目的主题名称应与网站的主题和名称统一。才女枝枝的个人网站“落梅风”（网址：http://lizzie.yeah.net）是以梅花为题的自创文学作品网站，栏目名称也是围绕这个红梅这个意象展开。网站中的一个栏目叫做“疏影”，另一个栏目叫做“暗香”，这是个栏目名称来历出自唐代林和靖的咏梅诗句“疏影横斜水清浅”和宋代姜夔的咏梅词牌名“暗香”，有特色、有韵味栏目的名称使得网站风格更具高雅的文学品位。
4、提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮在一系列具前后连续顺序的网页里，每篇网页都至少应提供「上一页」、「下一页」、「回子目录页」与「回首页」的导览按钮，读者能够立即得知自己所在的页面是属于一个网页集合中的一小部分。使得网页与网页之间的联系更加紧密。除此之外，如果你的某个网页还没有制作完成，就暂时不提供超连结到尚未完成的网页，不要让浏览者耐心等待到的结果只是一张无聊的告示牌∶「施工中」。
四，恰当应用网页制作技术。
经常有人来问我那种软件制作网页最好，那种软件处理图象最好。这个问题我很难回答，实际上不同的软件都有自己不同优势。譬如，Fireworks在文字处理和分割图片功能比Photoshop更强大，更快捷。但Fireworks是无法代替Photoshop的其它功能的，比如滤镜、层、通道等图象处理的高级运用形式。同样，不同的网页元素表现形式也有自己不同的优势。我们把gif动画与flash动画相比较，gif动画文件大，下载速度慢，表现力弱，但gif动画兼容于所有浏览器，而flash动画却非要通过shockwave插件才能浏览。关键是你需要表现什么样形式，什么样的内容，要达到什么样的效果来决定网页制作技术的应用。我反对把网页制作变成炫耀自己技术的方式，有的人的网站好象是为了表现花哨的技术而设计的。当我们一进入这些网站的时候，突然几个窗口一起打开，先致欢迎词并热情地告诉你现在是几点几分，然后又要你报姓名、统计你是第几次来浏览，在经过繁杂的手续后，浏览者的兴趣大减。现在我斗胆批评一下一种常用的javascript效果，代码如下：
<SCRIPT language=javascript>
function click() {
if (event.button==2) {
alert('对不起,禁止使用此功能.')
}
}
document.onmousedown=click
</SCRIPT>
这个功能是用来禁止查看源代码，但是别人如果真的想查看源代码，只需把网页保存在自己的计算机里用网页制作软件打开就可仔细分析源代码，这个功能根本起不到保护网页设计版权的效果。在另一方面，浏览者在浏览的时候无法使用鼠标右键中的“开启链接新窗口”等功能，使得浏览过程非常别扭、非常不方便。
本文是关于网站建设的文章。下面向大家介绍怎样使用Dreamweaver3.0建立、发布网站。