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

Dreamweaver
Dreamweaver CS3网页制作之CSS布局规则
Dreamweaver CS3网页制作之布局实例
Dreamweaver生成新页面css的类失效
Dreamweaver CS4 JavaScript的部分新特性
Dreamweaver CS4安装试用以及截图
Dreamweaver CS4新增相关功能介绍
Dreamweaver制作网页时使用CSS的事项
Dreamweaver关于字符与编码的错误
Dreamweaver表格宽度辅助线怎么除掉?
Dreamwaver设计div层的对齐方式
DW教程之CSS网页制作实例:固定宽度布局
DreamWeaver正在走向死胡同
Dreamweaver CS3中的CSS布局规则
Dreamweaver套用源格式命令应用技巧
Dreamweaver使用过程中的常见问题
Dreamweaver教程:如何取消Dreamweaver表格宽度辅助线
Dreamweaver CS3网页制作中的CSS布局规则
制作网页中设计段落缩进的方法
DW的源代码视图按空格代码提示功能消失
dreamweaver出现翻译器没有被装载错误

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


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