`
isiqi
  • 浏览: 16349028 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

制作主页的四十个技巧

阅读更多
一、内容
 1、让读者有理由逗留。要把网页作得趣味盎然,引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情,如报名获取定期发送的通讯,并用某种方式报答他们的参与,如每周抽奖或给予下载一些东西的机会。
  2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取,怎样获取,以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。
  3、签上自己的名字,并展示得到的荣誉——但不要在这里弄上一个长长的签名。少许的自我宣传可能是中肯的,尤其是当你想让自己的网页具有个人特色时,但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页,该页也是弃权、版权声明及类似说明的合适地方。
  4、不要包括一些一般化的Web参考信息和人人都有的已不再是热点的连接。连接到Alta Vista和Yahoo可能就已足够了,否则你的外部连接应该是具有特殊意义和读者还没有遇到过的地方。
  5、要是有以评论或读者意见的形式取得的肯定性的反馈,可考虑把它包括在主页之内——也许在开头的某个地方,或者作为到荣誉页的一个连接。如果做得恰到好处,可以鼓励新的访问者并使他们放心。相反,要是做得不合适,就会被认为是自我吹嘘,而真正的内容反而处于次要地位。
  6、忘掉已学会的在纸上写作的大多数习惯。基于文字、面向纸张的写作所面临的任务是精心安排的叙述,在提供知识、愉悦心情或说服别人的过程当中要能保持读者的兴趣;但是文字并不是大多数Web版面的主要组成部分——即便是页面上的文字比其他元素多,也常常是其他组成部分(图像、超媒体连接)被认为比单纯的文字更重要。
  7、结构至关重要。网页可能会看起来是二维的,但不应如此理解。印刷页面的原有结构在Web已不复存在;作者要着重于文件以可见的方式表现出来的结构,因为它可能已具有更微妙的交流功能。
  8、Web的读者不会去读每一个词,他们的阅读方式更近似于快速阅读而不是象读呆板的树式文件那样的逐行阅读。通过计算机屏幕阅读并不是件格外舒服的事情,因此读者希望最好能尽快得到结果。
  9、在Web页面创作中读者实际上是一个配合者。除了要注意在任何类型的写作中都要考虑的词汇、语调和其他事项外,网页作者还要意识和具体考虑到读者的身体运动——按鼠标键、滚动页面、写作邮件——也是交流过程的一部分。
  二、页面设计
  10、在开始编写文字、寻找图像和进行HTML标记之前应该先把基本的网页结构组织好。要是开始的时候在脑子里没有一个相当明确的结构,那几乎肯定会以一团糟而告终。卸载一些你喜欢的页面,核对HTML源文件,看它是怎样写的,把它全部或部分粘贴到一个试验文件进行检验。整页地拷贝别人的东西是剽窃行为,但是向别人学习则是研究过程。
  11、人们第一次进入你的主页时,他们通常不是在寻找值得阅读的地方,他们可能正在寻找可供选择的东西,以超文本术语说即是可用鼠标点击的词句、图像、按钮等等,接下来是阅读文字,选定一个可选项,按鼠标键,下页出现后又重复此过程。这里的技巧是确定阅读时按键的适当比率。提供的可选项要是太少,访问者会觉得没意思,要是太多又会吓倒别人。
  12、要是页面包含的内容信息量大,在开始设计页面之前就要先确定好读者对象。对新手或新的访问者来说用一种固定的文件结构并在开始的时候给予说明是有意义的。例如,关于内容的说明表格或某种类似结构。如果你要满足知识或经验不在同一个层次的读者,提供限制性的线索可以让某些读者跳过基本内容直达目标。提供链接时要考虑到各个层次的读者。
  13、不要让读者不知所措。不必非要用声音和图像充斥网页,也不要把文件做得太长以至于在装载文件时让读者等得脚后跟发凉,因此使用图像时要谨慎:大的图像显然会降低页面建立的速度,但许多需要顺序装载的小图像也会如此。
  三、布局
  14、别轻易让文字居中和使用粗体或斜体字符。
  15、利用短的段落,加点列示,适当的整块引用文字,用水平线分节,用影像地图指引主要链接,使你的页面能吸引人和容易阅读。
  16、不要在每一页使用风格不同的图标。
  17、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。
  18、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣,甚至很专业,但是装饰背景很容易使文字变得不可辨读。要把背景做得好,光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像,对比度要较低才不至于过于分散读者的注意力。
  19、在 IMG 行加 ALT 标记。
  20、也可以在分隔条上使用ALT标记,这样就使得使用基于文本的浏览器的读者能看到一些更有趣的东西,而不只是一条直线。
  21、不要把重要的内容放到页尾——有些读者可能不会往下看那么远。
  22、不要让什么东西看起来象是一个按钮却不起按钮的作用。
  四、HTML格式
  23、应避免使用交叉标记。不同的浏览器对交叉标记的反映会不同。
  24、使用交织 GIF 和 Jpeg 。因为交织图像是分级显示出来的——首先以很低的分辨率显示,然后逐步提高分辨率,直至最后达到正常显示——这种方式有时候会使较大的图像看起来好象装载得快一些(实际上并非如此,但这是一种有益的错觉)。这样也便于读者在图像装载的过程中看到它的模样,如果他们不喜欢或不想看的话就有机会中断传输或转向别的地方。
  25、可以在一个 HTML 元素内嵌入一个连接,但不能反其道而行之,把一个标题或其他HTML元素嵌入一个连接。
  五、长文件
  26、努力确保读者浏览长文件时浏览器滚动条小的移动不会在页面上产生大的跳跃。作为一条经验规则,按一次滚动条页面移动的范围要少于一页,这样就还看得见上一个窗口的部分内容。
  27、要不然就把一个长文件分成几个子文件,在主页给予连接。不过要记住子页可能会成为死页——有时候命中率要低于10%。做得聪明一点,给读者一个很好的理由装入子页或给他们一个很好的理由浏览它。
  28、如果页面很多,在主页给出一个内容列表或目录显然是个好办法。不要作成那种常规的、令人厌烦的、死板的树形布局,把它做得有趣一些,让读者有理由进入连接,帮助他们了解他们可能看不出来的内容。
  29、要是你必须把所有的内容都放在一个文件里面,使用一个内容列表,从表的项目可直接跳到各部分的开头。或者做得更好,提供一个独立的文本文件用于下传——去掉所有的格式符——使下传的时间减到最少。
  六、链接
  30、尽管你已做了一个漂亮的首页作为入口,其他人可能会对你的杰作内的具体指针或子页给出链接。向这些新的访问者提供一些关于他们在什么地方以及为什么在这里的线索是有意义的。
  31、从头至尾都要使用导航图标,尤其是要用“返回到首页”链接。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页,第二个回到章,第三个回到节。
  32、在页面上应该有一些链接帮助访问者来回跳转。总是以相同的格式把这些链接放到所有页面上,这样读者就总能知道到哪儿去找到它们以及怎样使用它们。
  33、一般来说应该使用相对链接。
  34、链接到不直接相关的文件时使用绝对路径。
  35、确保可选择的链接清楚直观——用标题或明显相关的图像来表明它有什么内容。不要让链接的名称与链接的 URL 相同,这样会使读者要作的工作增加。
  七、通则
  36、鼓励读者通过填表或发邮件反馈意见。但要准备处理随之而来的事务——要尽快地回E-mail,增加连接,修改输入错误等等。给通过 E-mail 进行评论的人回感谢信。
  37、在页内告诉读者如果他们在自己的主页内设置一个指向你的链接你不会介意,并表明你也同样会设置一个指向他的主页的链接。每个人都希望有人访问自己的网页,而这种相互支持会鼓励对见解类似的网点的访问。
  38、想办法告诉读者下传要用的时间——告诉他们要出现的图像的大小或下传一个文本文件或二进制文件要用多久的时间
  39、Web上好的写作就很突出。
  40、为你的主页加一个描述性的标题。
分享到:
评论

相关推荐

    常用的40个网站制作技巧

    根据给定的文件信息,以下是对“常用的40个网站制作技巧”中提及的部分知识点的详细解析: ### 技巧1:禁用右键菜单与选中操作 使用`oncontextmenu="window.event.returnValue=false"`可以禁止用户在网页上进行...

    常用的40个网站制作技巧.htm

    常用的40个网站制作技巧.htm,非常实用的网站制作技巧

    40个网站制作小技巧

    以下是40个网站制作技巧的部分解析: 1. `oncontextmenu="window.event.returnValue=false"`:通过这个JavaScript事件处理函数,可以禁用鼠标右键菜单,防止用户在页面上执行右键操作。 2. `...

    网页制作的40个技巧

    网页制作的40个技巧涵盖了各种提升用户体验、增强网页安全性和个性化的技术。以下是一些主要的知识点: 1. 鼠标右键屏蔽:通过使用`oncontextmenu`事件,可以设置`window.event.returnValue=false`来阻止用户右键...

    简历模板与制作技巧

    "简历模板与制作技巧"这个主题旨在帮助求职者打造一份能够脱颖而出的个人简历。这份资源包含了多种行业的简历模板,无论是初次求职的新手还是经验丰富的专业人士,都能从中找到适合自己的样式。下面我们将深入探讨...

    网站开发制作40个技巧.txt

    根据提供的文件信息,我们可以总结出以下关键的网站开发制作技巧,这些技巧主要集中在网页安全、用户体验优化以及一些实用脚本的应用上。 ### 技巧1:屏蔽鼠标右键功能 - **实现方式**:通过设置`oncontextmenu=...

    制作网站网页的四十个建议和技巧

    ### 制作网站网页的四十个建议和技巧 在当今数字化时代,网站设计与开发不仅是企业和个人展示自我、提供服务的重要平台,更是品牌形象建设的关键环节。一个优秀的网站不仅需要美观大方的设计,还需要实用便捷的功能...

    网站开发制作40个技巧

    网站开发是一个涵盖广泛的技术领域,其中包括前端界面设计、交互实现、后端数据处理等多个环节。以下是一些关于网站开发的实用技巧,可以帮助开发者提升用户体验、增强安全性以及优化页面功能。 1. **屏蔽鼠标右键*...

    简历制作的七个要点和技巧,很实用

    ### 简历制作的七个要点与技巧 #### 一、十秒钟原则 简历的长度应当控制得当,一般来说,一张A4纸是最常见的选择。过长的简历往往得不到充分的关注,尤其是对于招聘人员而言,他们每天需要筛选大量的简历,时间...

    PCB板制作技巧PCB板制作技巧

    PCB板制作技巧是电子设计中的关键环节,它涉及到电路性能、信号完整性和机械稳定性等多个方面。制作高质量的PCB板并非易事,需要综合考虑多种因素并采取适当的策略。 首先,明确设计目标至关重要。根据任务的不同,...

    100个PPT制作技巧

    ### PPT制作技巧详解 #### 一、两幅图片同时动作 在PowerPoint中,若想要两张图片同时向中间移动,可以通过以下步骤实现: 1. **定位图片**:首先将两张图片放置在理想的位置上。 2. **组合图片**:选中这两张图片...

    PPT文档制作 制作技巧

    ### PPT文档制作技巧详解 #### 一、复制幻灯片的方法 在PPT文档制作过程中,经常会遇到需要复制幻灯片的情况。为了提高效率,掌握正确的复制技巧至关重要。 **步骤1:选择幻灯片** - 在普通视图中,可以通过...

    PPT制作技巧-微信朋友圈40秒小视频制作.docx

    下面将详细介绍如何利用PPT技巧制作适合微信朋友圈的40秒小视频。 首先,我们需要准备一个视频编辑工具。在这里推荐使用“八角星视频制作”应用程序。它是一款功能丰富的手机应用,可在应用商店搜索并下载安装。...

    PPT制作技巧.rar

    《PPT制作技巧详解》 PPT,全称PowerPoint,是微软公司开发的一款演示文稿软件,广泛应用于商务报告、教学讲解、产品展示等领域。掌握PPT制作技巧,不仅能够提升信息传达的效率,还能使你的演示更具吸引力。本教程...

    印制电路板的制作方法与技巧

    印制电路板(PCB)制作是一项精细的技术活动,它涉及材料选择、图形转印、腐蚀、钻孔、表面处理等多个环节。以下将详细介绍PCB的制作方法与技巧,以及制作过程中可能遇到的一些知识点。 首先,了解PCB的分类。根据...

    建筑室内制作过程及技巧.pptx

    《建筑室内制作过程及技巧》PPT文档主要探讨了建筑室内设计中模型制作的重要环节,特别是针对橱窗模型的设计与制作。以下是对该文件主要内容的详细解析: 首先,实训1介绍了蚬华电器橱窗模型的设计制作流程。在这个...

    40种网站设计常用技巧

    以下40种常见的网站设计技巧可以帮助设计师提升网站的专业性和互动性: 1. **屏蔽右键菜单**:通过`oncontextmenu`事件,可以阻止用户在网页上使用鼠标右键菜单,增加网站内容的安全性。 2. **禁止文字选取和复制*...

Global site tag (gtag.js) - Google Analytics