网站建设16.ppt
上传人:sy****28 上传时间:2024-09-13 格式:PPT 页数:92 大小:214KB 金币:14 举报 版权申诉
预览加载中,请您耐心等待几秒...

网站建设16.ppt

网站建设16.ppt

预览

免费试读已结束,剩余 82 页请下载文档后查看

14 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

网站建设第三章第一节添加文本和设置文本格式一、文本元素的添加和编辑1.将文本添加到文档◇直接在“文档”窗口中定位光标键入文本。◇从其他应用程序中“拷贝”→“粘贴”文本对文字部分进行的复制,粘贴,撤消,重复等操作与WORD类同,不在讲述。2.添加空格和段落(1)空格的添加:HTML只允许字符之间包含一个空格;若要在文档中添加其他空格,必须添加连续空格。在“插入”栏中,选择“字符”,然后单击“非换行的空格”图标。选择“插入”>“特殊字符”>“不换行空格”。按Ctrl+Shift+空格键(首选)(2)段落的添加:直接按Enter键可添加一个新的段落。按“Shift+Enter”键可实现段内换行(在Word中称为软回车)。3.文本格式文本格式的设置通过属性面板或菜单进行。(1)属性面板:选中,设置。(2)文本菜单:选中,执行“文本”菜单中的相应命令设置字体、字号等格式。文字大小的预设值为3,加减是相对于预设值而言的。属性面板中设置的颜色,不受Body标签中文本色的限制。4.编辑字体列表在设置字体时,还应注意在原始的字体列表中可能没有要使用的字体,可用“编辑字体列表”命令将欲使用的字体添加到字体列表中。5.创建新列表类似于WORD中的项目符号与项目编号。选择一系列段落组成一个列表。单击属性面板中的“项目列表”或“编号列表”按钮,或选择“文本”>“列表”,然后选择所需的列表类型:“项目列表”、“编号列表”或“定义列表”。另外将插入点置于列表段落中,在属性面板中的项目符号中进行设置。6.日期、特殊字符、水平线的添加①、插入更新日期选择“插入/日期”。在“插入”栏中,选择“常用”,单击“日期”按钮。②、插入水平线选择“插入/水平线”;在“插入”栏中,选择“常用”,然后单击“水平线”按钮。修改水平线属性:单击选择水平线→在属性面板上可以设置水平线的粗细、对齐方式及是否有阴影。在Dreamweaver中,水平线的格式颜色单一,可以用代码方式修改它的颜色。切换到代码和设计视图方式,选中插入的水平线,在代码窗口中,找到选中的标签<hr>,在r后输入一个空格,出现该标签的属性列表框,双击color属性,并在调色板中选择合适的颜色。用代码法改变某标签属性的方法,是DW最具特色的。③、插入特殊字符选择“插入/特殊字符”;在“插入”栏中,选择“字符”类别并选择所需的字符。如:版权符号等。二、HTML样式的应用通过设置HTML样式,可以快速一致地将字体格式应用于文档中的文本。HTML样式可由单个或多个HTML字体标签属性(如颜色、字体、大小)以及其他格式属性(如粗体或斜体)组成。1.HTML样式面板(1)显示“HTML样式”面板HTML样式有两种类型:“段落样式”和“所选样式”。可通过“HTML样式”面板第一列中的符号(如a是所选文本样式)来识别它们。2.创建HTML样式(1)创建新的HTML样式在“HTML样式”面板中,单击“新建样式”图标(+)。(2)基于现有文本创建新的HTML样式在文档中,选择包含新HTML样式格式的文本。在“HTML样式”面板中,单击右下角的“新建样式”图标(+),出现“定义HTML样式”对话框。在对话框中根据需要编辑相应属性,最后将其保存为一个新的样式。3.编辑HTML样式的属性(1)在“HTML样式”面板中,选择一种样式。(2)右击鼠标从上下文菜单中选择“编辑”,或者双击HTML样式。(3)在“定义HTML样式”对话框中,查看或修改样式属性。4.应用HTML样式选择要应用样式的文本或将光标添加要应用样式的段落。在“HTML样式”面板中,选择一种样式。5.从“HTML样式”面板中删除样式在“HTML样式”面板中选择HTML样式,单击面板右下角的“删除样式”图标。三、层叠样式(CSS)的应用1.CSS样式概述层叠样式简称CSS(CascadingStyleSheet技术是一种格式化网页的标准方式),是以HTML为基础的语言,用于定义网页中内容的格式,它扩展了HTML的功能,使网页设计者以更有效的方式设置网页格式。其主要特点是,可以独立地为网页中的各种对象定义格式,并可将一种格式用于多个网页。CSS样式表中的层叠是指多个CSS样式表可以同时应用于同一个页面或网页中的同一元素,浏览器根据CSS定义的层叠规则来决定哪一种样式具有最高优先级。CSS样式共有三种类型:自定义的CSS样式:是唯一可以应用于文档中的任何文本(与控制文本的标签无关)的CSS样式类型。与当前文档关联的所有自定义(Class)样式都显示在“CSS样式”面板的“应用样式”视图中以及文本属性面板的CSS模式中。HTML标签样式:重定义现有的HTML标签,当创建或更改这类