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

Dreamweaver
Dreamweaver构建Blog全程实录(1)-BLOG功能简介
Dreamweaver构建Blog(2)-构建开发环境
Dreamweaver构建Blog全程实录(3)-数据库的设计和连接
Dreamweaver构建Blog全程实录(4)-首页的实现
Dreamweaver构建Blog全程实录(5)-分栏及回复的实现
Dreamweaver构建Blog全程实录(6)-用户注册的实现
Dreamweaver构建Blog全程实录(7)-用户登录的实现
Dreamweaver构建Blog全程实录(8)-管理员页面的实现
Dreamweaver构建Blog全程实录(9)-站点统计
Dreamweaver构建Blog全程实录(10):事件日历
Dreamweaver构建Blog全程实录(11)-站内搜索
Dreamweaver构建Blog全程实录(12)-上传安装
Dreamweaver便捷技巧方法
Dreamweaver快速制作细边线表格
修改注册表解决Dreamweaver乱码问题
DreamweaverMX技巧之超链接
在DreamWeaver中应用CSS样式表技巧两则
用Dreamweaver MX建立一个简单的图书查询系统
Dreamweaver层使用八定律
下拉菜单全攻略之Dreamweaver篇

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 46 ::
收藏到网摘: 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秒以前下载完毕。