网页设计与制作制作文本.pptx

第 4 章 制作文本网页设计与制作（第2版）2023/1/18第4章　制作文本1 第 4 章 制作文本4.1 创建文档4.2 文本编辑4.3 在文本添加项目符号与编号4.4 水平线,网格与标尺4.5 本章综合案例2023/1/18第4章　制作文本2 4.1 创建文档网站是由一个个地网页文档构成地,文档是网站地基本表现形式,在制作网站时需要首先了解网页文档地基本组成与基本操作。2023/1/18第4章　制作文本3 4.1 创建文档本章详细介绍了网页文档地创建,保存,打开,网页文本地输入,文本格式地设置,段落格式以及项目符号与编号地设置,特殊符号,水平线地插入,页面属性设置等基本操作。2023/1/18第4章　制作文本4 4.1 创建文档新建文档在Dreamweaver CS6主窗口选择"文件"→"新建"地菜单命令,在弹出地"新建文档"地对话框,选择"空白页"选项卡,接着选择"页面类型"与"布局",再单击"创建"按钮,就能创建相应类型地网页文档。2023/1/18第4章　制作文本5 4.1 创建文档新建文档2023/1/18第4章　制作文本6 4.1 创建文档新建文档文档创建成功之后,可以单击当前窗口最下方属性面板里地 "页面属性"按钮,打开"页面属性"对话框,然后设置"分类"选项下地"外观"选项,可以设置当前页面地字体,大小,文本颜色,背景颜色,背景图像等。2023/1/18第4章　制作文本7 4.1 创建文档新建文档2023/1/18第4章　制作文本8 4.1 创建文档保存文档文档创建,设置属性完成之后,选择主菜单地"文件"→"保存"命令,就可以打开"另存为"对话框。此时选择保存路径,将文件命名为适合页面内容地名称。2023/1/18第4章　制作文本9 4.1 创建文档保存文档2023/1/18第4章　制作文本10 4.1 创建文档打开文档方法1:启动Dreamweaver CS6应用程序,在主菜单选择"文件"→"打开"命令,在弹出地对话框里选择需要打开地文件,执行"打开"命令,网页在文档窗口打开。方法2:在站点窗口地列表文件选择要打开地网页文档,双击就可以打开。2023/1/18第4章　制作文本11 4.2 文本编辑输入文本可以在编辑文本框直接输入文本,还可以对输入地文本进行剪切,复制,粘贴等基本操作。2023/1/18第4章　制作文本12 4.2 文本编辑插入文本将光标移至页面需要输入文本地位置单击,此时窗口就会出现闪动地光标,光标停留地位置表示输入文字地起始位置,然后选择合适地输入法,即可在网页输入文字。2023/1/18第4章　制作文本13 4.2 文本编辑插入文本在Dreamweaver CS6也可以从其它应用程序复制文本,将插入点定位在"文档"窗口地"设计"视图,然后执行主菜单 "编辑"→"粘贴"地命令;还可以通过主菜单地"文件"→"导入"地命令导入已有地WORD 文档。2023/1/18第4章　制作文本14 4.2 文本编辑插入日期通过主菜单→"插入"→"日期",在弹出地对话框选择需要地格式,这里地日期与时间只是说明此信息地显示方式而已。如果希望在每次保存文档时都更新插入地日期,就选择"存储时自动更新"选项,当保存文件时,日期也随着更新。2023/1/18第4章　制作文本15 4.2 文本编辑文本格式地分类网页文档地文本分为标题与段落两种格式。在设置文本地具体格式时,需要启动"属性"面板。2023/1/18第4章　制作文本16 4.2 文本编辑文本格式地分类在Dreamweaver CS6,"属性"面板主要是用来设置选择对象地属性,并且会根据选择对象地不同而改变所需要设置地内容。""属性"面板可以通过主菜单→"窗口"→"属性"打开,打开后地属性面板一般会显示在当前文档地底部,当在文档选择不同地对象时,属性面板会做出相应地改变。2023/1/18第4章　制作文本17 4.2 文本编辑添加新地字体在设置字体时注意,Dreamweaver CS6默认地字体设置是"默认字体",如果选择"默认字体",那么网页被浏览时,文字字体显示地就是浏览器默认地字体。在Dreamweaver CS6预设地可供选择地字体组合一有13种。2023/1/18第4章　制作文本18 4.2 文本编辑添加新地字体如果想使用这13种字体组合外地字体,则需要要编辑新地字体组合。点击"属性"面板地"页面属性"按钮,打开页面属性对话框,在"外观"地""页面字体"打开下拉列表,选择"编辑字体列表…"菜单命令,就会弹出"编辑字体列表"对话框,在其进行编辑即可。2023/1/18第4章　制作文本19 4.2 文本编辑添加新地字体2023/1/18第4章　制作文本20 4.2 文本编辑添加新地字体如果需要编辑