网页培训DREAMWEAVER8讲义.docVIP

Dreamweaver讲义 IIS安装与调试 开始—控制面板—添加/删除程序--添加/删除windows组件，如下图：IIS信息服务 IIS安装图：IIS信息服务 Internet信息服务（IIS）--详细信息—万维网服务—确定—下一步至完成 开始—控制面板—管理工具-- Internet信息服务（IIS） 本地计算机、网站、默认站点（右键—属性），按照下面三个图示调整相应参数。 ——————————————————————————— Dreamweaver基本设置 1. Dreamweaver启动：程序组方式、文件--右键 2.主菜单、浮动面板、状态条 图1：Dreamweaver操作界面 3.建立主页 准备好素材和构思好网页结构； 在右侧的窗口（本地文件夹文件列表框）右击鼠标，选择“新建文件”； 将“无标题”改为“index.htm”； 建立子目录：如html、images、others等，可分别放入框架网页、图像、其它插件等； 双击index.htm文件，进入编辑index.htm网页窗口。 4.页面设置：在编辑窗口右键单击，选择页面设置 5.直接创建新页面：“文件”—“新建”（CTRL+N） 6.打开、保存页面： 7.使用模板 打开模板页面：“文件”—“新建” 设置默认模板：将“Dreamweaver \Configuration\Templates”中default.html 自建模板：“文件”—“另存为模板” 使用模板：“文件”—“从模板中新建” 基本操作 ——————————————————————————— 1、编辑文字及预览页面： 输入、修改、修饰 剪切、复制、粘贴 撤消、恢复 查找、替换 预览页面 2、有序列表、无序列表、嵌套列表、自定义列表 有序列表：等价WORD中的项目编号 无序列表：等价WORD中的项目符号 嵌套列表：上面两种组合 自定义列表：“文字”—“列表”—“定义序列表”；输入要定义的“项目”（ENTER）、输入相应的定义“数据”（ENTER）；重复至两次ENTER “文字”—“列表” 3、资源管理器（Assets） 一旦在页面中插入图片、选择颜色、制作链接、使用了FLASH、SHOCKWAVE、视频素材、脚本，所有这些经刷新后将出现在ASSETS面板分类中。 使用：选择—“插入”；选中—拖曳 4、调试页面 用于调试一些包括脚本的文件“文件”“在浏览器中调试”—“iexplore” 5、设置页面属性 “修改”—“页面设置”；右键单击编辑区—“页面设置” 6、导入WORD文件 “命令”—“清理Word HTML” 7、HTML源文件的操作 Dreamweaver可以方便修改错误的地方，先在Dreamweaver中将光标移到要修改的地方，再打开自带的HTML source编辑窗口即可。 “修改”—“快速标签编辑器”（Ctrl+T）； 有三种模式（用Ctrl+T切换）。 8、熟悉界面（见复印件） 操 作 图像操作 ——————————————————————————— 插入图像：“插入”—“图像” 修改图像：改变大小、边框 移动图像：垂直距、水平距；用表格控制 图像的收藏：右键—“添加到图像收藏夹” 表格操作：（注意选取对象他table、tr、td） ——————————————————————————— 建立表格：边距、间距、边框 表格嵌套：在单元格中插入表格 表格的操作：选取（表格、行、列）、合并、拆分、插入行、插入列、增加行或列、删除行、删除列、增加合并行、增加合并列、减少合并行、减少合并列。（“修改”—“表格”） 表格修饰：对齐方式、调整大小和位置、颜色（边框、线、背景）、文字修饰、预置格式创建表格（“命令”—“格式表格”）。 文字录入图像放置（放入内容不要破坏表格格式） 表格排序 应用提示 将表格设定为网页的框架，即先设定大致模式 在单元格中加入背景图片，使其构成某种图案 表格（单元格）中插入表格，尽量独立操作，避免相互影响 表格嵌套不应过多，以免网页过大，影响传输速度 练习 图2所示，制作一个网页。内容、格式不限。 图2：示范网页 仿制在指定位置（\\Dmt3\tools\塘沽在线.htm）中网页布局 框架 ——————————————————————————— 建立： 启动Dreamweaver，创建空白文档 单击“窗口”—“对象”—“▼”—“框架”，选择其中一种 修改： 鼠标拖动框架边界 “修改”—“框架组”— 选择一种框架形式 保存： “文件”—“另存框架为”：将保存当前这个文件（换名） “文件”—“保存框架”：将保存当前的这个框架文件 “文件”—“保存全部框架”：将保存n+1个文件 “文件”—“另存框架为模板”：将保存当前框架为模板文件 框架类型： 标题、目录、页脚、垂直