您好!欢迎你光临网页制作技巧_佳人有约!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习园地>>>网页素材>>>网页制作技巧
网页制作技巧
发表日期:2006/2/28 17:20:00 出处:未知 作者:未知 发布人:maizi1020 已被访问 1224

网页制作技巧
z1

制作个人首页的窍门

  1.首先主题选择不要落俗!现在许多的个人主页就象“大锅饭”。题材包罗万象,内容雷同无味。人人都是“软件速递”“音乐宝库”“主页教程”等等。让我一看就赶紧“back”,我可是花钱上网的噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎,就象书路的电子图书,龙翔的游戏资讯。另外提醒您的一点就是,最好不要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空间提供商都不接受含此类信息的站点。

  2.如果您准备建立新的个人首页,千万不要立刻开始制作页面。一定要好好的想一想,总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起,想到什么就作什么,往往会使您的网站,虎头蛇尾,条理混乱,最终因维护困难而夭折。

  3.开始制作请您千万不要急着许多页面一起制作。许多新手会及不可待的将收集到的各种资料填入各个页面,转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦!建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置“返回首页”的链接,Email地址,版权信息等。然后copy成N个页,再将相应的内容“填空”。这样制作的主页,速度快,整体性强。如果您能结合borders的使用,可以天天轻松改变站点的风格。

  4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您。例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程。毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!

  5.每个页面不要使用超过2个的java程序,能够用javascript替代效果的则尽量不要使用java。因为目前来讲java的运行速度实在慢的让人无法忍受。java会使您的网页速度减慢至少50%。由于浏览器的版本,有时候等候半天,却告诉您java applent不能启动,这种经历相信您也有!

  6.单张图片不要超过30k,每页图片总量不要超过60k(一般情况)。据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的,所有的图片都必须“减肥”小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以“分割”成小图片。合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示。

  7.设置一个专门的“what's new”页面。及时醒目的告诉来访者您主页最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容。许多好的主页干脆将首页的内容作成“what's new”如“欢乐天地”“华军主页”,让您一目了然,不致于层层深入,一无所获。

  8.为您的图片加注解。图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击。特别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解。这是一个小地方,却体现一个网页的制作水准哦!

  9. 备份您的主页。您要说了,这也算窍门?象在凑数!千万千万不要这样想。“机有不测风云”,现在系统大战,软件Bug百出,病毒横行的年代,您保不准什么时候机器罢工,辛辛苦苦制作的网页付之东流。这样的“惨痛教训”我可不止一次了。算俺罗唆也好,杞人忧天也好,您就备份了罢!

z2

主页制作七步曲

  做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。下面谈一下制作主页的要领:
 
1.标题
  在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格,决不要取一个名不符实的“好名字”,别人第一次上了你的当,下次再也不会光顾了。
 
2.内容的采集
  选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西,不能跟平常所看到的企事业单位的网页相比。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制,没有人在你的创作内容上指手划脚,品头论足,你的主页就是你在网络上的一个小小家园,在那里,你可以放上自己喜欢的任何东西(当然不能有违法的内容),包括你自己平时写的一些文章,一些好听的歌,一段幽默小品,一些好的作品。把这些内容按类别进行分类,设置栏目,让人一目了然,在栏目上不要设置太多,最好不要超过十个,层次上最好少于五层,而你的拳头栏目最好能直接从首页到达,保证用各种浏览器都能看到主页最好的效果。

3.图片
  做个人主页不能只用文字,必须在主页上适当地加一些图片,增加可看性,俗话说“一图甚千言”,我想不无道理,一张处理得好的图片不需要你多做任何解释,就能让人一目了然,让人去思考,去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去,否则让人觉得是累赘,同时也影响网页的传输速度。图片不
仅要好看,还要在保证图片质量的情况下尽量缩小图片的大小(即字节数),在目前网络传输速度不是很快的情况下,图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢,一般来说,图片颜色较少的及在 256色以内的最好把它处理成gif图像格式,如果是一些色彩比较丰富的图片,最好把它处理成jpg
图像格式,因为gif和jpg各有各的压缩优势,应根据具体的图片来选择压缩比。
 
4.网页排版
  网页页面整体的排版设计也是不可忽略的,要让读者在狭小的电脑屏幕上阅读,很重要的一个原则是合理地运用空间,让自己的网页疏密有致,井井有条,留下必要的空白,人觉得很轻松。不要把整个网页都填得密密实实的,没有一点空隙,这样会给人一种压抑感。
 
