中华网校

系列网站: 中华网校 | www.网校.com | 3D模型 | 中华网校教育

电脑网校 | 业界新闻 | 职业网校 | 网校宝典 | 软件下载 | 网校论坛 | 网校联盟

电脑入门 | 网页设计 | 网络编程 | 图形图象 | 三维空间 | 多媒体 | 程序语言 | 操作系统 | 系统专题 | 办公应用 | 软件宝典 | 硬件天下 | 

 

您的位置:首页 >> 网页设计 >> Dreamweaver >> Dreamweaver基础 >> 新闻正文

高级网站设计师系列一:初步接触Dreamweaver & 网站  

作者:  时间:2004-5-25  来自:  责任编辑:  阅读次数:

p.s.最近给公司写教程,顺便附带发布到网上,有参考有转载。

Dreamweaver是Macromedia公司出品的一款"所见即所得"的网页编辑工具。
与 FrontPage不同,Deamweaver采用的是Mac机浮动面板的设计风格,当你习惯了其操作方式后,就会发现Dreamweaver的直观性与高效性是FrontPage所无法比拟的。
Dreamweaver对于DHTML(动态网页)的支持特别好,可以轻而易举地做出很多眩目的互动页面特效,插件式的程序设计使得其功能可以无限的扩展。
Dreamweaver与Flash、Fireworks 并称为 Macromedia的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。
因此,说Dreamweaver是高级网页制作的首选并不为过。



和所有Windows(窗口)系列软件一样,软件从上到下:①标题栏,②菜单栏,③插入栏,④文档栏,⑤标准栏,⑥工作区域,以及其它各类面板。其中“标题栏”和“菜单栏”是永远不会消失的,“插入栏”可以通过菜单“窗口”—“插入”(Ctrl+F2)打开,“文档栏”和“标准栏”用菜单命令“查看”—“工具”进行选择,“工作区域”也就是一个网页的内容,其它各类面板均可通过菜单“窗口”打开。对于整个软件的进一步设定,可以通过菜单“编辑”—“参数选择”(Ctrl+U)查看其中的每项。

Dreamweaver是用来做网页的,更确切来说是用来做网站的,所以在使用Dreamweaver之前我们将熟悉一下网站的架构思想。一定要考虑好以下几方面:

一,定位你的网站主题和名称
设计一个站点,首先遇到的问题就是定位网站主题。所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪,琳琅满目。只要你想的到,就可以把它制作出来。下面是美国《个人电脑》杂志(PC Magazine)评出的2002年度排名前100位的全美知名网站的十类题材,对我们有一些参考价值。
  第1类:网上求职
  第2类:网上聊天/ 即时信息/ ICQ
  第3类:网上社区/ 讨论 / 邮件列表
  第4类:计算机技术
  第5类:网页/ 网站开发 
  第6类:娱乐网站 
  第7类:旅行 
  第8类:参考 / 资讯
  第9类:家庭/ 教育 
  第10类:生活/ 时尚 
  每个大类都可以继续细分,比如娱乐类再分为体育 /电影/ 音乐大类,音乐又可以按格式分为MP3,VQF,Ra,按表现形式分古典,现代,摇滚等。以上都只是最常见的题材,还有许多专业的,另类的,独特的题材可以选择,比如中医,热带鱼,天气预报等等。同时,各个题材相联系和交叉结合可以产生新得题材,例如旅游论坛(旅游+讨论),经典入球播放(足球+影视)按这样分下去,题材可以有成千上万个,你不会再为题材重复,难以选择而烦恼。
  对于题材的选择,建议如下:
