新华电脑学院网页制作——dw2.ppt

第二课:制作网页的基本操作?一、在网页中添加文本?1)添加普通文本?方法: ? A 、直接输入?(1)用鼠标单击网页编辑窗口中的空白区域,窗口中随即出现闪动的光标,标识输入文字的起始位置。?(2)选择适当的输入法输入文字? B 、复制和? C 、从其他文件导入?2)添加空格?输入法切换到半角状态,按空格键只能输入一个空格。如果需要输入多个连续的空格可以通过以下几种方法来实现: ?(1)菜单“插入记录”->HTML-> 特殊字符->不换行空格?(2)直接按“ Ctrl+Shift+Space ”组合键?(3)设置软件首选参数-允许连续空格?3)添加日期时间?在文档的最后一行插入形式如“ Friday, 2006-07-14 9:47 AM ”所示的日期,且要求每次保存网页时自动更新日期。具体操作过程如下: ? ( 1)切换到“常用”插入工具栏。? ( 2)按 Enter 键,添加一空行,将光标放置在空行与正文对齐的最左端。?(3)单击菜单【插入】→【日期】,或者单击“常用”插入栏的【日期】按钮,将弹出“插入日期”对话框。?(4)在“插入日期”对话框中, “星期格式”下拉表框中选取“ Thursday, ”,“日期格式”选取“ 1974-03-07 ”,在“时间格式”下拉列表框选取“ 10:18PM ”,选中“储存时自动更新”复选框,然后单击【确定】按钮,最后生成的日期效果为“ Friday,2006-07-14 9:47 AM ”的形式。?(5)保存插入的日期,且浏览网页。? 4 ) 插入水平线?(1)将“插入”工具栏切换到“ HTML ”类型。?(2)将光标放置到标题最后一个字符的右边。?(3)单击 HTML 插入工具栏的“水平线”按钮,即可向网页中标题与正文之间插入一条水平线。?5)添加特殊字符?(1)通过菜单【插入】→【 HTML 】→【特殊字符】插入?先将光标放置到需要插入特殊字符的位置,然后展开菜单【插入】→【 HTML 】→【特殊字符】,在【特殊字符】的级联菜单中选择需要插入的特殊字符。?(2)通过“文本”插入工具栏插入?先在 Dreamweaver cs5 的“插入”工具栏中选择“文本”,显示“文本”插入工具栏。?将光标放置到需要插入特殊字符的位置,然后单击工具栏中的“文本”, 单击所需插入的特殊字符即可插入到网页中。二、编辑文本?1)网页中输入的文本可以像 Word 文档一样,进行编辑。? 1. 拖动鼠标选中一个或多个文字、一行或多行文本,也可以选中网页中的全部文本。? 2. 按 BackSpace 键或 Delete 键实现删除文本操作。? 3. 实现复制、剪切、粘贴等操作。? 4. 实现查找与替换操作。? 5. 实现撤消或重做操作。?2)设置文本格式?字体(通用性问题)、大小、颜色、风格?注: ? CSS ( Cascading Style Sheet ,可译为“层叠样式表”或“级联样式表”) 是一组格式设置规则,用于控制 Web 页面的外观。?3)分段与换行?分段按 Enter 回车键(隔一行)、换行按 Shift+Enter (不分段) ?4)设置段落格式? ? ?列表可以将文本段落用符号或序号标注起来,有两种类型:项目列表和编号列表。?设置项目列表的操作过程如下: ?(1)选择要添加列表的若干文本段落?(2)单击属性检查器中的“项目列表”按钮或“编号列表”按钮? c. 缩进? 5) 使用 Html 段落样式三、在网页中添加图片?1)网页中常用的图片格式?使用图片的原则:在保证画质的前提下尽可能使图片的数据量小一些, 这样有利用户快速的浏览我们的网页。?.GIF 格式?特点:它的图片数据量小,可以带有动画信息,且可以透明背景显示, 但最高只支持 256 种颜色。?用途:大量用于网站的图标 Logo 、广告条 Banner 及网页背景图像。但由于受到颜色的显示,不适合用于照片级的网页图像。 JPEG 格式?特点:可以高效地压缩图片的数据量。使图片文件变小的同时基本不丢失颜色画质。?用途:通常用于显示照片等颜色丰富的精美图像。? PNG 格式?特点:是一种逐步流行的网络图像格式。既融合了 GIF 能做成透明背景的特点,又具有 JPEG 处理精美图像的优点。?用途:常用于制作网页效果图。