5.背景
  网页的背景并不一定非要用白色,选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的,据心理学家的研究“色彩最能引起人们奇特的想象,最能拨动感情的琴弦”。比如说你做的个人主页是属于感情类的,那最好选用一些玫瑰色、紫色之类的比较淡雅的色彩,而不要用黑色、深蓝色这类比较灰暗的色彩。黑色是所有色彩的集合体,黑色比较深沉,它能压抑其它色彩,在图案设计中黑色经常用来勾边或点缀最深沉的部位,黑色不是灵丹妙药,用时必须苦心经营,否则会使图案“黑色太重”而显得沉闷阴暗。
 
6.其它
  如果你想自己的网页更有特色一些,可适当地加一些网页制作的技巧,诸如声音、动态网页、Java、Applet等,当然这些小技巧最好不要加太多,它会影响网页的下载速度,另外可考虑一下你主页定居点的速度和稳定性,不妨考虑建一两个镜像站点,这样不仅能照顾到不同地区网友对速度的要求,还能作好备份,以防万一
。等你的个人主页做得差不多了,可别忘了在你的个人主页上放一个留言板、一个计数器。前者能让你及时获得参观者的意见和建议,及时得到网友反馈的信息,你最好能做到有问必答,用行动去赢得更多的访问者;后者能让你知道主页参观者的统计数据,你可以及时调整你的设计,适应不同的浏览器和参观者的要求。
 
7.宣传
  最后一步就是宣传你的个人主页,你先在各个搜索引擎登录,这点你可以交给网上专门免费提供这类服务的一些站点替你做。此外你也不妨同访问量大的一些站点作一下友情链接,通过他们的网站来访问你的个人主页。

z3

怎样选择网页制作软件

  如今,上网冲浪已经成为一种时尚,构成了现代都市里一道独特而又亮丽的风景线。当你在网上漫游之际,会不会对那漂亮的网页羡慕不已呢?其实,你也可以制作自己的个人网页,现在网页制作软件不少。但在众多的网页制作软件中,你会选择哪一种呢?现在我们就来介绍几种各有特色的网页制作软件。希望你能从中找到一款适合你制作网页的软件。
入门级软件
  如果你是一个网页制作初学者,那么让下面几种软件带你走进那绚丽多彩的网页制作世界吧!

  ●Microsoft FrontPageXP——制作功能强大的网页

  如果你曾对Word很熟悉,那么相信你用FrontPageXP进行网页设计一定会非常顺手。
  使用Frontpage XP制作网页,你能真正体会到“功能强大,简单易用”的含义。页面制作由Frontpage XP的Editor完成,其工作窗口由3个标签页组成,分别是“所见即所得”的编辑页,HTML代码编辑页,预览页。FrontpageXP带有图形和gif动画编辑器,支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。
  FrontPage XP最强大之处是其站点管理功能。在更新服务器上的站点时,不需要创建更改文件的目录。FrontPage XP会为你跟踪文件并拷贝那些新版本文件。FrontPage XP是现有网页制作软件中唯一既能在本地计算机上工作,又能通过Internet直接对远程服务器上的文件进行工作的软件。
  
  ●Netscape编辑器——制作简单的网页

  Netscape Communicator和Netscape Navigator Gold 3.0版本都带有网页编辑器。
  如果你喜欢用Netscape浏览器上网,那么使用Netscape编辑器真是简单方便!当你用Netscape浏览器显示网页时,单击编辑按钮,Netscape就会把网页存储在硬盘中,然后就可以开始编辑了。你也可以像使用Word那样编辑文字、字体、颜色,改变主页作者、标题、背景颜色或图像,定义描点,插入链接,定义文档编码,插入图像,创建表格等,是不是与Frontpage 98还有些像。但是,Netscape编辑器对复杂的网页设计就显得功能有限了,它连表单创建、多框架创建都不支持。
  Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的,Netscape 编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话,能够使用Notepad或UltraEdit等文本编辑器来编写少量的HTML语句,那么也可以弥补Netscape编辑器的一些不足。

  ●Adobe Pagemill 3.0——制作多框架、表单和Image Map图像的网页

  Pagemill功能不算强大,但使用起来很方便,适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像,那么Adobe Pagemill 3.0的确是你的首选。
  Pagemill创建多框架页十分方便,你可以同时编辑各个框架中的内容。Pagemill在服务器端或客户端都可创建与处理Image Map图像,它也支持表单创建。Pagemill允许在HTML代码上编写和修改,支持大部分常见的HTML扩展,还提供拼写检错、搜索替换等文档处理工具。在Pagemill 3.0中还增加了站点管理能力,但仍不支持CSS、TrueDoc和动态HTML等高级特性。
  Pagemill另一大特色是有一个剪贴板,可以将任意多的文本、图形、表格拖放到里面,需要时再打开,很方便。
  
  ●Claris Home Page 3.0——快速创建动态的网页

  如果使用Claris Home Page软件,你可以在几分钟之内创建一个动态网页。这是因为它有一个很好的创建和编辑Frame(框架)的工具,你不必花费太多的力气就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker数据库,增强的站点管理特性还允许你检测页面的合法连接。不过界面设计过于粗糙,对Image Map图像的处理也不完全。
  