1.主题要小而精。定位要小,内容要精。如果你想制作一个包罗万象的站点,把所有您认为精彩的东西都放在上面,那么往往会事与愿违,给人的感觉是没有主题,没有特色,样样有却样样都很肤浅,因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快,目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示,网络上的“主题站”比“万全站”更受人们喜爱,就好比专卖店和百货商店,如果我需要买某方面的东西,肯定会选择专买店。再举个例子,一位网友希望制作文学方面的题材,但是文学也包括许多许多内容,有小说,诗歌,散文;有科幻,武侠,推理;经仔细了解他的擅长和想要提供的主要内容,最后将题材定位在网络文学上,删除了原有的一些无关的文学作品,集中扩大和整理网络文学作品。网站推出后,很快受到大家的喜爱。
2.题材最好是你自己擅长或者喜爱的内容。比如:您对擅长编程,就可以建立一个编程爱好者网站;对足球感兴趣,可以报道最新的战况,球星动态等。这样在制作时,才不会觉得无聊或者力不从心。兴趣是制作网站的动力,没有热情,很难设计制作出杰出的作品。
3.题材不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材;比如软件下载,免费信息。“目标太高”是指在这一题材上已经有非常优秀,知名度很高的站点,你要超过它是很困难的。除非你下决心和有实力竞争并超过它,记住,在互联网上只有第一,人们往往只记得最好的网站,第二、第三名的印象则会浅得多。
  OK,如果你已经有一个绝妙的主意了,那我们开始为网站起名字。您可能认为起名字与网站设计无关。其实网站名称也是网站设计的一部分,而且是很关键的一个要素。你来看,“电脑学习室”和“电脑之家”显然是后者简练;“迷笛乐园”和“MIDI乐园”显然是后者明晰;“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”,如果改为“奔跑”,可能就没有今天这么“火”了。和现实生活中一样,网站名称是否正气,响亮,易记,对网站的形象和宣传推广也有很大影响。一般的建议是:
1. 名称要正。这个“正”其实就是要合法,和理,和情。不能用反动的,色情的,迷信的,危害社会安全的名词语句。
2. 名称要易记。根据中文网站浏览者的特点,除非特定需要,网站名称最好用中文名称,不要使用英文或者中英文混合型名称。例如:beyond studio和超越工作室,后者更亲切好记。另外,网站名称的字数应该控制在六个字(最好四个字)以内,比如“XX阁”“XX设计室”,四个字的可以用成语,如“一网打进”。字数少还有个好处,一般友情链接的小logo尺寸是88X31,而六个字的宽度是78左右,适合于其他站点的链接排版。
3. 名称要有特色。名称平实就可以接受,如果能体现一定的内涵,给浏览者更多的视觉冲击和空间想象力,则为上品。这里举几个阿捷认为很好的名称:音乐前卫,网页陶吧,天籁绝音。在体现出网站主题的同时,能点出特色之处。
  总之,定位题材和名称是设计一个网站的第一步,也是很重要的一部分。如果能找到一个满意的名称,花一天时间翻字典也是值得的。

初学者最容易犯的错误就是:确定题材后立刻开始制作。当你一页一页制作完毕后才发现:网站结构不清晰,目录庞杂,内容东一块西一块。结果不但浏览者看得糊涂,自己扩充和维护网站也相当困难,您的网站或许就此半途而废,更糟糕的是:你因此失去了制作主页的信心和兴趣!

