创建站点与网页.ppt

1Dreamweaver8创立站点与网页

2教学内容Dreamweaver8简介创立本地站点和站点中的文件夹站点中存放文件创立网页创立表格和编辑表格网页中添加和设置文本网页中添加图片

3Dreamweaver8简介Dreamweaver8特点可视化的网页编辑工具可轻松完成丰富的静态网页可编写基于ASP、JSP等效劳器技术的动态网页Dreamweaver8的操作界面菜单栏文件、编辑、查看、插入、修改、文本、命令、站点、窗口和帮助插入工具栏(插入面板)标签选择栏文档窗口属性面板浮动面板组设计、代码、应用程序、文件、答案

4Dreamweaver8操作界面菜单栏插入工具栏工作窗口属性面板面板组

5Dreamweaver8根本操作翻开关闭工具栏插入、文档、标准、样式呈现(按右键翻开关闭工具栏)插入文档标准样式呈现“历史记录”的使用选择“窗口”菜单命令，翻开“历史纪录”面板通过“历史纪录”面板中滑块，回退历史操作功能键“F4”隐藏或翻开面板“F12”在浏览器中预览页面

6创立本地站点创立本地站点根本步骤：选择“站点/新建站点”命令选择“高级”选项卡设置“站点名称”建立“本地根文件夹”注意站点中文件夹或文件名用英文表示

7站点文件管理站点中新建文件夹翻开“文件”面板，选择需要新建文件夹的位置，按右键，选择“新建文件夹”命令站点中新建文件(创立网页)翻开“文件”面板，选择需要新建文件的位置，按右键，选择“新建文件”命令站点中添加文件翻开“文件”面板，在文件列表中选择需要添加的文件，然后通过拷贝粘贴，添加到站点指定文件夹中。站点中文件管理选中站点中文件或文件夹，按鼠标右键，选择“编辑”菜单，可进行复制、剪切、粘贴、删除和重命名等操作

8页面属性设置页面属性包括：外观设置：背景图像、颜色、文本链接：链接文本和颜色标题和编码选择“修改/页面属性”，翻开“页面属性”对话框设置

9例如1_创立网站和网页创立站点(在C:\TEST文件夹下)和站点中文件夹设置站点名称“Mysite”建立本地根文件夹“C:\Test\Mysite”建立新文件夹“SC1”素材导入到站点文件夹中将“SC”文件夹中素材文件导入站点“SC1”文件夹注意复制文件时不能选“复制”命令，要用“拷贝”命令创立网页在站点中新建页main.html将“SC1”文件夹中的bg.gif设置为网页背景

10网页布局_表格的应用Dreamwaver8中创立表格的方法：选择“插入/表格”菜单命令或者单击“插入”工具栏中“常用”模式中的“表格”按钮翻开“表格”对话框，设置表格参数表格宽度：“百分比”单位表示表格占整个网页宽度的百分比；“像素”单位表示表格固定宽度边框粗细：表格的边框的宽度0表示不显示边框单元格边距：表格的单元格中内容和边框之间的距离单元格间距：单元格和单元格之间的距离

11表格属性设置建立表格后，选择整个表格，可以通过“属性”面板修改表格属性表格的结构表格的修饰

12单元格属性设置选择表格中的单元格，通过“属性”面板设置单元格属性单元格内容格式单元格结构单元格修饰

13表格的编辑选择表格和单元格选择表格：点击单元格分隔线；或在表格中按右键，“表格/选择表格”选择单元格：鼠标拖动表格编辑选择“修改/表格”菜单(或在表格中按右键，选择“表格”)，可以对表格进行编辑插入行、列在当前位置上插入行，当前位置前插入列注意：如果选择“插入行或列”，可以选择插入行或列的位置删除行、列合并单元格拆分单元格

14例如2_创立和编辑表格在main.html中插入一个5行2列的表格，表格宽度为800像素，边框粗细为0，背景色为白色，并居中对齐，合并第4、5行单元格在表格的第1行，第1列中再插入一个2行2列的表格，宽度为100%，边框粗细为0，并合并该表格的第1行

15网页中添加文本和格式设置添加文本直接在文档窗口中输入文本通过复制/粘贴，输入文本注意在Dreamweaver中粘贴文本时，将忽略原文本的格式文本输入