提高级软件

  如果你对网页设计已经有了一定的基础,对HTML语言又有一定的了解,那么你可以选择下面的几种软件来设计你的网页,他们一定会为你的网页添色不少。

  ●DreamWeaver MX——自制动态HTML动画的网页

  DreamWeaver MX是一个很酷的网页设计软件,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML(Dynamic HTML)的设计,使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。
  DreamWeaver MX还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver MX和HTML代码编辑器之间进行自由转换,HTML句法及结构不变。这样,专业设计者可以在不改变原有编辑习惯的同时,充分享受到可视化编辑带来的益处。DreamWeaver MX最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。
  下载网址www.macromedia.com

  ●HotDog Professional 5——制作要加入多种复杂技术的网页

  HotDog是较早基于代码的网页设计工具,其最具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。
  HotDog的高级HTML支持插入marquee,并能在预览模式中以正常速度观看。这点非常难得,因为即使首创这种标签的Microsoft在FrontPage 98中也未提供这样的功能。HotDog对plug-in的支持也远远超过其他产品,它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。
  HotDog是个功能强大的软件,对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,是个很好的选择。
  
  ●HomeSite 3.0——制作可完全控制页面进程的网页

  Allaire的HomeSite 3.0是一个小巧而全能的HTML代码编辑器,有丰富的帮助功能,支持CGI和CSS等等,并且可以直接编辑perl程序。HomeSite工作界面繁简由人,根据习惯,可以将其设置成像Notepad那样简单的编辑窗口,也可以在复杂的界面下工作。
  HomeSite具有良好的站点管理功能,链接确认向导可以检查一个或多个文档的链接状况。
  HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程,HomeSite 3.0是你最佳选择。不过对于生手过于复杂。

f1

FrontPage中的快捷键

   
1、用于网页的快捷键

  创建新的网页 Ctrl+N

  打开网页 Ctrl+O

  在网页上创建超链接 Ctrl+K

  在Web浏览器中预览网页 Ctrl+Shift+B

  打印网页 Ctrl+P

  显示不可打印的字符 Ctrl+Shift+8

  显示HTML标记符 Ctrl+/

  刷新网页 F5

  在打开的网页之间切换 Ctrl+Tab

  关闭网页 Ctrl+F4

  保存网页 Ctrl+S

  退出FrontPage Alt+F4

  查找文本 Ctrl+F

  替换文本 Ctrl+H

  检查网页上的拼 F7

  在词典中查找文 Shift+F7

  撤消操作 Ctrl+Z

  恢复或重复操作 Ctrl+Y

  2、用于设置文本的快捷键

  应用样式 Ctrl+Shift+S

  应用一般样式 Ctrl+Shift+N

  应用标题1样式 Ctrl+Alt+1

  应用标题2样式 Ctrl+Alt+2

  应用列表样式 Ctrl+Shift+L

  3、用于文本与图形编辑的快捷键

  剪切选择区文本至剪贴板 Ctrl+X

  复制文本或图形 Ctrl+C

  粘贴剪贴板内容 Ctrl+V

  包括下个屏幕画 Shift+Page Down

  包括上个屏幕画面 Shift+Page Up

  包括所有页面 Ctrl+A

  显示选择区的属性 Alt+Enter

  插入表格 Shift+Ctrl+Alt+T

f2

FrontPage中的表格功能
 

  现在已经有越来越多的朋友加入到使用FrontPage编制网页的行列中来了,因为它的使用实在是太方便了,把制作主页的工作变得像用WORD编辑一篇文档一样简单。不过不知道您是否也遇到过这样的麻烦:当您打算在页面上任意安排图片的位置的时候,却发现这远没有想象中的那么简单。这时您应该使用一下表(Table)功能了。

  表是一种能够有效地描述信息的组织方式。在Web页面中表格也被用来组织和控制页面布局。毫不夸张地说表格可以无所不及地控制页面布局,如何使用它全凭你的想象力。
