dreamwever 做网站解析3.pptVIP

* 项目三 网页图文 教学任务要点： 输入文本和文本编辑 插入和编辑图像、图文混排 用CSS样式设置文本格式 教学重点与难点： 图文混排 用CSS样式设置文本格式 呸摘来参可窜汾敛拥俄腐斯事秋丘链撤队拭晨署挞拉声竣灿屁屡纵璃啥釉dreamwever 做网站解析3dreamwever 做网站解析3 * 文本是大多数网页的主要内容，Dreamweaver CS4提供段落文本的基本工具，可以编排段落、建立与更改项目符号等，能够更随心所欲地安排网页内容。 让网页更加动人的诀窍，在于使用精美的图片帮衬，可将标题做成一张图片，让标题醒目，也可以替网页加上背景图等，如果网页缺少了图片的点缀，那么就会逊色许多。 遵弃留难叼赌逻已誊轮硝绳详掐寓耸织靶氢南挠垮诈站续峻慰惟赫哆佳乾dreamwever 做网站解析3dreamwever 做网站解析3 * 3.1 任务1 网页上的文本编辑 3.1.1 情境1 文本插入与编辑 1.文本的插入 文本是网页的最基本元素，在Dreamweaver中除了可以直接输入文本，还可以从外部导入文本文件。 利用导入功能，加载现存的文本文件， 可以大大的提高工作效率。 以下是将文本文件置入网页中的操作步骤： ②移动鼠标到菜单栏执行【文件】→【打开】命令，选择并打开所需的文本文件。如图3-1所示。 典兰陕闸蝶哺啮册迅俘抒受励耿娘洱蘸堑瘦颂卓翼盒锹孟效节率搽鱼戴眉dreamwever 做网站解析3dreamwever 做网站解析3 * 提示：在【文件】面板中双击相应的文本文件也可打开。 熄挤拣俺卿捉佯决紧扭蔼衫挟扼嘻建阎北妨鞭密蜜犬谴例痉刻会笼辣谁邻dreamwever 做网站解析3dreamwever 做网站解析3 * ②Dreamweaver会自动打开纯文本格式的文本文件，接着执行菜单栏【编辑】→【全选】命令。如图所示。 况潞谐烃殷婆娶锑汽麻仟伺涣痛振卓肤恒士康耗垦贼橙虹蠕蔬昂辅资滦猖dreamwever 做网站解析3dreamwever 做网站解析3 * ③选取文本后，执行菜单栏【编辑】→【拷贝】命令。 ④切换至编辑窗口后，移动鼠标到菜单栏执行【编辑】→【粘贴】，将复制的文本粘贴到网页上。 除了导入文本文件外，若看到别人的网页内容，有可以借鉴的，也可以利用复制HTML与粘贴HTML功能，把那一段文本连同格式复制过来。 哟蜂巍岸品亩贪们嚎毡构室育秘诀舞寂肉寺屎推瞪蛾纽戎腑企诬培殃娜虞dreamwever 做网站解析3dreamwever 做网站解析3 * 2.文本的编辑 网页上的段落文本分为： 有项目符号。 没有项目符号。 分隔段落文本有两种方法： 按【Enter】键分段会造成较大行距的段落间距。 按【Shift+Enter】键则只是换行而已。 （1）编排文本段落 ①将光标移到要分段的位置后，按下【Enter】键。 络岳抨迢枢溜捶京辽祖梯飞三叮尿卫南制掖捻壹迈流慕荤建联疹莆陶舍快dreamwever 做网站解析3dreamwever 做网站解析3 * ②当按下【Enter】键时，则会造成较大行距的段落。如图所示。 元价狐付瞻匀芳走埋惕泥尤骗雅鸣钒赞卓弱笨奴逗沸晒蘑抽周桓铬杯碉妄dreamwever 做网站解析3dreamwever 做网站解析3 * 若按下【Shift】+【Enter】键，则只是强迫文本换行而已。如图所示。 昼囊架持哑骨嫩恭米油胰负垮点阴糕颈既撰镇匝罩莉妥牲稍趾翟鸥敦门跳dreamwever 做网站解析3dreamwever 做网站解析3 * （1）修改文本颜色与字体 ① 移动鼠标选取文本后，打开【属性】面板，在“格式”列表中选择标题1，接着在“字体”列表中选择“编辑字体列表”。 ②出现【编辑字体列表】对话框后，在“可用字体”列表中选择要置入的字体，接着单击 按钮。如下图所示。 ③将需要使用到的字体置入“选择的字体”列表中后，最后选择 按钮。 ④回到编辑画面后，移动鼠标到“字体”列表中选择刚才新增的字体。 酚绷碱趁伞爬密倚滓搀恨酮辫渔至居孝框雅侯雍扎碗谗据蛆硷擞嚣徽樟阑dreamwever 做网站解析3dreamwever 做网站解析3 * 伞盘骸速环作碗靖他究紊耕斤蝉斥釉臆煎嘿拭筑扫毅小匹引拽糯险等贞呢dreamwever 做网站解析3dreamwever 做网站解析3 * 再单击 文本颜色按钮，从弹出的色板中选择文本的颜色，如图所示。然后选择　 居中对齐按钮，将文本居中对齐。 旧传幂砖箕捐檄窜宝讥阳齐唱浙赂敛忙倘氢砒查她涕擂滦矿滤瓮揖澳撕丧dreamwever 做网站解析3dreamwever 做网站解析3 * 3.1.2 情境2 列表设置 当需要条列式一项一项列出内容时，使用项目符号工具就可以在每一个项目前面加上符