二,确定栏目和版块
栏目的实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来。在制定栏目的时候,要仔细考虑,合理安排。一般的网站栏目安排要注意以下几方面:
1.一定记住要紧扣你的主题!一般的做法是:将你的主题按一定的方法分类并将它们作为网站的主栏目。例如一个动画类站点,可以将栏目分为动物动画,标志动画,三维动画,卡通动画等,在首页上标明最近更新的动画。记住:主题栏目个数在总栏目中要占绝对优势,这样的网站才显得专业,主题突出,容易给人留下深刻印象。
2.设一个最近更新或网站指南栏目!如果你的首页没有安排版面放置最近更新内容信息,就有必要设立一个“最近更新”的栏目。这样做是为了照顾常来的访客,让你的主页更有人性化。如果你的主页内容庞大(超过15MB),层次较多,而又没有站内的搜索引擎,建议您设置“本站指南”栏目。可以帮助初访者快速找到他们想要的内容。
3.设定一个可以双向交流的栏目!不需要很多,但一定要有。比如论坛,留言本,邮件列表等,可以让浏览者留下他们的信息。有调查表明,提供双向交流的站点比简单的留一个"Email me"的站点更具有亲和力。
4.设一个下载或常见问题回答栏目!网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料,你肯定希望能一次性下载,而不是一页一页浏览存盘。“将心比心”在你自己的主页上设置一个资料下载栏目,会得到大家的喜欢。有些站点为了广告显示量,一篇文章还要分几页显示,我觉得迟早会因访问量下降而淘汰。另外,如果您的站点经常收到网友关于某方面的问题来信,你最好设立一个常见问题回答的栏目,既方便了网友,也可以节约自己更多时间用以学习。
至于其他的辅助内容,如关于本站,版权信息等可以不放在主栏目里,以免冲淡主题。总结以上几点,我们得出划分栏目需要注意的是:
●    尽可能删除与主题无关的栏目
●    尽可能将网站最有价值的内容列在栏目上
●    尽可能方便访问者的浏览和查询
上面说的是栏目,我们再看看版块设置。版块比栏目的概念要大一些,每个版块都有自己的栏目。举个例子:网易的站点分新闻,体育,财经,娱乐,教育等版块,每个版块下面有各有自己的主栏目。一般的个人站点内容少,只有主栏目(主菜单)就够了,不需要设置版块。如果你觉得的确有必要设置版块的,应该注意:1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。关于版块方面,主要是门户站点等较大ICP需要考虑的问题,在此不再作展开讨论。

    以上两点都是空谈~!纸上谈兵,掌握了原理就应该实践应用。就应用而言还是有其规范的。

三,网站开发规范
1.    网站目录设置规范
目录建立的原则:以最少的层次提供最清晰简便的访问结构。 
a.根目录:指DNS域名服务器指向的索引文件的存放目录。服务器的ftp上传目录默认为html
b.根目录文件:根目录只允许存放index.html和main.html文件,以及其他必须的系统文件。
c.每个语言版本存放于独立的目录。已有版本语言设置为:
简体中文 \gb
繁体中文 \big5
英 语 \en
日 语 \jp 
d.每个主要功能(主菜单)建立一个相应的独立目录。
根目录下的images为存放公用图片目录,每个目录下私有图片存放于各自独立images目录.例如:\menu1\images
\menu2\images
e.所有的js文件存放在根目录下统一目录\script ;所有的CSS文件存放在根目录下的style目录;所有的BBS程序存放在根目录并列目录\bbs目录.
2,网站文件命名规范
文件命名的原则:以最少的字母达到最容易理解的意义。
索引文件统一使用index.html文件名(小写)
index.html文件可统一作为"桥页",不制作具体内容,仅仅作为跳转页和meta标签页。主内容页为main.html
按菜单名的英语翻译取单一单词为名称。例如:
关于我们 \aboutus
信息反馈 \feedback 
产 

   高级网站设计师系列一:初步接触Dreamweaver & 网站   共有2页  1  2 页

相关文章 最新文章 推荐文章
解决Deamweaver8中CSS应用无效问题
Dreamweaver MX 2004从零开始
Dreamweaver制作网页幻灯片效果
高级网站设计师系列一:初步接触Dreamweaver & 网站
Dreamweaver MX 中文版 快捷键大全

  中华网校依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请即时与我们 联系, 注明网址及文章,我们会即时处理或删除,感谢您的合作!中华网校email
  中华网校由广州市中六电脑城智锐计算机专业培训学院及中华网校技术中心提供网络支持未经本站许可任何个人网站、书刊报社一律不得私自复制,转载本站内容!

关于中华网校 | 广告服务 | 版权声明 | 投稿指南 | 网站合作 | 友情链接 | 网站地图

 

版权所有 中华网校 & 智锐网校 1999-2004 COPYRIGHT (C) 1999-2004 www.ZhiRui.com ALL RIGHTS RESERVED

 
/**/