通过FrontPage 我们可以非常方便地创建表并组织页面。创建一个表有两种方法:画表格和插入表格。

  1.画表格:选择表工具条(Table toolbar)中的“画表”(Draw Table)工具根据您的需要自己手动勾勒“经纬” ;

  2.插入表格:点击标准工具栏(Standard toolbar)中插入表(Insert table)按钮插入所需表格。

选择“画表”(Draw Table)工具在页面顶部画一个表框,并用“INSERT COLUMNS”工具将该表框分为两列 。在第二列表中插入第一张图片,然后用鼠标拖动栏框调整图片位置,并点击编辑窗口下方的“preview”标签在预览窗口中测试图片是否到位。
  现在我们来插入后面两张图片。同样我们再画一个表,然后用“Split cells”工具将该表为三栏,分别在第一栏和第三栏中插入第二、三张图片 。点击“align right”(右对齐)按钮和“align bottom”(底对齐)将第二张图片放在第一列的右下角。拖动栏框将图片调整到位。
到这里页面上的图片都已放置到位,接下来的工作是将表格的框架隐去。在将要进行处理的表内点击右键,并选择“Table propertise”打开表属性对话框 ,将“border size”(表框宽度)的值设为“0”,确定后将隐藏表框。

  下面我们来介绍一下表工具条(table tool bar)中常用的几个工具。

  画表(Draw Table)工具:前面我们多次使用过它,在这里就不再多说了。
  擦子(eraser):将选中的栏线删去。
  删除单元(delete cells):将选中的表格单元删去。
  合并单元(merge cells):将选中的几个表格单元合并为一个单元。
  分离单元(split cells):将一个表格单元分离成多个单元。
  可别小看这些工具,灵活应用它们能在你使用表来组织页面时给你带来极大的方便。

  关于使用表控制页面布局的技巧还有很多,必要时我们还需要使用表套表的方法。相信各位在表的使用中一定会有自己更独到、更有价值的见解,到时别忘了拿出来给大家交流一下哦!

f3

FrontPage主页设计帮助

    Q.我在一行结束后按回车键,就跳到隔一行的段落上,如何避免隔行跳到下一段落?
  A.在一行结束后先按着[Shift]键,再按回车就可以不隔行跳到下行上,[Shift]+[Enter]是一种很好控制段落关系的快捷方法。
  
  Q.如何给一段文字加上背景?
  A.先把光标移到要定义的段落(如果段与段之间没有硬回车,表示给这几个段落都加上同一个背景),按鼠标右键,选择[段落属性]中的[样式],在[颜色]项我们可以看到背景与前景颜色,还有[背景图像]选择。
  注:硬回车表示在一段后直接按下回车到达另一行(隔一行)。
  
  Q.如何才能不显示一个框架的边界?
  A.选择主菜单[框架]中的[框架页面属性],在最后一个选项[框架]中,把[显示边界]项的钩去掉即可,当用浏览器浏览时就看不到边界了。

  Q.如何使两幅图片重叠?
  A.一种方法是如上所讲,先给段落加上背景,再在段上插入图片就行了。第二种方法是先画一个表格,把图片或文字放进去,光标移到表格里,按下鼠标右键选择[表格属性],把[布局]中的[边框线宽度]、[单元格边]的[间距]改成0,在[自定义背景]项选择[使用背景图像]就可以使两幅以上的图片重叠了。
  
  Q.FrontPage的[标题广告管理器]有什么作用?
  A.FrontPage的[标题广告管理器]作用是把好几幅图片安排成轮流播放,还可以做成一个超级链接形式,链接到另一个网页。
 
  Q.为什么我使用了[标题广告管理器]后,页面没有反应?
  A.实际上这是一个Javaapplet程序,在FrontPage98的[浏览]状态下我们可以观看到效果,但我们存了档就会发觉页面不能正常显示,使页面处于[HTML]的状态,会看到有这样一段显示:<appletcode=″fprotate.class″codebase=″_fpclass″。.....>,这是临时状态产生的文件,需要把fprotate.class文件copy到你网页所在的目录下(fprotateclass文件在x:\ProgramFiles\MicrosoftFrontPage\fpclass目录下,也可以通过Windows的查找功能查找),同时把这句codebase=″_fpclass″删除后存盘,页面就可正常浏览了。

  Q.为什么我的搜索表单上传后没有什么作用?
  A.因为它需要服务器上CGI程序的支持。

  Q.怎样设置计数器与留言本?
  A.同样需服务器的CGI程序,通常提供个人主页空间的服务商可提供,例如网易,把提供的一段程序copy到网页合适的位置,参照说明相应改成自己申请的名字,但要注意计数器只有网页上载后才能显示。目前很多提供免费个人空间的网络服务商都是用UNIX系统,FrontPage下所提供的计数器设计是专为WindowsNT所用的,在UNIX系统下不能用。

  Q.为什么有些页面在[预览]状态下,会显示[该页可能不能正常预览,因为它的。..]?
  A.因为Microsoft在FrontPage采用了自己独有的动态HTML(DynamicHTML)技术,以至有可能使其它的网络浏览器不能很好地支持,导致不能正常预览。

  Q.FrontPage的字体属性中的特殊样式有什么用?
  A.可以对一行中的文字进行上移、下移以及其它移位,做出一些不同的效果。

  Q.为什么插入动态按钮后我的页面没有动态按钮出现?
