制作主页的独门功夫五十招(2)
作者:佚名 来源:asp之家 发布时间:2010-09-05 21:15:00
25、另一种增加可得带宽的巧妙方法是在HTML底稿中使用Lowsrc命令。比如说有一张400X600像素的1600万色扫描图,所占空间约为35K。使用Paint Shop Pro这一类的工具对原图重新取样,比如说高度为100像素(也许为了达到你自己的要求你得到进行调整才能找到最合适的大小,但可以从高度除以4开始),Paint Shop Pro全自动计算新画面的宽度、保存新画面,它的大小现在应为6K或更小。然后在HTML文件中可以这样写上:
〈img src="bigpic.jpg"lowsrc="smallpic.jpg"width="600"height="400"〉 Lowsrc命令指示浏览器在真正的画面载入以前先装载低分辨率的图像,这样就让读者清楚将会出现什么样的画面。(为确保浏览器能即时以合适的大小显示图像,高度和宽度很重要)。
26、当然,可以用Lowsrc提取你想要的任何图像,一条双色的“请等待下传”的信息可能只占几百字节,同时由于图像是存在浏览器的缓存区,因此可用“请等待”信息代替所有画面,当图像平静地消失于背景之中的时候,读者可以悠闲地浏览你的网页。
27、可以在一个HTML元素内嵌入一个连接,如:
〈H1〉〈A HREF="Destina-tion.html"〉Myheading〈/A〉〈/H1〉 但不能反其道而行之,把一个标题或其他HTML元素嵌入一个连接,下面这样的结构是正式的HTML规定禁止的,并可能在大多数最新的浏览器下不见效果:
〈A HREF="Destination.html"〉〈H1〉Myheading〈/H1〉〈/A〉
28、当页面为单个长文件时要小心。它的传输时间明显要比较短的页面的传输时间长,即使通信速率为28.8Kbps的读者也可能会失去耐心。阅读大的文件时页面滚动也很困难。大的文件和较慢的装载速度可能会使人沮丧,再也不会返回到你的网点。
29、如果你觉得文件大小很重要,不便改变,就要考虑读者将会怎样使用网页。努力确保读者浏览长文件时浏览器滚动条小的移动不会在页面上产生大的跳跃。作为一条经验规则,按一次滚动条页面移动的范围要少于一页,这样就还看得见上一个窗口的部份内容。任何比这更大的移动都会让人迷失方向。
30、要不然就把一个长文件分成几个子文件,在主页给予连接。不过要记住子页可能会成为死页--有时候命中率要低于10%。做得聪明一点,给读者一个很好的理由装入子页或给他们一个很好的理由浏览它。
31.如果页面很多,在主页给出一个内容列表或目录显然是个好办法。不要非得作成那种常规的、令人厌烦的、死板的树形布局,把它做得有趣一些,让读者有理由进入连接,帮助他们了解他们可能看不出来的内容。
32.要是你必须把所有的内容都放在一个文件里面,使用一个内容列表,从表的项目可直接跳到各部份的开头。或者做得更好,提供一个独立的文本文件用于下传…去掉所有的格式符…使下传的时间减到最少。
33.通常的顺序文本写作与在线文件写作之间的一个主要区别是在线文件的读者可能在文件的任何一点进入该文件。尽管你已做了一个漂亮的首页作为入口,其他人可能会对你的杰作内的具体指针或子页给出连接。向这些新的访问者提供一些关于他们在什么地方以及为什么在这里的线索是有意义的。
34、从头至尾都要使用导航图标,尤其是要用“返回到首页”连接,可以在每部份都做这样做。比如在每页的顶端(或底部)都有一小串图标,第一个回到首页,第二个回到章,第三个回到节。
35、在页面上应该有一些连接帮助访问者来回跳转,总是以相同的格式把这些连接放到所有页面上,这样读者就总能知道哪儿去找到它们以及怎样使用它们。
36、一般来说应该使用相对连接,因为:(1)这样容易把一组文件移到另一个地方(相对路径名仍然有效);(2)输入量较少,在同一页的连接项当然应该使用相对地址,因为使用绝对地址后可能会每选择一个连接都要把该页重新装载一次。
37,连接到不直接相关的文件时使用绝对路径。这样以后要是把源文件移到另外的目录下就不需更改连接了。
38、确保可选择的连接清楚直观。用标题或明显相关的图像来表明它有什么内容。特别要避免“请按这里”,任何要“按这里”的人都会慎重考虑,它是不是正好就在“这里”,并且连续无误。不要让连接的名称与连接的VRL相同,这样会使读者要作的工作增加。
39、Mail to连接中应把e-mail地址作为连接名称。例如,可能有一个人名和一个 e-mail 地址,人名连接到他的主页,e-mail 地址连接到 mailto ,新闻组连接应当直接用组名。
40、核对href,不要在页内出现任何没有出路的连接,也不要让连接落掉。
41、实际上,网页要么处于建设之中要么就是死的……如果你不更新它,并且它不是纯粹的历史资料,它马上就会变旧。“最后一次更新”记录是一个好办法。且不说别的,如果你的页面变化太少,你很快就会在读者评论中得到讽刺意见。
42、鼓励读者通过填表或发邮件反馈意见。但要准备处理随之而来的事务……要尽快地回E-mail,增加连接,修改输入错误等等。给通过E-mail进行评论的人回感谢信。
43、在页内告诉读者如果他们在自己的主页内设置一个指向你的连接你不会介意,并表明你也同样会设置一个指向他的主页的连接。每个人都希望有人访问自己的网页,而这种相互支持会增加对见解类似的网点的访问。
44、联机时间是昂贵的,而访问者的注意时间之短是众所周知的。想办法告诉读者下传要用的时间--告诉他们要出现的图像的大小或下传一个文本文件或二进制文件要用多久的时间。为把联机时间减到最少,指出你会给出FTP地点或提供到其他页的连接,读者会欣赏你的这种做法。
45、利用Ditigal的优秀检索工具Alta Vista 找出谁已建立了指向你的Web的连接。在高级检索方式下,输入:link:http://my.site.com/ANDNOTurl:http://my.site.com/ 在简单查询中也可同样做到。
46、Web上的大多数写作相当糟糕。由于多数网页都是空话连篇,自我吹嘘,编写粗糙,编辑审核也不存在,好的写作就很突出了。
47、不要忘记为你的主页加一个描述性的标题,当某个人把它保存在自己的热点目录后能知道这里是什么内容。
48、HTML不包括文件显示时用到的字体、段落形式及空白信息。这正是它的意义所在,无论在什么平台上,包括文字终端,你的文件都能成功地显示出来。由此产生出最低命令标准。因此要了解不同的浏览器用不同的空白和字体。
49、假设你的页面要用某个特定的浏览器阅读时要当心。要是没有鼠标器,让别人“按这里”是不会有效的,如果你的读者使用Internet Explorer或Spry Mosaic,Netscape的插件就不会有效,除非你能保证读者有Netscape或Internet Explorer兼容的浏览器,否则重新调整过的图像可能会以预想不到的大小显示出来,表格也会很难看(或根本看不见)。在少数浏览器上,你根本不能看Jpeg图像。
50、不会有很多读者不能处理16位的图像,但是要注意,如果用16位(64K色)或24位(1670万色)的调色板制作精巧的背景,你可能会发现使用较老的设备的人只能跳过去。用8位图看彩色背景时会降为可怕的图形。带视卡但RAM少于2M的PC是不能观看图像的。


