《网页的编辑》教案及习题

《网页的编辑》教案本章重点：文本的插入及属性设置、图像的插入及属性设置、图文混排、图像的编辑。2.1网页文本的输入和属性设置2.1.1文本输入1.输入文本文件→导入复制→粘贴直接输入2.输入网页中的空格汉字输入状态下输入属性面板→格式→预先格式化的Shift+Ctrl+空格编辑→首选参数→常规→允许多个连续的空格3.文本换行Enter→分段（隔一行）Shift+Enter→换行（不分段）2.1.2文本的格式设置Dreamweaver文字格式化主要有三种方式：手工格式化方式用HTML标记格式化方式CSS样式(第9章再讲）1.手工格式化方式属性面板中的字体、样式、大小、颜色等2.用HTML标记格式化方式属性面板中的格式2.2网页图片的插入与属性设置2.2.1网页图像格式网络上支持的图像格式有3种：GIF,JPEG和PNGGIF→对色彩要求不高的地方可使用JPEG→用于色彩丰富的图片PNG→保留所有原始层、矢量、颜色和效果信息。2.2.2插入图像插入→图像插入面板→常用→图像直接将图像文件拖入编辑区注意：1）在插入图像前应先将网页文件已保存，从而使所插图像引用正确。2）图像插入网页后，应确定图像文件已存入站点，否则在下次打开网页时，会出现看不到图像的情况。2.2.3设置图像的属性图像→设置的名称宽、高→可缩小和放大图片的显示尺寸。源文件→图片的路径和名称。链接→图像超链接的URL地址。替代→图像的说明文字编辑→可打开外部编辑器进行图片的编辑。（默认为Fireworks）垂直边距和水平边距→图片四周突出的尺寸低品质源→原图的低品质替换图形边框→图片是否要加边框对齐→在一行中图形和文本的对齐方式地图→创建热区的工具2.3

图文混排—我与足球、2.3.1实例综述通过本例我们可以掌握网页制作时的一些基本步骤和相关的属性设置，学会在网页中加入最基本的元素―－文字和图像。2.3.2案例分析在制作网页时，大致需要以下几下环节：新建或打开网页设置页面属性设置头部信息规划页面布局添加页面元素制作超链接保存网页2.3.3实现步骤1、新建或打开网页2、设置页面属性3、设置头部信息插入作者信息插入“关键字”插入“说明”插入“刷新”4、规划页面布局5、添加页面元素插入文本插入图像图像文字的混排图像的编辑6、设置超链接7、保存网页小结与重点回顾本章详细介绍了网页对象文本和图像的插入及属性的设置，图文混排及鼠标经过图像、导航条、水平线、日期等元素的插入方法。本章的重点知识是文本的插入及属性设置、图像的插入及属性设置、图文混排、图像的编辑。

《网页的编辑》习题选择题在网页中连续输入空格的方法是（）Ａ、连续按空格键Ｂ、按下Ｃtrl键再连续按空格键Ｃ、转换到中文的全角状态下连续按空格键Ｄ、按下shift键再连续按空格键2、网页可以支持的图像格式有（）A、.gifB、.bmpC、.pspD、.jieg二、填空题1、在计算机领域中，图像分为（）和（）两大类。2、GIF格式图像采用的是（）压缩格式。3、Web页中通常使用的图像文件格式为（）、（）和（）。4、若要插入更多的特殊字符，请选择（）/（）/（）或在（）栏的（）类别中选择（）图标，选择一个字符，然后