网页中的基本元素

网页中的基本元素

ID:37566168

大小:2.09 MB

页数:70页

时间:2019-05-12

网页中的基本元素_第1页
网页中的基本元素_第2页
网页中的基本元素_第3页
网页中的基本元素_第4页
网页中的基本元素_第5页
资源描述:

《网页中的基本元素》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第3章网页中的基本元素3.1网页中文本的操作本节课堂目标:熟练掌握网页文本的操作方法和技巧本节教学内容:1:文本对象的插入和格式设置(重点)2:设置文本标题(难点)3:段落的设置效果(难点)4:项目符号和编号的插入使用5:历史记录面板的使用思考题:根据以前所学知识说出文本的编辑和设置属性各包括几个方面?文本插入栏的按钮和属性面板的功按钮相似。3.1.1认识文本按钮及属性面板3.1.2插入文本和对象1.文本是网页中最基础的载体;纯文本网页占用的存储空间小,占用的网络带宽较少,打开速度快。将文本(英文、中文、数字)添加到

2、文档中的方法有以下三种:直接输入、粘贴剪贴板中的文字、导入word格式的文档。(参看教材p27-28)复制/粘贴(ctrl+v,注意首选参数中“复制/粘贴”选项的设置)在Dreamweaver中复制和粘贴文本有两种,一是标准的方式,另一种就是仅复制粘贴文本,它忽视了HTML格式,执行复制后选择“编辑—选择性粘贴”命令,在打开的对话框中选择“仅粘贴文本”即可实现。导入其他格式的文本(需要清理word生成的无关html代码)文件-导入-word/excel文档也可拖动文件放入网页的适当位置,以创建链接的形式插入其他格式的

3、文档(链接文本是链接文件的名称。2.插入特殊字符:在html中它被称作实体,以名称或数字的形式出现。特殊字符如右所示。操作方法分别是:菜单法:插入-html-特殊字符插入栏按钮法:插入-文本-字符按钮注意:默认情况下Html中只允许字符之间包含一个空格,但可以通过设置首选参数改变默认设置,以实现插入多个空格,可以在全角状态下输入多个空格。3.水平线(垂直线)插入水平线以可视方式分割文本和对象来组织信息。插入-html-水平线可在属性检查器中修改水平线(宽、高等)4.插入日期:菜单法;插入栏按钮法5.对插入的文本也可以

4、执行删除、搜索、替换、检查拼写(文本-检查拼写/shift+f7)等操作。3.1.3设置文本格式1.关于设置文本样式字符的样式指的是字符的外观显示方式,例如字符的加粗、倾斜和下划线等,利用Dreamweaver,可以设置多种字符样式。加粗、倾斜、下划线、删除线、打字型、强调等。默认时Dreamweaver使用css设置文本的格式,当使用命令来设置格式和对齐文本时,css规则将嵌入到当前文档中;也可以使用标签来对齐文本和设置文本格式。但要在首选参数中进行设置。2.设置字体利用属性面板,也可以实现对字符字体的设置。打开属

5、性面板上的字体列表,选择相应字体项即可。3.设置字号(大小)字号指的是字体的大小,它没有一个绝对的大小标准,其大小只是相对于默认字体而言。例如,1号字和2号字,比默认字体要小一些,而4号字和5号字,比默认字体要大一些。4.设置文本颜色打开【文本】菜单,选择【颜色】,可以打开Windows标准的颜色对话框,允许用户选择颜色。3.1.4设置文本标题文本标题来强调段落要表现的内容。在HTML中,定义了6级标题,从1到6级,每级标题的字体大小依次递减。一段文字只能设置一个标题级别。在HTML中,采用如下的标记来定义标题:

6、1>和定义标题1

定义标题2

定义标题3每级标题的字符大小并没有一个实际上的固定的值,它是由浏览器所决定的,为标题定义的级别只决定了标题之间的相互大小。可以在代码视图中直接使用html的标题标签来设置文本标题的格式,也可以在属性面板中设置标题。3.1.5设置段落效果1设置段落格式使用【属性】面板的【格式】弹出式菜单或选择【文本】

7、【段落格式】菜单可以应用标准段落和标题标签。2缩进段落所谓缩进,主要是相对于文档窗口(或浏览器窗口)左端而言的。许多时候需要缩进段落,例如希望强

8、调一段文字,或引用其他来源的文字,都需要将文字缩进,以示同普通段落的区别。属性检查器:“缩进”、“凸出”按钮文本菜单:“缩进”、“凸出”命令3对齐段落段落的对齐方式,指的是段落相对文档窗口(或浏览器窗口)在水平位置的对齐方式。有四种对齐方式:左对齐、居中对齐、右对齐、两端对齐。关于文本对齐,源代码设置为:

4添加段间距:通过添加换行符在段间添加空行添加段落换行符:按enter键而添加换行符:按shift+enter键/添加特殊字符

9、/换行符文本换行时,按Enter键换行的行距较大(在代码区生成

标签),按Enter+Shift键换行的行间距较小(在代码区生成
标签)。3.1.6创建项目列表1.设置段落的项目列表是Dreamweaver一个很重要的格式设置方法。在HTML中,从总体上分有两种类型的项目列表,一种是无序项目列表,另一种是有序项目列表,当然还有

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签