A.这需要JavaApplet的支持,使页面处于[HTML]状态下,可以看到以下这一段显示?amp;lt;appletcode=″fphover.class″codebase=″_fpclass″。.....>,把codebase=″_fpclass″这句删除,再把fphover.class文件copy到目标目录下即可。
  
Q.怎样构造一幅背景透明且会活动的图片?
  A.这需要一些图形处理工具才可实现,这里介绍一个专门制作网页中的动态gif文件的好软件:PaintShopPro5,而它附送的animationShop又能很容易地实现除图片中的某一部分不透明外,其它部分变为透明。

  Q.我想把图像安排在文字的旁边,怎么才能做到?
  A.方法一、先选择菜单[查看]下的[格式工具栏],可以看到工具条上3个有6条横线的按钮,它们的作用分别为左对齐、居中、右对齐,我们知道这能在行中实现一段文字的居左、居中、居右的对齐方式,倘若我们在一张图片旁边放有几段文字,先点击此图片,再按居左或居右对齐键,图片就会乖乖地排在文字的旁边了。
方法二、利用表格功能,先画一个没有边界表格,再在其中插入单元格,把图片放到其中一个单元格中,文字放到另一个格中,就可以了。

  Q.我用FrontPage98设计网页,怎样使文字字体自动适应浏览器,而不会导致乱码?
  A.如果你装的是简体Windows,FrontPage会自动对其进行编码,我们可以单击鼠标右键选[页面属性]的[语言],就可以看到系统已经自动地采用简体、自动的编码方式了。

  Q.怎样实现在同一页面中不同位置间跳转?
  A.方法很简单,这是利用主菜单下[编辑]的[书签]功能实现的。我们假如想从页面的始端的超级链接的“开始”,跳到页面末端的“结尾”,先定义“开始”两字,按下[ctrl+k](即菜单[编辑]下的[超级连接]),在[选项]可看到[书签],在空白位置输入“结尾”两字,第二步是定义页面的末端“结尾”两字,然后选择菜单[编辑]的[书签],在[书签名]项输入“结尾”两字,“确定”后即可。其实书签的名字可以随便改名,但都是改为方便表达跳转到的位置为好。用此方法同样可以做到从一页面跳转到另一页面的某个位置,只不过是先选[选项]里的[目标框架],再制作[书签]罢了。

  Q.我可以在自己的网页上设计一个点歌的菜单吗?
  A.可以,方法是利用主菜单[插入]中[高级]项的[插件]功能,在[数据源]浏览选择已放好的mid或wav文件就行了。

  Q.为什么我用FrontPage中的页面属性方式放置背景音乐,用Netscape的较低版本浏览时却没有声音?音乐的循环次数是怎样控制的?
  A.虽然现在已有统一的HTML语言标准,但由于IE与Netscape是不同的公司制作的,所以大家的源代码不可能相同,对HTML语言了解者,可发觉其支持背景标记的代码是完全不同的,但这在高版本的Netscape浏览器已得到解决,如果你想用FrontPage98插入背景音乐而又想令一些低版本的浏览器能欣赏到背景音乐,解决的办法如下:使页面处于[HTML]状态下,可看到有这样其中类似的一句:<bgsoundsrc=″midi/sound.mid″loop=″-1″>,这是IE可以接受的源代码标记,loop=″-1″是无限循环的意思,当用插件形式放置背景音乐时,源代码是:src=″file:///sound.wav″align=″absmiddle″hiddenautostart=″true″>,hidden是[插件属性]的[隐藏插件],而在后面加入的autostart=″true″是表示自动播放,但这样只能播放一次,再在后面加入一句loop=″infinite″或者loop=″true″都可以,那么这样就可使较低版本的不同浏览器支持无限循环播放背景音乐。

  Q.可以使自己网页自动适应不同的分辨率吗?
  A.能,如果您想让您的网页能同时适应800X600和1024×768,您可以用表格控制,可以建立一个表格宽为758像素,居中,然后在表格中制作网页即可。我是在1024×768分辨率设计自己的网页的。

  Q.一个页面在几秒钟之后自动跳转到另一页是怎样做到的?
  A.单击鼠标右键,选择[页面属性]的选项[自定义],在[系统变量]处单击[添加],[名称]项添上refresh,[值]项添上2;url=1.htm。其中,2表示要等待的时间是2秒,可以自由更改,url=1.htm表示要跳转的另一超文本文件名。

  Q.如何使超级链接的图像不会出现一个蓝色的边框?
  A.用鼠标右键单击图像,选择[图像属性],选择[外观],将[布局]里的[边框线宽度]改为0即可,而[对齐方式]里的功能可以控制图像与文字的关系。

  Q.当图像不能正常显示出来时,如何显示说明图像内容的文字?
  A.在图像上单击鼠标右键选择[图像属性],可看到[可替换的表示方式]有[文字]这个选项,填上要说明图像内容的文字就行了。
  以上均在FrontPage编辑器的[普通]状态下实现。其实使用改变页面、表格、单元格、字体、图像等属性里的各种功能,是能很好地安排页面文字的位置,并能创造出很多的式样,灵活运用FrontPage,不懂HTML编程语言的朋友,照样能设计出一个人见人爱的网页。

