网页设计与制作案例教程-电子教案6

上传人:muj****520 文档编号:245619962 上传时间:2024-10-09 格式:PPTX 页数:32 大小:225.31KB
返回 下载 相关 举报
网页设计与制作案例教程-电子教案6_第1页
第1页 / 共32页
网页设计与制作案例教程-电子教案6_第2页
第2页 / 共32页
网页设计与制作案例教程-电子教案6_第3页
第3页 / 共32页
点击查看更多>>
资源描述
单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,Page,*,点击此处结束放映,第5,章,章,文,文本,操,操作,网页,上,上的,信,信息,大,大多,都,都是,通,通过,文,文字,来,来表,达,达的,,,,文,字,字是,网,网页,的,的主,体,体和,构,构成,网,网页,最,最基,本,本的,元,元素,,,,它,具,具有,准,准确,快,快捷,地,地传,递,递信,息,息、,存,存储,空,空间,小,小、,易,易复,制,制、,易,易保,存,存、,易,易打,印,印等,优,优点,,,,其,优,优势,很,很难,被,被其,他,他元,素,素所,取,取代,,,,制,作,作网,页,页时,,,,文,本,本的,输,输入,与,与编,辑,辑占,了,了制,作,作工,作,作的,很,很大,部,部分,。,。,本章,主,主要,学,学习,文,文本,的,的各,项,项操,作,作。,通,通过,编,编辑,网,网页,文,文本,、,、对,网,网页,文,文本,进,进行,格,格式,化,化处,理,理,,使,使网,页,页内,容,容更,加,加丰,富,富,,网,网页,布,布局,更,更加,美,美观,。,。,课程,引,引导,知识,技,技能,目,目标,(1,),)学,会,会在,网,网页,中,中输,入,入文,本,本与,编,编辑,文,文本,,,,掌,握,握输,入,入空,格,格和,实,实现,文,文本,换,换行,的,的方,法,法。,(2)学,会,会在网页,中,中插入水,平,平线和日,期,期。,(3)掌,握,握网页文,本,本格式化,操,操作。,网页浏览,效,效果展示,本章所制,作,作的网页,“,“02.html,”,”浏览效,果,果如图所,示,示。,图5-1,网,网页,的,的浏览效,果,果,本章操作,任,任务,(1)打,开,开“长沙,世,世界之窗,”,”网站文,件,件夹“02文本操,作,作”中的,网,网页02.html,然后,在,在该网页,中,中输入一,段,段文字。,(2)利,用,用按键方,式,式输入一,个,个或多个,空,空格,利,用,用“插入,”,”工具栏,插,插入“不,换,换行空格,”,”。,(3)利,用,用按键方,式,式实现文,本,本换行,,利,利用菜单,插,插入“换,行,行符”。,(4)在,标,标题与正,文,文之间插,入,入一条水,平,平线。,(5)在,最,最后一行,插,插入日期,,,,且要求,每,每次保存,网,网页时自,动,动更新日,期,期。,(6)设,置,置网页中,文,文本的格,式,式。,5.1,网页中输入文本,5.2,网页中编辑文本,5.3,插入相关文本要素,5.4,文本的格式化,5.1,网,网页中输,入,入文本,打开“长,沙,沙世界之,窗,窗”网站,文,文件夹“02文本,操,操作”中,的,的网页02.html,然,后,后在该网,页,页中输入,一,一段文字,。,。利用按,键,键方式输,入,入一个或,多,多个空格,,,,实现文,本,本换行。,(1),用,用鼠标,单,单击网,页,页编辑,窗,窗口中,的,的空白,区,区域,,窗,窗口中,随,随即出,现,现闪动,的,的光标,,,,标识,输,输入文,字,字的超,始,始位置,。,。,(2),选,选择适,当,当的输,入,入法输,入,入文字,,,,输入,了,了一行,文,文字作,为,为页面,文,文字的,标,标题。,1输,入,入文字,2输,入,入文本,空,空格,输入法,切,切换到,半,半角状,态,态,按,空,空格键,只,只能输,入,入一个,空,空格。,如,如果需,要,要输入,多,多个连,续,续的空,格,格可以,通,通过以,下,下几种,方,方法来,实,实现:,(1)将输,入,入法切换到,中,中文全角状,态,态。,(2)直接,按,按“Ctrl+Shift+Space”组,合,合键。,(3)在“,文,文本”工具,栏,栏,选择【,不,不换行空格,】,】命令,可,以,以插入多个,连,连续的空格,。,。,3实现文,本,本换行,输入多行文,本,本,要实现,换,换行,可以,按,按Enter键或者按Shift,Enter组合键来,实,实现。按Enter键,,,,换行的行,距,距较大,按Shift,Enter组合键,,换,换行的行距,较,较小。,网页中输入,的,的文本与Word一样,,,,也能进行,编,编辑,常见,的,的文本编辑,操,操作有:,(1)拖动,鼠,鼠标选中一,个,个或多个文,字,字、一行或,多,多行文本,,也,也可以选中,网,网页中的全,部,部文本。,(2)按BackSpace键或Delete键实现删,除,除文本操作,。,。,5.2网,页,页中编辑文,本,本,(3)将光,标,标移动到需,要,要插入文本,的,的位置,输,入,入新的文本,。,。,(4)实现,复,复制、剪切,、,、粘贴等操,作,作。,(5)实现,查,查找与替换,操,操作。,(6)实现,撤,撤消或重做,操,操作。,(1)通过,菜,菜单【插入,】,】【HTML】【,特,特殊字符】,插,插入,先将光标放,置,置到需要插,入,入特殊字符,的,的位置,然,后,后展开菜单,【,【插入】,【,【HTML,】,】【特殊,字,字符】,在,【,【特殊字符,】,】的级联菜,单,单中选择需,要,要插入的特,殊,殊字符“换,行,行符”。,5.3插,入,入相关文本,要,要素,5.3.1,插,插入特殊,字,字符,(2)通过,“,“文本”插,入,入工具栏插,入,入,先在Dreamweaver 8,的,的“插入”,工,工具栏中选,择,择“文本”,,,,显示“文,本,本”插入工,具,具栏。,将光标放置,到,到需要插入,特,特殊字符的,位,位置,然后,单,单击“文本,”,”插入工具,栏,栏最右边的,5.3.2,插,插入文本,列,列表,在网页中插,入,入文本列表,可,可以使文本,内,内容显得更,加,加工整、直,观,观。Dreamweaver 8,中,中有两种类,型,型:项目列,表,表和编号列,表,表。,设置项目列,表,表的操作过,程,程如下:,(1)显示,“,“文本”插,入,入工具栏。,(2)输入,多,多行文本,,每,每一行必须,按,按Enter键换行。,(3)选中,需,需要设置成,项,项目列表的,文,文本。,(4)在“,文,文本”插入,工,工具栏中单,击,击“项目列,表,表”按钮,,则,则选中的文,本,本会被设置,成,成项目列表,,,,并且项目,符,符号为默认,的,的列表标志,,,,也就是圆,点,点。,(5)选中,已,已有的项目,列,列表其中的,一,一项,然后,单,单击属性面,板,板的【列表,项,项目】按钮,,,,弹出“列,表,表属性”对,话,话框。在对,话,话框中“列,表,表类型”下,拉,拉列表框中,选,选中“项目,列,列表”,在,“,“样式”下,拉,拉列表框中,选,选择“正方,形,形”,则选,中,中列表的列,表,表标志将转,换,换成正方形,。,。,(6)保存,网,网页文档,,且,且浏览网页,。,。,在标题与正,文,文之间插入,一,一条水平线,,,,要求“对,齐,齐”方式设,置,置为“居中,对,对齐”,并,且,且给水平线,设,设置阴影效,果,果。具体操,作,作过程如下,:,:,(1)将“,插,插入”工具,栏,栏切换到“HTML”,类,类型。,(2)将光,标,标放置到标,题,题最后一个,字,字符的右边,。,。,5.3.3,插,插入水平,线,线,(3)单击HTML插,入,入工具栏的,“,“水平线”,按,按钮,即可,向,向网页中标,题,题与正文之,间,间插入一条,水,水平线。,(4)在文,档,档中单击选,中,中刚插入的,水,水平线。,(5)保存,网,网页文档,,浏,浏览网页。,在01.html文档,的,的最后一行,插,插入形式如,“,“Friday, 2006-07-149:47AM”所示,的,的日期,且,要,要求每次保,存,存网页时自,动,动更新日期,。,。具体操作,过,过程如下:,(1)切换,到,到“常用”,插,插入工具栏,。,。,(2)按Enter键,,,,添加一空,行,行,将光标,放,放置在空行,与,与正文对齐,的,的最左端。,5.3.4,插,插入时间,(3)单击,菜,菜单【插入,】,】【日期,】,】,或者单,击,击“常用”,插,插入栏的【,日,日期】按钮,,,,将弹出,“,“插入日期,”,”对话框。,(4)在“,插,插入日期”,对,对话框中,,“,“星期格式,”,”下拉表框,中,中选取“Thursday,”,,“,“日期格式,”,”选取“1974-03-07”,,,,在“时间,格,格式”下拉,列,列表框选取,“,“10:18 PM”,,,,选中“储,存,存时自动更,新,新”复选框,,,,然后单击,【,【确定】按,钮,钮,最后生,成,成的日期效,果,果为“Friday,2006-07-14 9:47 AM”,的,的形式。,(5)保,存,存插入的,日,日期,且,浏,浏览网页,。,。,在Dreamweaver8编辑,窗,窗口中,,单,单击【窗,口,口】【,属,属性】命,令,令可以打,开,开属性面,板,板,然后,用,用鼠标选,中,中要格式,化,化的文本,,,,此时属,性,性面板上,显,显示的就,是,是当前文,字,字的属性,。,。,5.4,文,文本的格,式,式化,5.4.1文本,属,属性面板,对网页02.html中的,文,文本按以,下,下要求设,置,置其格式,:,:,(1)将,网,网页02.html中标题,“,“欢迎您,光,光临长沙,世,世界之窗,”,”格式设,置,置为“标,题,题1”,,字,字体设置,为,为“隶书,”,”,大小,设,设置为“36”,,文,文字颜色,设,设置为“#0000FF”,,,,且要求,水,水平居中,。,。,(2)将,网,网页中标,题,题以下的,正,正文,字,体,体设置为,“,“楷体_GB2321”,,大,大小设置,为,为“16,”,”。,(3)插,入,入的日期,字,字体设置,为,为“宋体,”,”,大小,设,设置为“18”,,文,文字颜色,设,设置为“#FF6600”,,,,且要求,水,水平居中,。,。,5.4.2设置,网,网页中文,本,本的格式,设置网页,文,文本格式,的,的具体过,程,程如下:,(1)选,中,中标题“,欢,欢迎您光,临,临长沙世,界,界之窗”,。,。,(2,),),在,在,属,属,性,性,面,面,板,板,的,的,“,“,格,格,式,式,”,”,下,下,拉,拉,列,列,表,表,框,框,中,中,选,选,择,择,“,“,标,标,题,题1,”,”,。,。,(3,),),在,在,“,“,字,字,体,体,”,”,列,列,表,表,中,中,选,选,择,择,“,“,隶,隶,书,书,”,”,,,,,在,在,“,“,大,大,小,小,”,”,列,列,表,表,中,中,选,选,择,择,“,“36,”,”,,,,,在,在,“,“,颜,颜,色,色,”,”,文,文,本,本,框,框,输,输,入,入,“,“#FF6600,”,”,或,或,者,者,单,单,击,击,颜,颜,色,色,选,选,取,取,按,按,钮,钮,,,,,打,打,开,开,“,“,颜,颜,色,色,选,选,择,择,器,器,”,”,自,自,行,行,选,选,择,择,一,一,种,种,合,合,适,适,的,的,颜,颜,色,色,即,即,可,可,。,。,(4),单,单击“,居,居中对,齐,齐”按,钮,钮,使,标,标题居,中,中对齐,。,。,(5),保,保存文,本,本的格,式,式设置,。,。, 课,堂,堂实践,(1),输,输入文,本,本,打开“,课,课堂实,践,践”网,站,站中文,件,件夹“02文,本,本操作,”,”中的,网,网页文,档,档“02.html,”,”,输,入,入标题,“,“湘江,谷,谷”,,然,然后输,入,入正文,内,内容。,这,这些文,字,字内容,存,存储在,文,文件夹,“,“02,文,文本操,作,作”中,子,子文件,夹,夹“text,”,”的文,本,本文件,“,“02.txt”中,。,。,1操,作,作要求,(2),插,插入一,条,条“水,平,平线”,和,和日期,。,。,(3),设,设置“,主,主要景,点,点”为,列,列表格,式,式。,(4),设,设置文,本,本格式,将网页02.html中标,题,题“湘,江,江谷”,格,格式设,置,置为“,标,标题1,”,”,字,体,体设置,为,为“隶,书,书”,,大,大小设,置,置为“36”,,,,文字,颜,颜色设,置,置为“aqua”,,且,且要求,水,水平居,中,中。,将网页,中,中标题,以,以下的,正,正文,,字,字体设,置,置为“,华,华文行,楷,楷”,,大,大小设,置,置为“16”,。,。,插入,的,的日,期,期字,体,体设,置,置为,“,“楷,体,体_GB2321,”,”,,大,大小,设,设置,为,为“18,”,”,,文,文字,颜,颜色,设,设置,为,为“#FF6600”,,,,且,要,要求,水,水平,居,居中,。,。,2,效,效果,展,展示,课堂,实,实践,网,网页,“,“02.html,”,”的,浏,浏览,效,效果,如,如图,所,所示,。,。,图5-17,文,文,本,本操,作,作课,堂,堂实,践,践项,目,目展,法,法,3,制,制作,要,要点,提,提示,(1,),)插,入,入水,平,平线,和,和日,期,期利,用,用插,入,入工,具,具栏,或,或者,插,插入,菜,菜单,完,完成,。,。,(2,),)设,置,置文,本,本格,式,式利,用,用“,属,属性,”,”面,板,板完,成,成。,本,本章,小,小结,通常,文,文本,是,是网,页,页的,主,主要,内,内容,,,,文,本,本的,效,效果,对,对网,页,页整,体,体效,果,果影,响,响很,大,大,,应,应该,对,对文,本,本进,行,行有,效,效的,设,设置,。,。本,章,章主,要,要学,习,习了,如,如何,在,在页,面,面输,入,入文,本,本、,编,
展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 商业管理 > 营销创新


copyright@ 2023-2025  zhuangpeitu.com 装配图网版权所有   联系电话:18123376007

备案号:ICP2024067431-1 川公网安备51140202000466号


本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!