Dreamweaver课件：第2章网页文本操作2

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,第二章 文本与文档,本章学习要点：,网页文档的基本操作,网页文档的属性设置,插入普通文本、特殊文本,网页文本的属性设置,插入水平线和时间,项目列表的建立方法,移动文字的制作方法,插入文,本,本,普通文,本,本,特殊文,本,本,在字符,之,之间添,加,加空格,上、下,标,标的制,作,作,水平线,日期,文本是,网,网页制,作,作的核,心,心内容,，,，DreamweaverMX2004允许通,过,过以下,方,方式在Web页中添,加,加文本,：,：直接,将,将文本,输,输入到,页,页面中,、,、从其,他,他文档,复,复制和,粘,粘贴文,本,本或从,其,其他应,用,用程序,中,中拖放,文,文本。,能,能够合,并,并到Web页的常,见,见文档,类,类型有ASCII文本文,件,件、RTF文件和MSOffice文档，,用,用Dreamweaver可以从,这,这些文,档,档类型,中,中的任,何,何一种,程,程序取,出,出文本,，,，然后,将,将文本,插,插入到Web页中。,普通文,本,本,普通文,本,本是指,一,一般的,汉,汉字或,英,英文文,本,本，将,光,光标直,接,接定位,到,到编辑,窗,窗口中,要,要输入,文,文字的,地,地方，,然,然后直,接,接输入,文,文字即,可,可插入,。,。,也可在,其,其他文,本,本编辑,器,器中编,辑,辑文本,（,（Word、WPS等），,然,然后复,制,制该文,字,字，打,开,开要添,加,加该文,字,字的Web页面，,选,选择编辑粘贴命令即,可,可粘贴,一,一般的,文,文本。,但,但Dreamweaver不保留,在,在其他,应,应用程,序,序中设,置,置的文,本,本格式,，,，只可,以,以保留,换,换行符,。,。如果,想,想保留,文,文本的,格,格式，,可,可以选,择,择编辑带格式,粘,粘贴命令，,如,如果不,想,想保留,文,文本格,式,式，还,可,可选择编辑粘贴文,本,本命令。,特殊文,本,本,在DreamweaverMX2004中，可,以,以在文,档,档中插,入,入多种,特,特殊符,号,号，如,版,版权复,制,制符号,、,、并列,符,符、注,册,册商标,符,符号等,。,。要插,入,入特殊,符,符号，,具,具体操,作,作如下,。,。,（1）将光,标,标定位,到,到插入,特,特殊字,符,符的位,置,置。,（2）单击,“,“插入,”,”栏中,的,的“文,本,本”选,项,项卡，,如,如图3-1所示。,（3）单击,按,按钮，,展,展开如图3-2所示的,“,“字符,”,”下拉,列,列表。,图3-1,图3-2,（4）如果,还,还需要,输,输入其,他,他的特,殊,殊字符,，,，可以,在,在“字,符,符”下,拉,拉列表,中,中选择,“,“其他,字,字符”,选,选项，,打,打开如图3-3所示的,“,“插入,其,其他字,符,符”对,话,话框。,（5）单击,需,需要的,字,字符后,再,再单击,按,按钮,即,即可输,入,入相应,的,的字符,，,，如图3-4所示。,也可以,选,选择插入HTML特殊字,符,符菜单命,令,令下的,相,相应命,令,令插入,相,相应字,符,符。,图3-3,图3-4,在字符,之,之间添,加,加空格,DreamweaverMX2004的HTML代码只,允,允许字,符,符之间,包,包含一,个,个空格,，,，若要,在,在文档,中,中添加,其,其他空,格,格，必,须,须插入,不,不换行,空,空格，,也,也可以,设,设置一,个,个在文,档,档中自,动,动添加,不,不换行,空,空格的,参,参数选,择,择。,插入不,换,换行空,格,格,设置添,加,加不换,行,行空格,的,的参数,插入不,换,换行空,格,格,插入不,换,换行空,格,格，可,执,执行如,下,下操作,之,之一。,在“插,入,入”栏,的,的“文,本,本”选,项,项卡中,，,，单击,“,“字符,”,”按钮,，,，在下,拉,拉列表,中,中选择,“,“插入,不,不换行,空,空格”,选,选项。,选择插入HTML特殊字,符,符不换行,空,空格菜单命,令,令。,按【Ctrl+Shift+空格键】键输入,。,。,将输入,法,法切换,到,到全角,状,状态再,按,按空格,键,键。,设置添,加,加不换,行,行空格,的,的参数,设置添,加,加不换,行,行空格,的,的参数,，,，具体,操,操作如,下,下。,（1）选择编辑首选参,数,数菜单命,令,令。,（2）在“,分,分类”,列,列表的,“,“常规,”,”选项,中,中选中,复选框,。,。,（3）单击,按,按钮保,存,存即可,。,。,添加上,、,、下标,的,的方法,利用标,签,签选择,器,器可以,实,实现上,、,、下标,的,的插入,方法：,在,在快速,插,插入面,版,版中找,到,到,“标签,选,选择器,”,”,html,sup,点击“,插,插入”,后,后，输,入,入上标,内,内容，,确,确定即,可,可。,注：下,标,标sub的插,入,入方法,同,同上。,水平线,水平线,对,对于信,息,息的组,织,织很有,用,用。在,页,页面上,，,，可以,使,使用一,条,条或多,条,条水平,线,线以可,视,视方式,分,分隔文,本,本和对,象,象。,创建水,平,平线,修改水,平,平线,创建水,平,平线,（1）在“,文,文档”,窗,窗口中,，,，将插,入,入点放,在,在要插,入,入水平,线,线的位,置,置。,（2）执行,以,以下操,作,作之一,。,。,选择插入HTML水平线菜单命,令,令；,在“插,入,入”栏,的,的“HTML”选项中,单,单击“,水,水平线,”,”按钮,。,。,修改水,平,平线,（1）在“,文,文档”,窗,窗口中,，,，选择,要,要修改,的,的水平,线,线。,（2）选择窗口属性菜单命,令,令，打,开,开如图3-7所示的,属,属性面,板,板，然,后,后根据,需,需要对,属,属性进,行,行设置,。,。,也可以,在,在图形,软,软件中,制,制作一,些,些矩形,条,条后用,插,插入图,形,形的方,法,法插入,到,到Web页面中,，,，用这,种,种方法,做,做成的,水,水平线,更,更加丰,富,富多彩,。,。,图3-7,日期,Dreamweaver提供了,一,一个方,便,便的日,期,期对象,，,，该对,象,象使可,以,以以任,何,何喜欢,的,的格式,插,插入当,前,前日期,（,（包含,或,或不包,含,含时间,都,都可以,）,），并,在,在每次,保,保存文,件,件时都,自,自动更,新,新该日,期,期。,将当前,日,日期插,入,入到文,档,档中的,具,具体操,作,作如下,。,。,（1）在“,文,文档”,窗,窗口中,将,将插入,点,点放在,要,要插入,日,日期的,位,位置。,（2）执行,下,下列操,作,作之一,。,。,选择插入日期菜单命,令,令；,在“插,入,入”栏,的,的“常,用,用”选,项,项中，,单,单击“,插,插入日,期,期”按,钮,钮。,如果选,中,中了,复,复选框,，,，则在,日,日期格,式,式插入,到,到文档,中,中后可,以,以对其,进,进行编,辑,辑，方,法,法是单,击,击已设,置,置格式,的,的日期,文,文本，,然,然后在,属,属性面,板,板中单,击,击,按,按,钮,钮，接,着,着在打,开,开的“,插,插入日,期,期”对,话,话框中,重,重新进,行,行设定,即,即可。,如果希,望,望在每,次,次保存,文,文档时,都,都更新,插,插入的,日,日期，,可,可选中,“,“存储,时,时自动,更,更新”,复,复选框,。,。如果,希,希望日,期,期在插,入,入后变,成,成纯文,本,本并永,远,远不自,动,动更新,，,，请取,消,消选择,该,该选项,。,。,格式化,文,文本,“文本,”,”属性,面,面板中,各,各选项,含,含义及,设,设置方,法,法如下,。,。,格式,样式,粗体,斜体,字体,大小,颜色,对齐方,式,式,链接,格式,设置所,选,选文本,（,（一般,是,是标题,文,文本）,的,的段落,样,样式。,“,“段落,”,”是应,用,用标签的,默,默认格,式,式，“,标,标题1”添加,标签，,各,各具体,选,选项如图3-8所示，,设,设置该,选,选项可,以,以将所,选,选的文,本,本设置,成,成各种,标,标题。,标,标题号,越,越小，,字,字体越,大,大。,要设置,字,字体的,“,“格式,”,”属性,，,，只需,在,在“格,式,式”下,拉,拉列表,中,中选择,相,相应的,选,选项即,可,可，其,效,效果如图3-9所示。,图3-8,图3-9,项目列,表,表,有序列,表,表,无序列,表,表,创建嵌,套,套列表,有序列,表,表,有序列,表,表又称,为,为编号,列,列表，,是,是有一,定,定排列,顺,顺序的,列,列表，,一,一般前,面,面有数,字,字前导,字,字符，,也,也可以,是,是阿拉,伯,伯数字,、,、英文,字,字母、,罗,罗马数,字,字等符,号,号。,无序列,表,表,无序列,表,表又称,为,为项目,列,列表，,是,是一系,列,列无顺,序,序级别,关,关系的,项,项目文,本,本组成,的,的列表,，,，一般,前,前面是,用,用项目,符,符号作,为,为前导,字,字符。,创建嵌,套,套列表,创建嵌,套,套列表,的,的具体操,作,作如下,。,。,（1）选择,要,要嵌套,的,的列表,项,项。,（2）单击,属,属性面,板,板中的,“,“缩进,”,”按钮,，,，或选,择,择文本缩进菜单命,令,令。Dreamweaver自动缩,进,进文本,并,并创建,一,一个单,独,独的列,表,表，该,列,列表具,有,有原始,列,列表的HTML属性，,如,如图3-10所示。,（3）按照,以,以上列,表,表的创,建,建方法,，,，对缩,进,进的文,本,本应用,新,新的列,表,表类型,或,或样式,。,。完成,的,的效果,如,如图3-11所示。,图3-10,图3-11,在创建,一,一个页,面,面时，,可,可以先,对,对整个,页,页面进,行,行布局,，,，然后,再,再向页,面,面中填,入,入各种,内,内容。,网,网页布,局,局的方,法,法很多,，,，主要,有,有表格,布,布局、,层,层布局,和,和框架,布,布局3种方式,。,。,移动文,字,字的制,作,作,文,文字,Behavior（,方,方式）,Scroll,:,:一圈,一,一圈绕,着,着走,Slide:,只,只走一,次,次,Alternate,:,:来回,走,走,Direction,:,:方向,Loop:循,环,环次数,Scrollamount:速,度,度,Scrolldelay:,延,延时,课后练,习,习,填空题,判断题,问答题,上机操,作,作题,填空题,（1）段落,对,对齐有,左,左对齐,、,、右对,齐,齐、和,4种方式,。,。,（2）“文,本,本”属,性,性面板,中,中的,图,图标,可,可以对,所,所选文,本,本进行设置，,用,用,图,图标可,以,以对所,选,选文本,进,进行设置。,居中对,齐,齐,倾斜,两端对,齐,齐,加粗,判断题,（1）DreamweaverMX2004中只能,进,进行无,格,格式文,本,本。（,）,）,（2）对水,平,平线进,行,行颜色,设,设置后,只,只能在,浏,浏览器,中,中才能,看,看到颜,色,色显示,效,效。（,）,）,问答题,（1）如何在Web页面中,添,添加多,个,个空格,？,？,（2）如何添,加,加和删,除,除字体,列,列表项,中,中的字,体,体种类,？,？,（3）如何更,改,改字体,列,列表的,顺,顺序？,上机操,作,作题,1.根据本,课,课所学,内,内容，,请,请读者,自,自己创,建,建一个Web页面，,在,在文档,中,中输入,自,自已的,简,简历，,并,并根据,自,自己的,想,想法添,加,加字体,列,列表、,并,并设置,字,字体的,大,大小、,颜,颜色及,段,段落对,齐,齐方式,。,。,要求：,有,有上、,下,下标的,使,使用，,有,有竖排,文,文字，,日,日期，,水,水平线,等,等,