[高级设计师证]高级网站设计师系列一:初步接触Dreamweaver & 网站
【shitiku.jxxyjl.com--Macromedia认证经验交流】
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
产 品 \product
所有单英文单词文件名都必须为小写,所有组合英文单词文件名第二个起第一个字母大写;
所有文件名字母间连线都为下划线
图片命名原则以图片英语字母为名。大小原则写同上。
例如:网站标志的图片为logo.gif
鼠标感应效果图片命名规范为"图片名+_+on/off"。
例如:menu1_on.gif/menu1_off.gif
其它文件命名规范:
js的命名原则以功能的英语单词为名。例如:广告条的js文件名为:ad.js
所有的asp文件后缀为asp,所有asp程序的配置文件为config.asp
3,网站建设尺寸规范
页面标准按800*600分辨率制作,实际尺寸为778*434px
页面长度原则上不超过3屏,宽度不超过1屏
每个标准页面为a4幅面大小,即8.5x11英寸
全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px
另外120*90,120*60也是小图标的标准尺寸
每个非首页静态页面含图片字节不超过60k,全尺寸banner不超过14k
那有了上面很正规的一套思想以后,是不是有建立一个个人站点的欲望呢
本文来源:https://shitiku.jxxyjl.com/macromediarenzhengjingyanjiaol/7498.html
-
[高级设计师证]高级网站设计师系列一:初步接触Dreamweaver & 网站详细阅读
dreamweaver是macromedia公司出品的一款所见即所得的网页编辑工具。 与 frontpage不同,deamweaver采用的是mac机浮动面板的设计风格,当你习惯了其操作方式后,就会发现dreamweaver的直观性与高效性是frontpage所无法比拟的。...
-
dreamweaver超级链接|DreamWeaver超级技巧4详细阅读
21 给文字施加行为(behavior),制作动态文字特效 在dreamweaver中普通的文字是以字符为单位的,不能作为对象,即一些非常有用的javascript事件不能赋予文字。因为文字不像图片和其他控件有具体的标记,所以文字与很多特效失之交臂。为了给文字添加特效,只有把文...
-
使用灭火器灭火的最佳位置是|使用Macromedia Captivate的一些心得详细阅读
最近开始流行用macromedia captivate录制视频教程了。 但我发现行多朋友录制完教程后,不加任何编辑修改就直接发布, 本人不提倡这样,希望大家录制完教程后,编辑一下,并自己多看几遍,有问题的地方要及时修改。 我以前录制的教程,4、5分钟即可录制完成,但编辑修改的...
-
【cad布局颜色】网页布局与颜色运用的基本准则详细阅读
在网页设计的众多环节中,页面布局、颜色搭配是最为重要的环节之一。接下来,我们将通过五条准则来告诉您如何在布局、颜色方面让您的网页看起来更舒适、更美观。 首先,让我们来讲讲有关页面的布局。准则一:有太多的条条框框会对你的健康产生不好的影响有一名设计师说当他或她在页面设计时开始使用一些条...
-
解决在萌芽状态|解决在 Dreamweaver中不支持中文文件名的方法详细阅读
用dreamweaver制作网页时,如果插入的图片、gif动画、声音、视频或链接的网页是用中文命名的,在用ie浏览器浏览时可能显示不出来。以至于大家不得不将用到的素材全改为英文文件名,然后再在dreamweaver中引用。随着素材的增多,因为是英文文件名,要查找某个文件是多么不方便呀! 经过...
-
【dreamweaver超级链接】DreamWeaver超级技巧2详细阅读
11 制作背景音乐 在dreamweaver中插入背景音乐是非常容易实现的,这里介绍两种方法,由大家选择。 (1)在页面不显眼的地方插入一空层 ,并在层内放入一个activx对象 ,双击该对象,在打开的对话框中选择一个midi音乐文件,然后在层对象属性面板中设定其可视性为hidden,保存变动后按...