制作主页的独门功夫五十招
作者:佚名 来源:asp之家 发布时间:2010-09-05 21:15:00
制作网页可说是易学难精,因此,不断吸收经验可弥补不足,以下列出的50个制作主页的独门招数可帮助你尽快成为高手,哈哈!
1、让读者有理由逗留。要把网页作得趣味盎然,引人入胜,但首要的是要让它有用处。
这样做的一个很简单的办法是提供相互参与--让读者做一些事情,如报名获取定期发送的通讯 ,并用某种方式报答他们的参与,如每周抽奖或给予下载一些东西的机会。
2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取,怎样获取,以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。
3、签上自己的名字,并展示得到的荣誉--
但不要在这里弄上一个长长的签名,少许的自我宣传可能是中肯的,尤其是当你想让自己的网页具有个人特色时,但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页,该页也是弃权、版权声明及类似说明的合适地方。
4、不要包括一些一般化Web参考信息和人人都有的已不再是热点的连接,连接到AltaVista 和Yahoo可能就已足够了,否则你的外部连接应该是具有特殊意义和读者还没有遇到过的地方。
5、要是有以评论或读者意见的形式取得的肯定性的反馈,可考虑把它包括在主页之内--
也许在开头的某个地方,或者作为到荣誉页的一个连接。如果做得恰到好处,可以鼓励新的访问者并使他们放心。相反,要是做得不合适,就会被认为是自我吹嘘,而真正的内容反而处于次要地位。
6、忘掉已学会的在纸上写作的大多数习惯,基于文字、面向纸张的写作所面临的任务是精心安排的叙述,在提供知识、愉悦心情或说服别人的过程当中要能保持读者的兴趣;但是,文字并不是大多数 Web 版面的主要组成部份--即使是页面上的文字比其他元素多,也常常是其他组成部份(图像、超媒体连接)被认为比单纯的文字更重要。
7、结构至关重要,网页可能会看起来是二维的,但不应如此理解,印刷页面的原有结构在Web已不复存在;写作者得着重于文件以可见的方式表现出来的结构,因为它可能已具有更微妙的交流功能。
8、Web的读者不会去读每一个词,他们的阅读方式更近于快速阅读,而不是像读呆板的树式文件那样的逐行阅读;通过屏幕阅读并不是件格外舒服的事情,因此,读者希望最好能尽快得到结果。
9、在Web页面创作中,读者实际上是一个配合者,除了要注意在任何类型的写作中都要考虑的词汇、语调和其他事项外,网页作者还要意识和具体考虑到读者的身体运动--按鼠标键、滚动页面、写作邮件也是交流过程的一部份。
10、有了一个HTML编辑器和几兆服务器空间并不能说马上就可以设计网页了;在开始编写文字、寻找图像和进行 HTML 标记之前,应该先把基本的网页结构组织好;如果没什么要说的,就什么也不要说,要是开始的时候在脑子里没有一个相当明确的结构,那几乎肯定会以一团糟而告终。开始时谨慎一些,然后不停地学习,不停地改进。卸载一些你喜欢的页面,核对HTML源文件,看它是怎样写的,把它全部或部份粘贴到一个试验文件进行检验。整页地拷贝别人的东西是剽窃行动,但是向别人学习则是研究过程。
11、人们第一次进入你的主页时,他们通常不是在寻找值得阅读的地方,他们可能正在寻找可供选择的东西,以超文本术语说即是可用鼠标点取的词句、图像、按钮等等,接下来是阅读文字,选定一个可选项,按鼠标键,下页出现后又重复此过程,这里的技巧是确定阅读时按键的适当比率,提供的可选项要是太少,访问者会觉得没意思,要是太多又会吓倒别人。
12、要是页面包含的内容信息量大,在开始设计页面之前就要先确定好读者对象。对新手或新的访问者来说用一种固定的文件结构并在开始的时候给予说明是有意义的。例如,关于内容的说明表格或某种类似结构。如果你要满足知识或经验不在同一个层次的读者,提供限制性的线索可以让某些读者跳过基本内容直达目标,提供连接时要考虑到各个层次的读者。
13、不要让读者不知所措,不必非要用声音和图像充斥网页,也不要把文件做得太长以至于在装载文件时让读者等得脚后跟发凉,因此使用图像时要谨慎;大的图像显然会降低页面建立的速度,但许多需要顺序装载的小图像也会如此。
14.别轻易让文字居中和使用粗体或斜体字符,除了视感混敌之外,很多流览器不能很好地显示斜体字,也不能补偿由于字母倾斜引起的空白变化。
15.利用短的段落,加点列示,适当列示,适当的整块引用文字,用水平线分节,用影象地图指引主要连接,使你的页面能吸引人和容易阅读。
16.不要在每一页使用风格不同的图标。
17.不必在页面上填满图像来增加视觉趣味,尽量使用彩色圆点.....它们较小并能够为列表项增加彩色活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。
18.对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣,甚至很专业,但是装饰背景很容易使文字变得不可辨读,要把背景做得好,光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含图像,对比度要较低才不至于过于分散读者的注意力。
19.在IMG行加ALT标记,假设标题图像显示为The Offal Eaters'Homepage,你可以在括号内加上一个ALT标记,ALT=“The Offal Eaters'Homepage”,直接把它加在IMG SRC=http://www.it.com.cn/f/edu/0410/31/Offal.com.uk/images/gif/hometop.gif之后,这样就会让使用基于文本的流览器的读者除了看到「IMAGE」以外还能看到别的一些东西,使用图形浏览器的读者在图像未能成功载入之时也会看到一些东西,而你也能让自己的HTML文件相当整洁。
20、也可以在分隔条上使用ALT标记,这样就使得用基于文本的浏览器的读者能看到一些更有趣的东西,而不只是一条直线。
21、不要把重要的内容放到页尾--有些读者可能不会往下看那么远。
22、不要让什么东西看起来像是一个按钮却不起按钮的作用。
23、应避免使用交叉标记。不同的浏览器对交叉标记的反映会不同。
24、使用交织GIF和Jpeg。因为交织图像是分级显示出来的--首先以很低的分辨率显示,然后逐步提高分辨率,直至最后达到正常显示--这种方式有时候会使较大在图像看起来好像装载得快一些(实际上并非如此,但这是一种有益的错觉)。这样也便于读者的图像装载的过程中看到它的模样,如果他们不喜欢或不想看的话就有机会中断传输或转向别的地方。


