开启左侧

Dreamweaver4教程全接触

[复制链接]
发表于 2012-2-5 01:49:17 | 显示全部楼层 |阅读模式
Dreamweaver4教程-全接触

09121019413cb0d491614d1b54.gif


适用对象:没有网页制作经验的朋友; Dreamweaver 初级用户。

教学方式:通过实例,辅以详细的操作指示。

一.第一个网页
试一试,制作网页就是如此简单!

  ● 制作第一个网页

二.Dreamweaver 基础

“千里之行,始于足下”,本章是起步教程。

  ● 操作界面
  ● 文档创建
  ● 页面设置
  ● 文本
  ● 图片与超链接

三.Dreamweaver 进阶

本章教你如何严格控制网页元素,让它们在你的手下“服服贴贴”。

  ● 表格
  ● 框架
  ● 图层
  ● 版面(Layout)规划

四.Dreamweaver 高级教程

本章教你制作动态网页技术,让你的网页又玄又酷!

  ● 翻滚图
  ● Dreamweaver中的行为(Behavior)
  ● 等时线制作技术

五.网站建设技术

做一个快速高效的网站设计者!

  ● 模板
  ● 网站建设过程
  ● 主页上传
平度网:www.pingdu.co 平度论坛:bbs.pingdu.co
 楼主| 发表于 2012-2-5 01:49:22 | 显示全部楼层
制作第一个网页

网页制作难吗?说难真地很难,网站定位,实用性与美观,普及性与特殊性之间的矛盾,永远困扰着每一位资深级网页设计者;但说它简单又真地很简单,图片,文字,等等,如果你懂得如何操作 Word ,几乎就能制作自己的网页了。
下面我们来制作一个如图一的网页。在本节教程内,大家不需要记住任何东西,只是跟着我们走就行了,主要目的是体会一下网页制作的"简单" 。

09120920365d42e65f3d6300f3.gif
图一一.打开程序:
双击桌面上的 Dreamweaver 图标,或者在"开始"菜单中选择"程序\Macromedia Dreamweaver 4\Dreamweaver 4",打开程序。操作过程如图 二:

0912092036e39a86485340323d.gif
图二程序打开后的操作界面如 图三:

091209203682ac7968af391cf7.gif
图三图三中有很多浮动面板,现在我们先不管它们的作用与具体使用方法,为了避免影响工作,我们通过点击面板右上角的 "X" 号将所有浮动面板都关掉,最后只保留文档编辑窗口, 如图四:

0912092036b45fc207391932f1.gif
图四
提示:要打开哪些浮动面板,可以通过 Windows 下的相应命令实现。

二.创建网站:
程序打开了,但现在我们还不能直接进行网页制作,首先得解决网页文件的存放位置问题,也就是把这个网页文件放在硬盘上的哪个文件夹(站点)之中。

提示:如果没有进定位,网页制作完成后的效果预览就看不到,更重要的是,它可以解决由于误操作带来的麻烦。所以,随时保存文件是个不错的好习惯。保存的快捷键是:Ctrl+S

1.在操作菜单上找到 Site/New Site ,在 Site Name 中输入任意的字符(注意不要用中文),代表站点的名字,这里我们输入 School ;在 Local Root(根目录) 栏决定将刚才那个站点即文件夹放在什么地方 。如图五: