• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 地图
精灵日志图片

Artile_Title

第三部分、内容篇

良好的结构需要与充实的内容相结合,才能表达出一个网站所需的各种信息。Web媒体的不断变化发展让每个人兴奋异常,但同时也让许多人对它的发展感到迷惑和手足无措,作为设计师的我们需要集中精力将所有信息转化为合理的页面内容。而良好的页面不应是简单的内容罗列,它需要合理的将信息组织的富有韵律和节奏,才能表达出我们希望传达给浏览者的信息。本篇将介绍Dreamweaver在内容组织方面的作用和需要遵循的规则,但并不仅仅是简单的教你如何将内容添加入页面中。我希望能传达给大家一些制作中重要的思想,希望朋友们能更多的考虑在内容方面应更多的关注什么?如何以简洁但又富有吸引力的内容来充实你的网站。

一、 内容制作主要工具。Dreamweaver提供了清晰、有效、功能强大的工具,只有熟练的掌握了这些高效工具,才能使你将更多的注意力集中到Web页面内容上。

1、 使用状态栏工作。在进行内容的添加和组织过程中,养成时刻关注状态栏的变化是非常好的习惯。状态栏位于文档窗口的底部,如图一,包括如下四个工具:

1) Tag Select(标示选择器):可以准确快速的选定文档中的任何内容,当你的页面结构变得复杂和多样时,它可以帮助你快速找到需要编辑的内容,你选定的标签内容会相应的在属性面板反映出来。

2) Window Size(窗口尺寸):这个弹出菜单中包含了常见的浏览器分辨率大小,从中选择一种屏幕分辨率可以快速观察你的页面在相应的屏幕中的状况。

3) 下载时间指示器:很多朋友在添加内容时常常会把尽可能多的内容放在页面中,例如大量的图片、声音和其他多媒体文件,也许看起来非常的漂亮,但作为一个Web设计者应更多的从访问者的角度来考虑问题。下载时间指示器提供了页面累计大小和通过特定的Modem访问页面所需的时间,过大得页面尺寸和太长的下载时间会使浏览者离开你的页面。一般来说,超过50K的页面对普通浏览者来说会难以忍受,当然这还要和你的页面具体内容相关。

4) Launcher(快速启动栏):这个区域包含了常用的工具窗口的启动按钮,在制作过程中可以快速的将需要用到的工具窗口快速的打开和关闭,这不仅方便,而且使工作窗口保持简洁。

2、 Object面板简介。介绍完我们的工作状态栏,我们再来看看最重要的内容制作工具,Object面板。可以说网页中的绝大多数内容的添加都可以通过Object面板实现。

1) Common(通用对象):这个面板包含了除文本以外最常用的HTML元素,例如图片、表格、水平标尺、E-mail链接、导航条、Flash文字、Flash按钮等等,从简单单一元素到复杂交互式元素都可以从这里插入,但对于初学者来说,最好先将其中的表格和图片两个元素掌握精通了,基本上可以应对网页中的绝大多数内容,贪多并不是一个好的学习方法。

2) Character对象:在这个面板中可以插入一些复杂特殊的字符,前面的11种是常用的一些字符,最后一种其实包含了99种不常用的更多字符。

3) Forms对象。这里是插入交互式页面元素的主要手段,如果不接触一些程序方面的交互式程序,这部分可以暂且放置到以后学习。

4) Frames(框架元素):这是我们在上一讲介绍过的生成框架页面的工具。

5) Head(文件头元素):插入Web页面头中常见的一些元素,这些元素有助于你的网页能被更多的人了解和发现。

6) Invisible(隐藏对象):这里可以将一些不可见的页面代码插入你的文件中。包括命名锚、备注、脚本。

7) Special(特殊元素):对一些浏览器扩充支持的元素我们可以在这里插入,一般我们用到的时候比较少。

3、 Property Inspector属性检查器。对于每个插入页面中的元素来说,都有不同的细节和参数需要我们设定,选择前面我们插入的不同元素对象,属性面板会有相应的变化,对于初学者来说,精通属性面板的每个参数设置至关重要,特别是关于文字、图像、链接和表格的属性面板参数。可以说成为高手往往从属性面板开始,进而深入每个属性参数的细节,直至源代码。

总目录 | 第一页 | 第二页 | 第三页

教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2006 Bitgenius.com.All rights reserved. Designed by Mengjue.