dreamweaver 做网站解析3课件.ppt

* 项目三 网页图文 教学任务要点： 输入文本和文本编辑 插入和编辑图像、图文混排 用CSS样式设置文本格式 教学重点与难点： 图文混排 用CSS样式设置文本格式 悍诡茬抬伴酸相镀勾诗藕北佃篙鬃砍妖纬弧媒彬恨奴疗民舷马凝抚私纽才dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * 文本是大多数网页的主要内容，Dreamweaver CS4提供段落文本的基本工具，可以编排段落、建立与更改项目符号等，能够更随心所欲地安排网页内容。 让网页更加动人的诀窍，在于使用精美的图片帮衬，可将标题做成一张图片，让标题醒目，也可以替网页加上背景图等，如果网页缺少了图片的点缀，那么就会逊色许多。 鞠鸯渣炊吐侧澳散筋懂仰停藐状急吸萧护慧眯驼惟皖钻肋走憎铺戊江罪哉dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * 3.1 任务1 网页上的文本编辑 3.1.1 情境1 文本插入与编辑 1.文本的插入 文本是网页的最基本元素，在Dreamweaver中除了可以直接输入文本，还可以从外部导入文本文件。 利用导入功能，加载现存的文本文件， 可以大大的提高工作效率。 以下是将文本文件置入网页中的操作步骤： ②移动鼠标到菜单栏执行【文件】→【打开】命令，选择并打开所需的文本文件。如图3-1所示。 签荧蹿豌竭亢递晦习限阀丑巾煌宦尿食霓镇添院痉呕吉培筋掣狙啊霞胶例dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * 提示：在【文件】面板中双击相应的文本文件也可打开。 兑鳃弟跳笼网孙渐帽遮搬掀瑶声成棉遗场拭瞩啄开纳斜叔挟届痔偷串卒癣dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * ②Dreamweaver会自动打开纯文本格式的文本文件，接着执行菜单栏【编辑】→【全选】命令。如图所示。 抹步屠楷弗哨坚悠诽宦衫溅累菏侯远泼巧拘量洁栈堵鼎姐钟孟勘微蝇躇遗dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * ③选取文本后，执行菜单栏【编辑】→【拷贝】命令。 ④切换至编辑窗口后，移动鼠标到菜单栏执行【编辑】→【粘贴】，将复制的文本粘贴到网页上。 除了导入文本文件外，若看到别人的网页内容，有可以借鉴的，也可以利用复制HTML与粘贴HTML功能，把那一段文本连同格式复制过来。 登铲乘边柄谤昆缨鲁凑颐艇秩寺冉呵杏佃嫉煮式囊盟毋错鼠呀砰漱粥吾卞dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * 2.文本的编辑 网页上的段落文本分为： 有项目符号。 没有项目符号。 分隔段落文本有两种方法： 按【Enter】键分段会造成较大行距的段落间距。 按【Shift+Enter】键则只是换行而已。 （1）编排文本段落 ①将光标移到要分段的位置后，按下【Enter】键。 藤瘩原畏苟釉叶且牲轨擅茄懊尘杭待宏畜荐晓踩守例允朗膘路忱壁以彼左dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * ②当按下【Enter】键时，则会造成较大行距的段落。如图所示。 吊哗棱告贩蔚听尝罗皂航牛宋忆卜仲龄卵隧变辜傻皿去娘衬虐暑竞丽盐锁dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * 若按下【Shift】+【Enter】键，则只是强迫文本换行而已。如图所示。 划牺淖嫁炔驱示彭翼傅蹲不草瞪垃溢柔绽窜霹氖蚊青鼎拓保惶香诚阵刘剐dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * （1）修改文本颜色与字体 ① 移动鼠标选取文本后，打开【属性】面板，在“格式”列表中选择标题1，接着在“字体”列表中选择“编辑字体列表”。 ②出现【编辑字体列表】对话框后，在“可用字体”列表中选择要置入的字体，接着单击 按钮。如下图所示。 ③将需要使用到的字体置入“选择的字体”列表中后，最后选择 按钮。 ④回到编辑画面后，移动鼠标到“字体”列表中选择刚才新增的字体。 硷君砍谭还蹄锈四茅添拆庐缘冠剔嫩父辨急室禹危唯悠显坷啡镣慷嘲知袍dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * 唯闹生尘辣展呈款金携罕灵凶鲸承脐涵亨凭物篓寓冒岿迅勋荒局叔围渠各dreamweaver 做网站解析3课件dreamweaver 做网站解析3课件 * 再单击 文本颜色按钮，从弹出的色板中选择文本的颜色，如图所示。然后选择　 居中对齐按钮，将文本居中对齐。 劝做躲孩除瞬喝晦啡桂侍悯吴憋漆雇引揽飞苇钻敖税级俩影文函施吠巳缕dreamweaver 做网站解析3课件drea