• 请关注:如何让网页的大图片更快更好的显示?!
  • 设为首页
中华英才实验室
  • 首页|论坛|应届生|考研|公务员|培训|留学|招聘信息|职场观察|求职指南|职场攻略|政策法规|大学生创业
  • 名校|高考|招聘会|名企|职业库|创业|面试|就业形势|职业规划|求职攻略|简历模板|外企求职|大学生实习

培训考试

首页>IT培训>Macromedia认证>复习指导>

    如何让网页的大图片更快更好的显示?

    培训考试频道  更新时间: 2006-11-26   保存本文   推荐给好友   收藏本页

    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

    那有了上面很正规的一套思想以后,是不是有建立一个个人站点的欲望呢?Step By Step. Follow me.


    Tag 【责任编辑:shihui】
    上一篇:Dreamwaver常见问答集(二) 下一篇:Dreamwaver常见问答集(三)
最新评论共有 0 位网友发表了评论
查看所有评论
发表评论
  评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码: 匿名?
注册
  1、本站文章部分来源于互联网,转载是为了更好信息共享。如果侵犯了您的合法权益,请及时通知我们,我们将第一
  时间删除。
  2、中华英才实验室力倡IT文化,崇尚互联共享,欢迎各种媒体转载我们原创的文章,转载请注明出处:中华英才实验室
  3、转载中华英才实验室原创文章,请注明:转载自[中华英才实验室:http://www.chinahrlab.com]
  • 复习指导最新文章
  • ·Macromedia认证考试内容详解
  • ·Dreamweaver MX实例祥解:图片应用技巧集锦
  • ·网页的版式设计—文字的格式化
  • ·给自己的独创网页加个密
  • ·网页设计必须注意的29个问题
  • ·巧用Firework设计个性化印章
  • ·Dreamwaver常见问答集(一)
  • ·Dreamwaver常见问答集(二)
  • ·如何让网页的大图片更快更好的显示?
  • ·Dreamwaver常见问答集(三)
  • 论坛热帖
  • 论坛
  • 复习指导热点关注
  • ·如何让网页的大图片更快更好的显示?
  • ·网页设计必须注意的29个问题
  • ·巧用Firework设计个性化印章
  • ·网页的版式设计—文字的格式化
  • ·备考速成:Dreamweaver经典技巧
  • ·dreamweaver高级操作
  • ·Dreamweaver MX实例祥解:图片应用技巧集锦
  • ·Dreamwaver常见问答集(三)
  • ·解决在Dreamweaver中不支持中文文件名的方法
  • 编辑推荐文章
  • ·Macromedia认证考试内容详解
  • ·巧用Firework设计个性化印章
  • ·网页的版式设计—文字的格式化
  • ·Dreamweaver MX实例祥解:图片应用技巧集锦
  • ·网页设计必须注意的29个问题
  • ·给自己的独创网页加个密
  • ·备考速成:Dreamweaver经典技巧
  • ·dreamweaver高级操作
  • ·解决在Dreamweaver中不支持中文文件名的方法
  • ·Dreamwaver常见问答集(三)
    首页 | 关于我们 | 广告服务 | 网站地图 | 免责条款 | 人才招聘 | 给我留言 | 联系我们 | 友情链接 | 黑板报
    Copyright @ 2006-2008 chinahrlab.com. All rights reserved. 中华英才实验室 版权所有
    京ICP备06024305号