理论教育 DreamweaverCS6实例教程:文本与链接网页

DreamweaverCS6实例教程:文本与链接网页

时间:2023-10-29 理论教育 版权反馈
【摘要】:下面通过一个实例展示文本添加设置与超级链接的应用,效果如图4-27所示。制作本例请执行以下操作:执行“文件”|“新建”命令,弹出“新建文档”对话框。在对话框中选择“空白页”类别的HTML文件,布局“无”,单击“创建”按钮,创建新文档。单击“分类”列表框中的“标题/编码”选项,在出现的“标题”文本框输入“朱熹名作欣赏”。单击“确定”按钮完成设定网页背景颜色。

DreamweaverCS6实例教程:文本与链接网页

下面通过一个实例展示文本添加设置与超级链接的应用,效果如图4-27所示。

制作本例请执行以下操作:

978-7-111-40982-3-Chapter04-85.jpg执行“文件”|“新建”命令,弹出“新建文档”对话框。在对话框中选择“空白页”类别的HTML文件,布局“无”,单击“创建”按钮,创建新文档。

978-7-111-40982-3-Chapter04-86.jpg切换到“设计”视图,在空白处右击鼠标,在弹出的快捷菜单中执行“页面属性”命令,弹出“页面属性”对话框,见图4-28所示。

978-7-111-40982-3-Chapter04-87.jpg在“背景颜色”文本框输入“#E5EDE5”。

978-7-111-40982-3-Chapter04-88.jpg单击“分类”列表框中的“标题/编码”选项,在出现的“标题”文本框输入“朱熹名作欣赏”。

978-7-111-40982-3-Chapter04-89.jpg单击“确定”按钮完成设定网页背景颜色。

978-7-111-40982-3-Chapter04-90.jpg

图4-27 实例效果

978-7-111-40982-3-Chapter04-91.jpg

图4-28 “页面属性”对话框

978-7-111-40982-3-Chapter04-92.jpg在设计视图中输入文字“联系作者:webmaster,选中“webmaster”在属性面板中单击978-7-111-40982-3-Chapter04-93.jpg按钮,然后从“目标规则”下拉列表中选择“新CSS规则”,并单击“编辑规则”对话框。(www.daowen.com)

978-7-111-40982-3-Chapter04-94.jpg在“选择器类型”下拉列表中选择“类”,“选择器名称”文本框中输入.style1,然后单击“确定”按钮打开对应的规则定义对话框。

978-7-111-40982-3-Chapter04-95.jpg在规则定义对话框中,设置字体大小为16,在字体颜色框输入“#F60”,无修饰。单击“确定”按钮之后,在属性面板上的“链接”文本框中输入“mailto:webmaster@123.com”。完成邮件链接。

978-7-111-40982-3-Chapter04-96.jpg输入文字“链接到新浪:http://www.sina.com.cn”,选中http://www.sina.com.cn,然后在属性面板的“目标规则”下拉列表中选择.style1,在属性面板上的“链接”文本框中输入http://www.sina.com.cn。

978-7-111-40982-3-Chapter04-97.jpg输入标题、页内超级链接地址和诗词具体内容。

978-7-111-40982-3-Chapter04-98.jpg选中“朱熹名作欣赏”,按照第(6)至(8)的方法新建CSS规则,字体选“华文行楷”、大小选24,颜色输入“#336666”,且文本对齐方式为“居中”。

978-7-111-40982-3-Chapter04-99.jpg将光标定位到词“观书有感”前,执行“插入”|“HTML”|“水平线”菜单命令,插入水平线。同样方法插入另外两条水平线。

978-7-111-40982-3-Chapter04-100.jpg将光标定位到词“观书有感”前,单击插入面板上的“常用”标签激活常用面板,单击“命名锚记”按钮978-7-111-40982-3-Chapter04-101.jpg弹出对话框。

978-7-111-40982-3-Chapter04-102.jpg在“锚记名称”文本框输入“a1”并单击“确定”按钮插入锚记。用同样方法在另两首词标题前插入锚记,锚记名称按从上到下的顺序分别为“a2”、“a3”。

978-7-111-40982-3-Chapter04-103.jpg选中导航部分的“观书有感”文字。设置字体大小为16,链接框中输入“#a1”。用同样方法设置“春日”和“夜雨”的页内链接。

978-7-111-40982-3-Chapter04-104.jpg执行“文件”|“保存”,弹出“另存为”对话框。输入文件名,按保存按钮保存文件。到此一个综合各种链接的网页做完了,可以用IE打开看制作的效果。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