w1

主页制作心得

  网页的制作是一个痛苦的过程,对于一个新手,既想节约时间,又希望能够在网络上证明自己,做出好的网页,的确是比较困难的一件事。其间会走不少的弯路,碰许多的钉子,或许到访的朋友许多都有这种体会。我的主页花费了我三天的时间,加上盲目地申请主页空间、域名等,一共是近五天时间除吃饭睡觉外都花费在这上面了。现在回想一下,如果有比较明确的指导,自然会节省不少时间与精力。本着这个想法,我把自己的几点体会写出来,谨于此希望对朋友们有所帮助。

  第一步:明确自己网站主题,制作网页

  1:初次上网,最容易的就是被五花八门的免费资源吸引住,盲目地去 申请,而忽视了最主要的问题:制作网页。很多主页空间提供者都要求有 主页的描述,而且限时上传主页,往往主页未制出者就会手忙脚乱。其实大可不必忙于申请。现在很多站点都提供主页服务,不愁申请不到。所以 首先应制出主页再申请。

  2:主页制作建议采用比较顺手的工具,如Frontpage、Hotdog等。这 里我推荐使用Frontpage。它的所见即所得的制作方式比较适合初学者。制作中可以把HTML方式(“查看”菜单下的“HTML……”选项)与直接设计相结合,注意应用表格的功能。至于一些小技巧,可等主页成形后再应用。不过对于初学者,“平平淡淡才是真”。

  3:制作期间先申请一个电子邮箱,可以有很大用处。不时上上网,参考别人的主页设计,如果有比较好的图像、背景或方式,都可以复制下来 作为自己的创作材料。有可以留言的站点可以留言或发EMAIL,邀请对方以后来看自己的站点。

  第二步:申请主页空间与域名,上传文件。

  1:现在主页空间的申请比较困难了,国内大部分网站都取消了免费主页的申请。不过大家可以试试到国外的网站找一找。

  2:域名是用来简化你的主页地址的。主页空间服务商提供的地址一般较难记,申请较简显的域名易于别人的访问。一般域名也比较容易申请。

  3:至于留言本、计数器等,可以到网上申请,有很多网站还提供免费的留言本的。

  第三步:上传主页,检查修改并宣传。

  1:主页上传后可自行浏览,注意检查是否有不正确或死的链接,及时正更新。

  2:宣传主页注意免费广告站点,或把自己的主页加入一些搜索引擎,以扩大知名度。加入一些个人主页的链接也是不错的方法。

w2

网页色彩搭配

  网页的色彩是树立网站形象的关键之一,色彩搭配却是网友们感到头疼的问题。网页的背景,文字,图标,边框,超链接...,应该采用什么样的色彩,应该搭配什么色彩才能最好的表达出预想的内涵呢?阿捷这里谈一些心得,希望对你有所启发。

首先我们先来了解一些色彩的基本知识:

1.颜色是因为光的折射而产生的。

2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。 3.颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。

