《网页的基本编辑》PPT课件.ppt

《《网页的基本编辑》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页制作基础教程（DreamweaverCS4）》电子教案葛艳玲　主编ISBN978-7-121-15403-4第三章　网页的基本编辑本章重点：文本的插入及属性设置、图像的插入及属性设置、图文混排、图像的编辑。第三章　网页的基本操作3.1图像文字的混排—我与足球3.2网页文本的输入和属性设置3.3网页图片的插入和属性设置3.1图文混排—我与足球3.1.1实例综述通过本例我们可以掌握网页制作时的一些基本步骤和相关的属性设置，学会在网页中加入最基本的元素―－文字和图像。3.1图文混排—我与足球3.1.2案例分析在制作网

2、页时，大致需要以下几下环节：新建或打开网页设置页面属性设置头部信息规划页面布局添加页面元素制作超链接保存网页3.1图文混排—我与足球3.1.3实现步骤1、新建或打开网页2、设置页面属性3、设置头部信息插入作者信息插入“关键字”插入“说明”插入“刷新”4、规划页面布局5、添加页面元素（1）插入文本（2）插入图像（3）图像文字的混排（4）图像的编辑6、设置超链接7、保存网页3.2网页文本的输入和属性设置3.2.1插入文本文件→导入复制→粘贴或选择性粘贴直接输入3.2网页文本的输入和属性设置3.2.2插入特殊符号1.换行E

3、nter→分段（隔一行）Shift+Enter→换行（不分段）2.输入网页中的空格汉字输入状态下输入属性面板→格式→预先格式化的Shift+Ctrl+空格编辑→首选参数→常规→允许多个连续的空格3.2网页文本的输入和属性设置3.2.2插入特殊符号3.插入特殊字符选择菜单栏“插入记录”

4、“HTML”

5、“特殊字符”，从子菜单中选择要插入的特殊字符名称。在“插入”工具栏的“文本”类别中，单击“字符”按钮，从弹出的子菜单中选择一种字符。如果在子菜单中没有找到需要插入的特殊字符，可以单击“其他字符”图标，打开“插入其他字符”对

6、话框，这里提供了更多的可选择的特殊字符。3.2网页文本的输入和属性设置3.2.3设置文本格式Dreamweaver将CSS属性检查器和HTML属性检查器集成为一个属性检查器。在属性检查器中设置HTML格式在属性检查器中编辑CSS规则3.2网页文本的输入和属性设置3.2.3设置文本格式1．在属性检查器中设置HTML格式“格式”：设置所选文本的段落样式“ID”：为所选内容分配一个ID“类”：显示当前应用于所选文本的类样式。3.2网页文本的输入和属性设置3.2.3设置文本格式2．在属性检查器中编辑CSS规则“目标规则”：在

7、“目标规则”弹出菜单中选择所要应用的规则。“编辑规则”：打开目标规则的“CSS规则定义”对话框“CSS面板”：打开“CSS样式”面板并在当前视图中显示目标规则的属性。3.3网页图片的插入与属性设置3.3.1网页图像格式网络上支持的图像格式有3种：GIF,JPEG和PNGGIF→对色彩要求不高的地方可使用JPEG→用于色彩丰富的图片PNG→保留所有原始层、矢量、颜色和效果信息。3.3网页图片的插入与属性设置3.3.2插入图像插入→图像插入面板→常用→图像直接将图像文件拖入编辑区注意：在插入图像前应先将网页文件已保存，从

8、而使所插图像引用正确。图像插入网页后，应确定图像文件已存入站点，否则在下次打开网页时，会出现看不到图像的情况。3.3图片的插入与属性3.3.3设置图像的属性图像→设置的名称宽、高→可缩小和放大图片的显示尺寸。源文件→图片的路径和名称。链接→图像超链接的URL地址。替代→图像的说明文字3.3图片的插入与属性3.3.3设置图像的属性编辑→可打开外部编辑器进行图片的编辑。（默认为Fireworks）垂直边距和水平边距→图片四周突出的尺寸低品质源→原图的低品质替换图形边框→图片是否要加边框对齐→在一行中图形和文本的对齐方式地

9、图→创建热区的工具