猜你喜欢
- 年关将近,抽奖想必是大家在公司年会上最期待的活动了。如果老板让你做一个年会抽奖的程序,你会怎么实现呢?今天给大家介绍一下如何通过 SQL 语
- select a.*,b.SumPoint from Expert_Topic_Index a,(
- 可及,通俗的说是“可以达到”,加上主语和宾语,在“交互设计”这个大的语境下,含义应该是“用户可以达到自己的操作目标”,这不是和“有效性—用户
- 前言:vue 中路由(router)的功能就是:把 url 与 应用中的对应的组件进行关联,通过不同的 url 访问不同的组件。但是如果我们
- 前言:我们平常会使用很多社交媒体,如微信、微博、抖音等等,在这些平台上面,我们会关注某些KOL,同时自己身边的亲朋好友也会来关注我们,成为我
- python 自动化批量生成前端的HTML可以大大减轻工作量下面演示两种生成 HTML 的方法方法一:使用 webbrowser#codin
- 一、requests库requests是使用Apache2 licensed 许可证的HTTP库。比urllib模块更简洁。Request支
- 1、静态网页与动态比较: 1)静态网页: 优势:A、 对搜索引擎友好,被收录的质量高;B、访问速度快;C、资源(cpu 等)占用少。 劣势:
- 使用 designer 进行开发首先要知道,使用 Qt designer 和 代码进行 Qt 开发实现页面跳转是不一样的,这里我们使用的是
- 【历史背景】岁月更迭中我已经从事MySQL-DBA这个工作三个年头,见证MySQL从“基本可用”,“边缘系统可以用MySQL”,“哦操!你怎
- 前言lambda是表达式,用于创建匿名函数,可以和filter、map、reduce配合使用。本文环境Python3.7。一、lambda表
- 先上一波战果:证明脚本是有用的~好在前两天看到有大佬在 Github 上开源了一个抢茅台的脚本目前已经 1.4k ,我前一天看的时候才 50
- python的format函数通过{}来格式化字符串>>> a='{0}'.format(123)>
- 事情开始得很简单。MegaWare公司市场部门想要一个新的网站来发布文档,开发团队觉得使用SQL Server 2000数据库作为文档存储仓
- (1) 展示了ASP * 站设计的一些最基本的方法,相信通过实践各位对ASP已经有了最基本的了解,本篇在答复大家所提问题的同时,将进一步介绍
- Navicat数据存放位置和备份数据库路径设置navicat的数据库存放位置在什么地方?带着这样的疑问,我们去解决问题,navicat是默认
- 作者:Henny Swan / co-lead of WaSP ILG译者:JunChen / member of WaSP ILG原文:h
- javascript Date.getUTCDay()方法按照通用时间在指定日期返回星期几。通过getUTCDay返回的值是对应
- Matplotlib简述:Matplotlib是一个用于创建出高质量图表的桌面绘图包(主要是2D方面)。该项目是由JohnHunter于20
- 前言:正则表达式(regular expression)描述了一种字符串匹配的规则,正则表达式本身就是一个字符串,使用这个字符串来描述、用来