猜你喜欢
- PyTorch中数据读取的一个重要接口是torch.utils.data.DataLoader,该接口定义在dataloader.py脚本中
- 前言一直都觉得vue的插件生涩难懂,但是又很好奇,在看了几篇文章,试着写了写之后觉得也没那么难,本文主要实现一个简单的Toast插件,方便迁
- 侧边栏在响应式设计中起到很大的作用,当屏幕小到手机的屏幕时,能够自适应屏幕大小的侧边栏固然能够为网站添加色彩,那么在Bootstrap的框架
- pytorch做标准化利用transforms.Normalize(mean_vals, std_vals),其中常用数据集的均值方差有:i
- 本文实例讲述了Python 面向对象部分知识点。分享给大家供大家参考,具体如下:面向对象:世间万物,皆可分类。---------------
- 安装docker桌面程序从docker官网下载并安装桌面程序。安装好后启动桌面程序。若出现以下错误,说明你的docker 没有启动。1. d
- django {% url %} 模板标签使用inclusions/_archives.html...{% for date in date
- 提起数据库,第一个想到的公司,一般都会是Oracle。该公司成立于1977年,最初是一家专门开发数据库的公司。Oracle在数据库领域一直处
- 一 引入解释器在执行到定义变量的语法时,会申请内存空间来存放变量的值,而内存的容量是有限的,这就涉及到变量值所占用内存空间的回收问题,当一个
- 之前,我介绍了学习安装并配置前端自动化工具Gulp,觉得gulp确实比grunt的配置简单很多,于是我决定再深入学习一下gulp,就去网上查
- 本文为大家分享了python实现彩票系统的具体代码,供大家参考,具体内容如下功能:1、注册 2、登录 3、充钱&nb
- CGAN的全拼是Conditional Generative Adversarial Networks,条件生成对抗网络,在初始GAN的基础
- 当然,如果你的网站文章中有图片,那么请记得一定要打上自己的LOGO,而且这个LOGO不要固定在这些图片的某个角落里,一定要随机出现在图片的任
- 一、命名元祖在python基础中, 我们学习元祖的时候,取元祖内部的元素都是通过索引来进行取值的。但是这种取值方式不够友好, 所以我们引入命
- 在ASP中使用FSO组件生成HTML静态页面,共有两个页面index.htm是首页.程序比较简单,主要是用了ASP里的文件操作
- 前言:Python 自带了很多的内置函数,极大地方便了我们的开发,下面就来挑几个内置函数,看看底层是怎么实现的。内置函数位于 Python/
- 今天简单的学了一下js运动动画,记录一下自己的心得体会,分享给大家。 下面是我整
- 什么是事件代理(Event Delegation)?如果不太了解的朋友,可详细阅读:《Event delegation in JavaScr
- 利用图标工具(有很多)制作图标文件(favicon.ico)上传到网站所在的服务器的根目录下,这个文件必须是16*16大小的图标文件。当然,
- 1,建立数据库文件cnbruce.mdb(不设计任何表)建立数据库的代码:<% Option Explicit&