当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 制作个人主页有诀窍

Dreamweaver
Dreamweaver 限制访问的BUG
Dreamweaver 数据库路径的使用
用Dreamweaver做搜索表单
Dreamweaver 事件简述
[Dreamweaver教程]Meta标签详解
提高 Dreamweaver行为全接触(5)
提高 Dreamweaver行为全接触(1)
提高 Dreamweaver行为全接触(3)
提高 Dreamweaver行为全接触(2)
提高 Dreamweaver行为全接触(4)
Dreamweaver MX2004视频宝典教程(7) Dreamweaver安装与启动
Dreamweaver MX2004视频宝典教程(9) 工作区结构
Dreamweaver MX2004视频宝典教程(5) 配色原则
Dreamweaver MX2004视频宝典教程(4) 网页布局
Dreamweaver MX2004视频宝典教程(8) Dreamweaver文档使用
Dreamweaver MX2004视频宝典教程(10) 菜单概述
Dreamweaver MX2004视频宝典教程(3) 网页的基本元素
Dreamweaver MX2004视频宝典教程(6) HTML与渲染
Dreamweaver MX2004视频宝典教程(1) 课程简介
Dreamweaver MX2004视频宝典教程(2) 网站与网页的概述

Dreamweaver 中的 制作个人主页有诀窍


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 43 ::
收藏到网摘: n/a

随着互联网的飞速发展,很多主页都是越做越漂亮、越来越有个性。如果你是一个资深的网虫不会没有自己的主页吧!下面小弟就来谈谈如何使你的网上“小窝”更具魅力!

    关于图片

    有一些人使用纯文本浏览器或关掉了浏览器的图片功能或由于网络过于繁忙,导致图片没有完全下载完毕,浏览者就点了停止,都会造成图片不显示。这样访问者就不知道那是什么图片。有一个好的方法:使用alt属性提供替代文本。实现方法如下:

    < img src="/upload/tech/20091123/20091123141153_432aca3a1e345e339f35a30c8f65edce.jpg" width="100" height="120" alt="这是白痴型天才——樱木花道灌篮时的特写">

    alt属性的另一个优点是当鼠标移动到图片上时,替代文本也会出现并跟随鼠标(图1)。试想,如果你为自己站上所有的图片都加上很搞笑的替代文本,不比那华而不实的特效好吗?

    


图1

    定制快捷键

    在Windows系统中用“Ctrl+C”和“Ctrl+V”就可以完成复制、粘贴工作,是不是很爽?其实使用a标签的accesskey属性也可以定制超链接的快捷键:

    < a href="Page1.html" accesskey="1"> Page1< /a>(Alt+1)< br>
  < a href="http://www.ccidnet.com/" accesskey="C"> CCIDNET< /a>(Alt+C)< br>

    如图2。

    


图2

    在超链接后面加上使用了哪些快捷键,否则浏览者不知道(注:使用HTML键盘快捷键所需系统键在Windows中为“Alt”,而且只有5.0以上版本的浏览器支持)。

    保持较好可读性

    尽量保持文本内容简短明了,把重要信息放于顶端,且设置成强调字体,大多数浏览者不愿看见一张网页上文本太多。他们不愿意点击3次以上来查找所需信息,甚至大多数人不愿意滚动页面去找信息,所以你必须把较长文本分割成几个页面,而且段与段之间加上空行,限定列的宽度为200-400像素左右,以使页面简洁避免超长页的滚动,同样最好不要把内容层次设计的大于5层。如果你的网站有100个页面,那么应该有一个搜索引擎。

    页面大小问题

    通常情况下,每个页面大小应在20~40KB,HTML文件通常为1~4KB,其余19~36KB是内容,如图片、文本。这样你的网页应该能在10秒以前下载完毕。