第3章 编辑基本网页元素 。文本输入与编辑 鲁上机实践 一设置“舞林报道”网页文本 ◆使用图像 。上机实践 在“拍拍”网页中插入图像
第3章 编辑基本网页元素 文本输入与编辑 上机实践——设置“舞林报道”网页文本 使用图像 上机实践——在“拍拍”网页中插入图像
3.1文本输入与编辑 在Dreamweaveri中可以通过设置文本的字体、字号、 颜色、宇符间距与行距等属性来区别不同的文本。 网页中文本的使用原则如下： 。单个页面中不要使用超过三种以上的字体。 。不要用太大的字号。 意不要使用不停闪烁的文字。 。标题文字的字号应当比正文字号稍大
3.1 文本输入与编辑 在Dreamweaver中可以通过设置文本的字体、字号、 颜色、字符间距与行距等属性来区别不同的文本。 网页中文本的使用原则如下： 单个页面中不要使用超过三种以上的字体。 不要用太大的字号。 不要使用不停闪烁的文字。 标题文字的字号应当比正文字号稍大
3.1.1输入文本 首先将光标定位在表格的某个单元格中，然后输入文 字就可以了。 如果希望文本换行，可以按下【Shift+Enter】组合 键；如果希望文本换段，可以直接按【Enter】键。 Untitled-2* 回代码园拆分国设计标题：无标题文档 ☐8雕0.C国.a 0牌2290牌牌292®29 输入文本 格著餐紫发 后的代码 新浪简阶 Untitled-2k 视图 回代码园拆分国设计标题：无标题文档 文广新闻传集团副总 body)p> 堂 敬请关注。(p》 p>新浪简介》 (D> 新浪(ASDAQ: 输入文本 SNA)是一家服务于中国大陆及全球华人社群的领先在裁煤体及增值资讯服务提供商。新浪拥有多家地区 性网站，以服务大中华地区与海外华人为己任，通注旗下五大业务主线：新浪网(SA.cm)、新浪无线（⑨ 后的设计 11抄 视图 U
3.1.1 输入文本 首先将光标定位在表格的某个单元格中，然后输入文 字就可以了。 如果希望文本换行，可以按下【Shift＋Enter】组合 键；如果希望文本换段，可以直接按【Enter】键。 输入文本 后的代码 视图 输入文本 后的设计 视图
3.1.2设置文本的段落格式和字符格式 在Dreamweaver中，可以利用属性面板为文本设 置默认格式化样式或者直接设置所选文本的字体、 大小、颜色等。 设置文本为 为所选文本 设置文本格式 设置文本样式 粗体或斜体 设置链接 属性 格式段落 样式无 CSS 链接 ⊙ 字体默认字体 大小无 目标 页面属性 表项目 设置文本字体 设置文本颜色 设置文本对齐 设置文本大小 和列表格式
3.1.2 设置文本的段落格式和字符格式 在Dreamweaver中，可以利用属性面板为文本设 置默认格式化样式或者直接设置所选文本的字体、 大小、颜色等。 设置文本格式 设置文本字体 设置文本样式 设置文本大小 设置文本颜色 设置文本为 粗体或斜体 设置文本对齐 和列表格式 为所选文本 设置链接
1.设置字体列表 Dreamweaver中自带的字体有限，一般满足不了 大多数网页设计者的需求。我们可以通过设置字体 列表来解决这一问题。 编辑字体列表 ☒ “编辑字 ⊕巨 字体列表 回回 确定 es,serif 取消☐ 体列表” sans serif 对话框 仪招粗集简 在以下列表中加字) 选择的字体 可用字体 Fixedsys System ☒ 方正北魏楷书简体 Fixedsys 帮助 ☒☒凹
1．设置字体列表 Dreamweaver中自带的字体有限，一般满足不了 大多数网页设计者的需求。我们可以通过设置字体 列表来解决这一问题。 “编辑字 体列表” 对话框
2.设置文本字体及大小 学会设置宇体列表后，就可以随心所欲地设置文本 的字体了。 选中 文本 碧器中先整使常 设置字体 正式布双方 手经出席发 新浪 和倾斜 新凛分 服習程反鑫中戳跑额先传增值讯 新浪娱乐讯2006年11月15日（星期三）14：30，新浪网与东方卫视联合石开新闯发布会 布双方达成战略合作 网总编陈彤、 上海广背 闻传狭集厅副总裁 东方卫视童事总经理徐出席发布会 并现场盗汀合作协议。新浪娱乐宿时蒋全程视频图文直语，敏请关注。 置 字号 新浪简孙 新浪(ASDQ:SIA)是一家服务于中国大陆及全球华人社群的领先在线媒体及增值资试
2．设置文本字体及大小 学会设置字体列表后，就可以随心所欲地设置文本 的字体了。 选中 文本 设置字体 和倾斜 设置 字号
3.设置段落缩进 通过设置段落缩进格式，可以更好的布局文档。 在“格式”下拉 列表中选择“段 段落突出 落 属性 格式段落 样式无 ycss□BI差目 链接 ￥白 字体默认字体 大小无 ☐扫扫丝提 目标 页面屏性，。 列表项目， 段落缩进
3．设置段落缩进 通过设置段落缩进格式，可以更好的布局文档。 在“格式”下拉 列表中选择“段 落” 段落突出 段落缩进
4.设置列表项 列表分为项目列表和编号列表，项目列表常应用在 “列举”类型的文本中，编号列表常应用在“条款” 类型的文本中，这种方式使得文本更直观、明了。 选中 应用“项 文本 费玉清的爱情依亮彩和张道不同 目列表” 崔颖计划40岁前生孩子把舞献给在天堂的父系 格式 容祖儿亮相舞林大会惊艳表演评委目蹬口未 的 舞林大会躁出惊人消息爱戴欲介人羽泉组合 费玉清空降舞林大会第场做客新浪 体操名辉相继报名舞株莫慧兰上阿娇
4．设置列表项 列表分为项目列表和编号列表，项目列表常应用在 “列举”类型的文本中，编号列表常应用在“条款” 类型的文本中，这种方式使得文本更直观、明了。 选中 文本 应用“项 目列表” 格式
3.1.3 输入特殊符号和不换行空格 要插入特殊字符，可选择“插入”>“HTML”>“特殊 字符”命令，然后在弹出的菜单中选择相应的特殊字 符。 a Hactomedia Dreanweaver 8-[Untitled-4 (XHTEL)] 口▣☒ 文件心)舞器但)克看心入0培故侧)文本如)命◆)站点)厨口地帮助如) 布局 国园 标室位). Ctrl+E 图像) CUrl+ALt4I 甘民暗口，奥 s样式 Untitled- 图像对象) 煤体侧) 全正在 代码回拆分回可 内容的 表格红) ”雕.G.C回.@ Ctr1+A16+T 表格对象) 精品 布局对康) 表单) 金受指 坦接) 过行衍日 Dre anveaver8的多 Shift+Ente 电子3 不换行空格的 凸 注商标创 目布没有达举任何性， 注释C) 商标红 英符号￠) 水平线2 日元符号) 便傲衬票Q) 任架) 欧元符号 4 最近的代码片断) 文本对) 左引号L) 有引号) ④odw《t1a>tdDo 自定义收流夹创 脚本对趣) 文件头称整尔) 获取更多对G). 碳折级 为 T屈性 样殊字符。其地宇符0). 格式段落 样式无 d 酒B1正多温日链接 字体默认字体 大小无 扫扫出目标 图单元附 水平默以网宽 不护行口 背 打身白 在支默以 高84 标题口 ]边框■ 结果 文件 ☒☒
3.1.3 输入特殊符号和不换行空格 要插入特殊字符，可选择“插入”>“HTML”>“特殊 字符”命令，然后在弹出的菜单中选择相应的特殊字 符
3.1.4输入日期与水平线 在“插入”栏的“常用”类别中单击“日期”按钮，将打开 “插入日期”对话框。 插入日期 Macromedia Dreamweaver 8-[Untitled-2 (XHTML)+] 星期格式：不要星期] 确定 文件)编损但)查看)插入)修改)文本)命今g)站点)窗口健】 取消 常用 @回&图园回，·航四图·园 帮助 77774 Untitled-2k 旧期 9390-07 时间格式：[不要时间】 璃mO山 口储存时自动更新 新浪简介2005年1月15日 要插入水平线，可以选择“插入”>“HTML”>“水平线”菜单。 在插入水平线后，还可通过属性面板设置其宽、高、对齐和阴影 等。 属性 水平线 宽) 像索 对济a)默认 类@无 高0■ ☑阴影S)
3.1.4 输入日期与水平线 在“插入”栏的“常用”类别中单击“日期”按钮 ，将打开 “插入日期”对话框。 要插入水平线，可以选择“插入”>“HTML”>“水平线”菜单。 在插入水平线后，还可通过属性面板设置其宽、高、对齐和阴影 等