我的公告
我的相册
文章分类
最新留言
最新评论
友情链接
文章专辑
空白面板
背景音乐
2008-05-02 00:00:18

千里之行,始于足下。使用Dreamweaver制作网页的第一步就是在自己的硬盘上建立一个本地站点。本地站点指的是一个命名的文件夹,保存所要用到的全部文件。当用户在设计的网页中插入了其它元素(如文字、图片)时,Dreamweaver会提示将这个元素复制到本地站点所对应的目录下,这样一来就不会造成图片的丢失,也是为了更好地利用站点窗口对站点文件进行管理。 定义的方法
方法一:在站点窗口的下拉菜单选择最后一项定义站点,如下图。此时会弹出一个新的对话框,点击“新建(N)”按钮是定义一个新网站,如果日后需要对旧有网站重新定义,可以在左边的网站列表中选中你需要重新定义的网站,然后点击“编辑(E)”按钮便可。方法二:选择命令菜单 站点> 新建站点选项。
基本设置
在接着看到的对话框中,要进行以下三步简单的设置:
2008-05-01 23:57:53

正式开始使用Dreamweaver之前我们先来熟悉一下Dreamweaver的操作界面。
一、工具条:这是Dreamweaver4.0新增加的功能。启动Dreamweaver 4最先看到的就是这个工具条。可以通过菜单View--〉Toolbar来显示和关闭工具栏
1、 代码视图:按下此按钮以后就可以直接编辑和察看HTML源代码。这个相当于以前版本的HTML代码编辑窗口。2、代码与设计视图。按下这个按钮以后就可以同屏显示源代码和页面的效果。这个对于网页制作者来说是极其方便的。可以一边修改代码。一边就可以看到设计的改变。而无需再在窗口间来回切换。
3、设计视图:就是以前的Dreamweaver网页编辑窗口
4、、 网页标题(Title)。
5 、 文件状态(File Status)。文件状态按钮用来修改文件的状态。
6、 浏览器中预览/调试(Preview/Debug in browser)。在浏览器中预览页面和在浏览器中调试Javascript脚本。
7、 刷新(refresh)。可以刷新文件列表和页面。
8、 参考书(Reference)。这是Dreamweaver为专业网页设计师提供的一个详细的参考手册(包括HTML、CSS、Javascript)。
9、 代码导航:点击代码导航按钮来移动文档里定义的JavaScript 函数,
10、 显示选项(View Options)。
(1)代码显示模式下的选项菜单按钮,可以选择Word Wrap(自动换行), Line Numbers(行数), Highlight Invalid HTML(高亮HTML中的错误), Syntax Coloring(显示语法的颜色), Auto Indent(自动缩进)和顶端的Design View(设计显示)。
(2)点击设计显示模式下的选项菜单按钮,可以隐藏所有的可视化帮助或锁定可视化帮助,如表格边框,层边框,帧框架边框,图片映射,不可见元素,表头,标尺,网格,以及图片的轨迹。
二、文档窗口
文档窗口是编辑网页的区域,其内容与在浏览器中的运行结果相似但又有所差异。窗口上方标题栏、菜单栏
下方的状态栏中有一些标记如:文档
2008-05-01 23:51:12
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得网页编辑器,被世人称为DREAMTEAM(梦之队)三剑客之一,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 目前越来越多的人加入到Dreamwver的学习中来。但对初学者来说,Dreamwver不如Frontpage那样易于上手。我们的学习内容会由浅入深,循序渐进,希望引领你踏上愉快的Dreamweaver之旅……一、 DreamweaverMX能做什么
DreamweaverMX是专业网页设计、网站管理、网页可视化编辑的软件。用它可以制作出非常好的站点,可以快速提升网页制作效率。与flash、fireworks合称为梦幻组合。
二、Dreamweaver功能:
1、图层的使用。利用图层可准确地定位,图层可单独放置在网页的任一地方,可以重叠、移动、变化、隐藏、显示。利用层产生三维排版。
2、强大的动态页面支持。Dreamweaver的Behavior(行为动作)和timeline(等时线)功能,例如移动图、新窗口弹出、浏览器自动检测等。能在使用者不懂java script的情况下,往网页中加入丰富的动态效果。
3、可安装各种插件,使其功能更强大。使用者若有兴趣,还可自己给Dreamweaver制作插件,使Dreamweaver更适应个人的需求。
4、Dreamweaver提供的历史面板、html样式、模版、库等功能避免了重复劳动,使用者不必重复输入相同的内容、格式。
5、Dreamweaver能直接往页面中插入Flash、Shockwave等插件,经过设置后还可直接调用相应的软件对这些插件进行编辑。最后,Dreamweaver与Fireworks集成紧密,可直接调用Fireworks对页面的图象进行修改、优化。
DreamweaverMX新功能:
1、 统一的工作区:
2、 更加强大的模板
3、 广泛的代码库
4、 新服务器技术支持
5、 XML和WEB标准支持
6、 对CSS2的支持
7、 高性能编码的支持
DreamweaverMX是专业网页设计、网站管理、网页可视化编辑的软件。用它可以制作出非常好的站点,可以快速提升网页制作效率。与flash、fireworks合称为梦幻组合。
二、Dreamweaver功能:
1、图层的使用。利用图层可准确地定位,图层可单独放置在网页的任一地方,可以重叠、移动、变化、隐藏、显示。利用层产生三维排版。
2、强大的动态页面支持。Dreamweaver的Behavior(行为动作)和timeline(等时线)功能,例如移动图、新窗口弹出、浏览器自动检测等。能在使用者不懂java script的情况下,往网页中加入丰富的动态效果。
3、可安装各种插件,使其功能更强大。使用者若有兴趣,还可自己给Dreamweaver制作插件,使Dreamweaver更适应个人的需求。
4、Dreamweaver提供的历史面板、html样式、模版、库等功能避免了重复劳动,使用者不必重复输入相同的内容、格式。
5、Dreamweaver能直接往页面中插入Flash、Shockwave等插件,经过设置后还可直接调用相应的软件对这些插件进行编辑。最后,Dreamweaver与Fireworks集成紧密,可直接调用Fireworks对页面的图象进行修改、优化。
DreamweaverMX新功能:
1、 统一的工作区:
2、 更加强大的模板
3、 广泛的代码库
4、 新服务器技术支持
5、 XML和WEB标准支持
6、 对CSS2的支持
7、 高性能编码的支持
