目录
上一页
下一页
退出
第二单元 添加首页内容
任务一 添加首页文本 任务二 编辑文本样式 任务三 添加图像 任务四 创建与应用CSS美化网页 任务五 使用代码制作图文网页
目录
上一页下Βιβλιοθήκη 页退出第二单元 添加首页内容
任务一 添加首页文本
任务描述：完成首页文本内容的输入与编辑。 任务分析：在第一单元中建立了首页空白文件“index.htm -l”，接下来就要为首页添加内容。 文本是网页制作中最常用的内容，有着其他网页元素无法 替代的功能。在网页上输入、编辑、格式化文本是网页制作者 的重要工作之一。
目录
上一页
下一页
退出
任务二 自己动手：
编辑文本样式
1．启动Dreamwear 8，打开“幽幽我心的个人网站”。
2．在文件面板中打开首页Index.html。 3．文本样式设置与应用 ⑴设置文本样式 ①为首行文字“幽幽我心的个人网站”设置文本样式： A.如下页图所示：选中文本，在文本属性面板中进行属性 设置，格式为默认“段落”，字体为“默认字体”， 大小为16， 单位为“点数”。观察“样式”列表，列表中将产生一个与被 设置文本具有同样外观的样式名称（本例为“STYLE1”）。
目录
上一页
下一页
退出
任务一 ⑵ 预览网页
添加首页文本
在Windows任务栏和打开 的IE浏览器窗口当中，可以看 到刚刚更改的网页标题“幽幽 我心的个人网站”。如右图所 示。
如何预览网页呢？
4．输入首页文本内容并划分段落
⑴ 输入首页文本 将素材“index.txt”中的全部文本内容复制粘贴到文档窗口。
颜色调板的设置
目录 上一页 下一页 退出
任务一
添加首页文本
⑴ 启发思路： 新建网页“practice2-1.html”，可以这样完成：①借助所学 知识；②借助互联网③借助Dreamweaver帮助④同学讨论。 ⑵ 分组完成任务。 3．新建一个网页“practice2-2.html”，输入多行文字内容 并进行分段和强制换行，修改网页标题为“换行效果预览”， 保存后预览页面，观察在IE浏览器中标题在什么位置，浏览器 窗口大小发生变化时，对三种换行方式的影响。 ⑴ 启发思路： 三种换行方式指的是自动换行、分段和强制换行，重点理解 它们的区别。 ⑵ 分组完成任务。
目录 上一页 下一页 退出
输入文本的方法有几 种，是什么？
任务一
添加首页文本
⑵ 强制换行与段落划分
如何实现强制换行和分段换行 ，在网页中编辑文本共 有哪些换行方式，它们各自的特点是什么？
a．“自我介绍”、“青春寄语”和“立志飞翔 ”部分进 行段落划分； b．“立志飞翔 ”部分进行强制换行。效果如课本31页所 示。 ⑶ 为“青春寄语”部分每段正文的首行加入两个空格。
默认情况下，Dreamweaver 8“文档”窗口中不允许 直接输入连续的空格，那么如何完成？
目录
上一页
下一页
退出
任务一 5．保存网页
添加首页文本
保存网页的方法有哪些？
目录
上一页
下一页
退出
任务一 任务总结：
添加首页文本
通过完成本任务学习了修改网页标题，以及添加和编辑文 本的方法，重点掌握添加网页文本、编辑网页文本的方法，尤 其是分段换行和强制换行，以及插入连续空格的方法必须熟练 掌握，保存和预览网页的方法，也是必须掌握的。
目录
上一页
下一页
退出
任务一 举一反三：
添加首页文本
1．使用IE浏览器浏览各种类型的页面，分析各个页面中文 本所起作用，并分析是否可以用其他网页元素代替。 ⑴ 启发思路： 在互连网上有各种类型的网站，如搜索引擎类网站，商业 类网站，个人网站等。网页设计中各种类型的页面都可以从这 些网站中借鉴。
⑵ 分组完成任务。 2．新建一个网页“practice2-1.html”，将本单元素材“举 一反三”文件夹中“practice2-1.txt” 的文本内容拷贝到页面中， 使用插入空格的方法修改文本，使每一行文本中的“vs”字样达 到对齐的效果。
目录
上一页
下一页
退出
任务一
添加首页文本
3．在文档工具栏中修改首页标题并预览网页。 ⑴ 修改首页标题 在“文档”工具栏中，将标题修改为“幽幽我心的个人网 站”，如图所示（注意观察：修改前后，文档窗口左上角网页 在这里重新输入标题 名称有何变化）：
“幽幽我心的个人网站”
文件标题修改后，文档窗口左上角 网页名称有什么变化，表示什么？
Dreamweaver网页制作
主 编：王树平
副主编：杜大志 李光宇 宋彦琴
第二单元 添加首页内容
第二单元 添加首页内容
任务描述：上一个单元中，创建了“幽幽我心的个人网 站”。本单元将在这个站点中进行首页内容的制作，学习如何 在网页中添加文本和图像，使用CSS设置文本、图像和页面的 样式。任务完成后效果如图所示：
本任务将通过首页文本内容的输入与编辑，学习文本添加、 插入空格、换行和分段等的操作方法。
目录
上一页
下一页
退出
任务一 自己动手：
添加首页文本
1．启动Dreamwear 8，打开“幽幽我心的个人网站”。 2．在文件面板中打开首页Index.html，如下图所示：
双击文件名称， 打开首页文件 Index.html。
目录
上一页
下一页
退出
任务二
编辑文本样式
注意：Dreamweaver 8中的“属性”面板是设置和查看网 页元素属性的重要面板，当选中不同类型的网页元素时，“属 性”面板将显示不同的内容 。
目录 上一页 下一页 退出
任务二
编辑文本样式
B.设置文本颜色为“#0099FF”。设置完成后，样式列表当 中的“STYLE1”也变成了与被设置文本相同的颜色。
目录 上一页 下一页 退出
任务一 作业：
添加首页文本
1．如何预览和保存网页？ 2. 如何对文档窗口中的文本进行段落的划分和强制换行操 作？
3. 如何实现插入栏两种显示方式的转换？
目录
上一页
下一页
退出
第二单元 添加首页内容
任务二 编辑文本样式
任务描述：完成首页文本样式设置，为首页添加水平分隔 线与列表。 任务分析：本任务主要是对首页文本样式进行编辑，包括 文本样式（如文本字体、字号、颜色、加粗、倾斜及对齐方式） 的设置、文本样式的应用、样式的重命名和文本样式的修改。 除此以外，还要为首页添加水平分隔线与列表操作。