网页制作基础教程（Dreamweaver CS5）全套PPT课件.pptx

《网页制作基础教程（DreamweaverCS5）》

;第1章网页设计基础;1.1网站基础知识;1.1网站基础知识;1.1网站基础知识;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.2网站建设基本流程;1.3网页基本元素;1.3网页基本元素;1.3网页基本元素;1.3网页基本元素;1.4DreamweaverCS5工作环境;1.4DreamweaverCS5工作环境;本章重点：

了解网站基本常识

了解建站的基本步骤

明确网页由哪些基本元素构成

DreamweaverCS5工作环境;《网页制作基础教程（DreamweaverCS5）》

;第二章创建本地站点;2.1创建本地站点—《我的足球网》;2.1创建本地站点—《我的足球网》;2.1创建本地站点—《我的足球网》;2.1创建本地站点—《我的足球网》;2.2站点的创建及基本操作;2.2.2.管理本地站点

菜单【站点】｜【管理站点】

创建新站点

通过“站点定义向导”创建

通过“高级”设置对话框创建

编辑站点

复制站点

删除站点

导入和导出站点;2.2站点的创建及基本操作;2.2.4网页文件的基本操作

在站点中选择多个文件

在本地站点中剪切、粘贴、复制、删除、重命名

创建文件或文件夹

文件的移动和复制

删除文件

;2.3实战演练;《网页制作基础教程（DreamweaverCS5）》

;第三章网页的图文编辑;3.1??????简单的图文混排—我与足球

3.2????网页文本的输入和属性设置

3.3????网页图片的插入和属性设置

;3.1????图文混排—我与足球;3.1????图文混排—我与足球;3.1?图文混排—我与足球;3.2.1插入文本

文件→导入

复制→粘贴或选择性粘贴

直接输入

;3.2.2插入特殊符号

1.换行

Enter→分段（隔一行）

Shift+Enter→换行（不分段）

2.输入网页中的空格

汉字输入状态下输入

属性面板→格式→预先格式化的

Shift+Ctrl+空格

编辑→首选参数→常规→允许多个连续的空格;3.2.2插入特殊符号

3.插入特殊字符

选择菜单栏“插入记录”|“HTML”|“特殊字符”，从子菜单中选择要插入的特殊字符名称。

在“插入”工具???的“文本”类别中，单击“字符”按钮，从弹出的子菜单中选择一种字符。

如果在子菜单中没有找到需要插入的特殊字符，可以单击“其他字符”图标，打开“插入其他字符”对话框，这里提供了更多的可选择的特殊字符。;3.2.3设置文本格式

Dreamweaver将CSS属性检查器和HTML属性检查器集成为一个属性检查器。

在属性检查器中设置HTML格式

在属性检查器中编辑CSS规则

;3.2.3设置文本格式

1．在属性检查器中设置HTML格式

“格式”：设置所选文本的段落样式

“ID”：为所选内容分配一个ID

“类”：显示当前应用于所选文本的类样式。

;3.2网页文本的输入和属性设置;3.3网页图片的插入与属性设置;3.3.2插入图像

插入→图像

插入面板→常用→图像

直接将图像文件拖入编辑区

注意：

在插入图像前应先将网页文件已保存，从而使所插图像引用正确。

图像插入网页后，应确定图像文件已存入站点，否则在下次打开网页时，会出现看不到图像的情况。;3.3.3设置图像的属性

图像→设置的名称

宽、高→可缩小和放大图片的显示尺寸。

源文件→图片的路径和名称。

链接→图像超链接的URL地址。

替代→图像的说明文字;3.3.3设置图像的属性

编辑→可打开外部编辑器进行图片的编辑。（默认为Fireworks）

垂直边距和水平边距→图片四周突出的尺寸

低品质源→原图的低品质替换图形

边框→图片是否要加边框

对齐→在一行中图形和文本的对齐方式

地图→创建热区的工具;1.实战效果

2.制作要求

1创建本地站点及相关文件及文件夹。

2利用表格定位，合理安排图像与文字的位置。

3利用图像编辑软件，完成对图片的艺术处理。

4右边的图片具有鼠标经过后翻转成另外一幅图像的效果。;《网页制作基础教程（DreamweaverCS5）》

;第四章建立网页链接;4.1编织网站链接—足球新闻;4.1编织网站链接—足球新闻;4.1编织网站链接—足球新闻;1、创建内部链接

－－网站内部页面之间创建相互链接关系

步骤1选中页面中的文字或图