创建站点与网页.pptVIP

* Dreamweaver8 创建站点与网页 * 教学内容 Dreamweaver8简介 创建本地站点和站点中的文件夹 站点中存放文件 创建网页 创建表格和编辑表格 网页中添加和设置文本 网页中添加图片 * Dreamweaver8简介 Dreamweaver8特点 可视化的网页编辑工具 可轻松完成丰富的静态网页 可编写基于ASP、JSP等服务器技术的动态网页 Dreamweaver8的操作界面 菜单栏 文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助 插入工具栏(插入面板) 标签选择栏 文档窗口 属性面板 浮动面板组 设计、代码、应用程序、文件、答案 * Dreamweaver8操作界面 菜单栏 插入工具栏 工作窗口 属性面板 面板组 * Dreamweaver8基本操作 打开关闭工具栏 插入、文档、标准、样式呈现(按右键打开关闭工具栏) 插入 文档 标准 样式呈现 “历史记录”的使用 选择“窗口”菜单命令，打开“历史纪录”面板 通过“历史纪录”面板中滑块，回退历史操作 功能键 “F4”隐藏或打开面板 “F12”在浏览器中预览页面 * 创建本地站点 创建本地站点基本步骤： 选择“站点/新建站点”命令 选择“高级”选项卡 设置“站点名称” 建立“本地根文件夹” 注意站点中文件夹或文件名用英文表示 * 站点文件管理 站点中新建文件夹 打开“文件” 面板，选择需要新建文件夹的位置，按右键，选择“新建文件夹”命令 站点中新建文件(创建网页) 打开“文件” 面板，选择需要新建文件的位置，按右键，选择“新建文件”命令 站点中添加文件 打开“文件” 面板，在文件列表中选择需要添加的文件，然后通过拷贝粘贴，添加到站点指定文件夹中。 站点中文件管理 选中站点中文件或文件夹，按鼠标右键，选择“编辑”菜单，可进行复制、剪切、粘贴、删除和重命名等操作 * 页面属性设置 页面属性包括： 外观设置：背景图像、颜色、文本 链接：链接文本和颜色 标题和编码 选择“修改/页面属性”，打开“页面属性”对话框设置 * 示例1_创建网站和网页 创建站点(在C:\TEST文件夹下)和站点中文件夹 设置站点名称“Mysite” 建立本地根文件夹“C:\Test\Mysite” 建立新文件夹“SC1” 素材导入到站点文件夹中 将“SC”文件夹中素材文件导入站点“SC1”文件夹 注意复制文件时不能选“复制”命令，要用“拷贝”命令 创建网页 在站点中新建页main.html 将“SC1”文件夹中的bg.gif设置为网页背景 * 网页布局_表格的应用 Dreamwaver8中创建表格的方法： 选择“插入/表格”菜单命令 或者单击“插入”工具栏中“常用”模式中的“表格”按钮 打开“表格”对话框，设置表格参数 表格宽度： “百分比”单位表示表格占整个网页宽度的百分比； “像素”单位表示表格固定宽度 边框粗细： 表格的边框的宽度 0表示不显示边框 单元格边距： 表格的单元格中内容和边框之间的距离 单元格间距： 单元格和单元格之间的距离 * 表格属性设置 建立表格后，选择整个表格，可以通过“属性”面板修改表格属性 表格的结构 表格的修饰 * 单元格属性设置 选择表格中的单元格，通过“属性”面板设置单元格属性 单元格内容格式 单元格结构 单元格修饰 * 表格的编辑 选择表格和单元格 选择表格：点击单元格分隔线；或在表格中按右键，“表格/选择表格” 选择单元格：鼠标拖动 表格编辑 选择“修改/表格”菜单(或在表格中按右键，选择“表格”)，可以对表格进行编辑 插入行、列 在当前位置上插入行，当前位置前插入列 注意：如果选择“插入行或列”，可以选择插入行或列的位置 删除行、列 合并单元格 拆分单元格 * 示例2_创建和编辑表格 在main.html中插入一个5行2列的表格，表格宽度为800像素，边框粗细为0，背景色为白色，并居中对齐，合并第4、5行单元格 在表格的第1行，第1列中再插