Dreamweaver的基本用法.pptVIP

Dreamweaver的基本用法 1.预备工作 2.新建文件 3.新建站点 4.基本工具条 5.定位 6.模板 7.保存文件(预缆效果) 预备工作---1 首先﹕在F盘新建活页夹(aaa) 预备工作---2 再在新建活页夹里边建3个问件夹 design----网页 image ----图片 flash ----flash动画 新建文件---1 打开Dreamweaver活页夹 新建站点---1 点击 站点—管理站点 新建站点---2 右框中是默认的路径 新建站点---3 修改以下路径 本地数据夹路径 ---/aaa 预设影像数据夹路径 ---/aaa/image 确定后﹐站点建好﹗ 4.基本工具条 点击擦入(CTRL+F2) 调出工具条﹐当然如果是已经有工具条了就不用条了﹐否则就是相反的效果! 基本工具条---常用 基本工具条---超级链接 超级链接接工具 基本工具条---连结E-MAIL 点击后直接填写要连结的E-MAIL 基本工具条---常用锚点 看例子 锚点的例子 将锄禾超级链接(#1) 将 锄禾日当午﹐(定义锚点) 汗滴禾下土。 谁知盘中餐﹐ 粒粒皆辛苦。 注意﹕锚点的名字为1 擦入图片 擦入图片 当点击擦入图片按钮后就和弹出要擦入图片的路径﹐导入图片后可以在属性栏中进行编辑(可以超级链接﹐可以划块进行超级链接) 注意﹕导入的图片需要拷贝到image活页夹 基本工具条---窗体 窗体 一般有窗体的网业的站﹐大多都是动态的网站﹗ 基本工具条---窗体 一为了让提交的页面 不至于混乱在加入其它窗体之前﹐先加入此窗体﹐当然需要提交到多个窗体就另当别论了。 基本工具条---窗体 可以设置单行﹐多行 也可设置密码。 当然设置密码时﹐在的预览页面看到的只是*号﹗ 基本工具条---窗体 与上面讲的相似﹐只是默认的行是多行﹗ 与上面窗体一样可以设置字数和行数 基本工具条---窗体 多选项提交 基本工具条---窗体 单选项提交 (只能选一满项) 基本工具条---窗体 单选框﹕ 基本工具条---窗体 下拉框式单选 可进行跳页连结 可以在设定值 基本工具条---窗体 在行为里选择 跳页选单前往 弹出右边的窗口 逐个选定 基本工具条---窗体 与前面讲到的一个一样﹐只是﹐不需要在行为里加载﹐因为在你点击﹐它将自动提示加载, 基本工具条---窗体 上传工具条 基本工具条---窗体 提交按钮 可以设置 提交或者重新填写 基本工具条---文字 基本工具条---文字 调文字 加载了一些代码(看代码) 标题 项目显示 基本工具条---HTML 常用的就是水平线 基本工具条---FLASH元素 注意﹕导进的FLASH放在站点的flash活页夹中 定位(布局)---表格定位 点击红色地方添加表格设置像素(百分比)﹐ 利用表格的规则就是大表格套小表格 定位(布局)---表格定位 这就是表格定为的效果 定位(布局)---布局定位 特别注意﹕ 一般提倡用红框定﹐如果确定布局里的内容不修改后﹐才可用蓝框(慎用) 定位(布局)---布局定位 右图就是用布局定位的 这种定位是版面不是很复杂的网页很可取的定位方式 定位(布局)---层定位 点击红色区域﹐逐个编辑。 注意﹕层定位是最不提倡的。 定位(布局)---层定位 右图就是层定位制作的网 模板 比如说有右边的网页﹐我们要求每个网页都这样的重复部分。我们就可以选择模板来编辑。 模板 选择可编辑区域 模板 单击 模板 存储 模板 当下次启用时﹐新建文件后选择(样板)(aaa) ,点击(建立) 模板 我们的鼠标将只在可编辑区范围内有效。 保存文件(预缆效果) CTRL+S保存 按右图路径单击预览效果(或快捷键F12) 注﹕Macromedia Dreamweaver MX 2004要求保存文件后才能预览。其它版本都没有这个要求。 保存文件(预缆效果) 定位(布局)定位有三种方式﹕表格定位﹐布局定位﹐层定位。 模板模板制作公司网业时﹐可节省时间制作和修改网业 * * 预览(当点击“锄禾”时) * 页眉 * 页眉 *