4.任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。

  网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。

  我们通常的做法是:主要内容文字用非彩色(黑色),边框,背景,图片用彩色。这样页面整体不单调,看主要内容也不会眼花。

●非彩色的搭配

  黑白是最基本和最简单的搭配,白字黑底,黑底白字都非常清晰明了。 灰色是万能色,可以和任何彩色搭配,也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩,那么用灰色试试,效果绝对不会太差。

●彩色的搭配

  色彩千变万化,彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。

一.色环。我们将色彩按"红->黄->绿->蓝->红"依次过度渐变,就可以得到一个色彩环。色环的两端是暖色和寒色,当中是中型色。(如下图)

红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红
|___________| |____| |_________| |_________|
| | | |
暖色系 中性系 寒色系 中性系

二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。

红色---是一种激奋的色彩。刺激效果,能使人产生冲动,愤怒,热情,活力的感觉。

绿色---介于冷暖两中色彩的中间,显得和睦,宁静,健康,安全的感觉。 它和金黄,淡白搭配,可以产生优雅,舒适的气氛。

橙色---也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。

黄色---具有快乐,希望,智慧和轻快的个性,它的明度最高。

蓝色---是最具凉爽,清新,专业的色彩。它和白色混合,能体现柔顺,淡雅,浪漫的气氛(象天空的色彩:)

白色---具有洁白,明快,纯真,清洁的感受。

黑色---具有深沉,神秘,寂静,悲哀,压抑的感受。

灰色---具有中庸,平凡,温和,谦让,中立和高雅的感觉。

  每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。

●网页色彩搭配的原理

1.色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。

2.色彩的独特性。要有与众不同的色彩,使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)

3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。 4.色彩的联想性。不同色彩会产生不同的联想,蓝色想到天空,黑色想到黑夜,红色想到喜事等,选择色彩要和你网页的内涵相关联。

●网页色彩掌握的过程

  随着网页制作经验的积累,我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏,只能制作出简单的网页,色彩单一;在有一定基础和材料后,希望制作一个漂亮的网页,将自己收集的最好的图片,最满意色彩堆砌在页面上;但是时间一长,却发现色彩杂乱,没有个性和风格;第三次重新定位自己的网站,选择好切合自己的色彩,推出的站点往往比较成功;当最后设计理念和技术达到顶峰时,则又返朴归真,用单一色彩甚至非彩色就可以设计出简洁精美的站点。

○网页色彩搭配的技巧

  文章写到这里,有心急的网友要问了:“到底用什么色彩搭配好看呢?你能不能推荐几种配色方案?”别急,这里有一点技巧,可以帮助你迅速成为调色大师:)

1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将 色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。

2.用两种色彩。先选定一种色彩,然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。

3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。确定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中选择"自定义",然后在"色库"中选就可以了:)

4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很"跳"。

在网页配色中,忌讳的是:

1.不要将所有颜色都用到,尽量控制在三种色彩以内。

2.背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

w3

网站的logo设计

  当今信息技术迅猛发展,尤其是PC和网络的普及,上网已经成为我们新的生活方式。在网络空间里,网站是我们发布和获得知识与信息的基地,网站是个人、企业和政府机关在网络空间的形象和存在。因此,网站的制作和发布成为这个时代的热门技术。无论是为了工作还是因为兴趣,也无论是机构还是个人,对网站设计的要求也是越来越讲究。作为一个网页设计的爱好者,下面我就网站Logo的设计原则、设计手法、设计技巧、设计工具等谈谈个人的看法,另外还对几个经典站点的logo进行了简单分析,希望对设计网站的朋友能有所帮助。

  Logo,译为标志、厂标、标志图等,顾名思义,站点的logo,就是站点的标志图案,它一般会出现在站点的每一个页面上,是网站给人的第一印象。logo的作用很多,最重要的就是表达网站的理念、便于人们识别,广泛用于站点的连接、宣传等,有些类似企业的商标。因而,logo设计追求的是:以简洁的符号化的视觉艺术形象把网站的形象和理念长留于人们心中。

   首先,谈谈logo的设计原则,与其他标志图案设计原则一样:遵循人们的认识规律,突出主题、引人注目。所谓认识规律,比如从上到下,从左到右,从小到大,从远到近的视觉习惯;比如由前因推理到后果,有源头才有流水的思维习惯;还有人们的审美能力和审美心理等。要做到突出主题,就要求设计者非常了解站点的定位和发展方向,能够在方寸之间概括出站点的理念。引人注目,是指视觉效果要强烈——容易识别、辨认和记忆。   logo的设计手法主要有以下几种:
  ①表象性手法;
  ②表征性手法;
  ③借喻性手法;
  ④标识性手法;
  ⑤卡通化手法;
  ⑥几何形构成手法;
  ⑦渐变推移手法。
  其中标识性手法、卡通化手法和几何形构成法是最常用的网站logo设计手法。标识性手法是用标志、文字、字头字母的表音符号来设计logo;卡通化手法通过夸张、幽默的卡通图象来设计logo;几何形构成法是用点、线、面、方、圆、多边形或三维空间等几何图形来设计logo。当然,设计时往往是以一种手法为主,几种手法交错使用。

  logo的设计技巧很多,概括说来要注意以下几点:
  ①保持视觉平衡、讲究线条的流畅,使整体形状美观;
  ②用反差、对比或边框等强调主题;
  ③选择恰当的字体;
  ④注意留白,给人想象空间;
  ⑤运用色彩。因为人们对色彩的反映比对形状的反映更为敏锐和直接,更能激发情感,

  这里我就着重谈一下logo设计中的的色彩运用技巧。
  ①基色要相对稳定
  ②强调色彩的形式感:比如重色块、线条的组合
  ③强调色彩的记忆感和感情规律:比如黄色代表富丽、明快;橙红给人温暖、热烈感;蓝色、紫色、绿色使人凉爽、沉静;茶色、熟褐色令人联想到浓郁的香味(看过快餐店的广告吗?)
  ④合理使用色彩的对比关系,色彩的对比能产生强烈的视觉效果,而色彩的调和则构成空间层次。
  ⑤重视色彩的注目性:下面附表分别列出了注目程度高和注目程度低的配色情况,设计时可以参照使用。
 表-1 注目程度高的配色:
顺序 1 2 3 4 5 6 7 8 9 10
底色 黑 黄 黑 紫 紫 蓝 绿 白 黄 黄
图形色 黄 黑 白 黄 白 白 白 黑 绿 蓝


 表-2 注目程度低的配色:
顺序 1 2 3 4 5 6 7 8 9 10
底色 黄 白 红 红 黑 紫 灰 红 绿 黑
图形色 白 黄 绿 蓝 紫 黑 黑 紫 红 蓝

  logo的设计工具,凡是图象设计和处理方面的软件几乎都可以用来设计logo,这里推荐几款经典的设计工具:
  ①平面静态图:PhotoShop 6.0  / CorelDraw 10 / PaintShop Pro6.0;
  ②Gif动画图:Ulead GIF Animator 2.0 / Photo Animator 1.0;
  ③Flash动画:Flash MX
  
  最后,设计logo时还要注意以下几个问题。
  一是:外观尺寸和基本色调要根据站点页面的整体版面设计来确定,而且要考虑到在其他印刷、制作过程中进行放缩等处理时的效果变化,以便logo能在各种媒体上保持相对稳定。
  二是:重视简单的法则——简单容易被接收,简单给人们想象,简单提高了效率,简单就是美。
  三是:生活是一切艺术的源泉,热爱生活并从中发现创作的切入点。

  理论了半天,你也许要瞌睡了,好了,我们现在就上网抓几个大家熟悉的logo来例证一下:
  ①:新浪的logo底色是白,文字sina和新浪网是黑色,其中i字母上的点用了表象性手法处理成一只眼睛,而这又使整个字母i象一个小火炬,这样,即向人们传达了“世界在你眼中”的理念,激发人们对网络世界的好奇,又使人们容易记住新浪网的域名。   ②:搜狐的logo比较特别,主要有两部分组成,一是文字,中英文名称,字体选择较古典;一是小狐狸图,蛮机灵狡猾的样子。搜狐网站随各个页面的色调不同而放置不同色彩的logo,但logo的基本内容不变。当然,你不会不知道搜狐的理念:出门找地图,上网找搜狐。但愿那只机灵的狐狸能帮你走出网络丛林。

  ③:Yahoo的logo(中文站)很简单:英中文站名,红字白底。英文Yahoo字母间的排列和组合很讲究动态效果,加上Yahoo这个词的音感强,使人一见就仿佛要生惊讶——而不禁自问:Do you Yahoo?

  ④:网易的logo使用了三色:红(网易)、黑(NETEASE,www.163.com)、白(底色)。网易两字用了篆书,体现了古典意味,也许在暗示网易在中文网络的元老地位吧。但是,如果没有从个人主页到虚拟社区,从新闻报道到专题频道等丰富方便的服务,光是从logo上,你是难于相信:轻松上网,易如反掌。

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

佳人有约 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:麦子.永恒

琼icp备09005167