网页设计与制作

知识点拨
第3章 创建基本图文网页
3.1 页面属性 3.2 插入与编辑文本、图像 3.3 创建链接
3.1 页面属性
设置“外观”页面属性 设置“链接”页面属性 设置“标题”页面属性 【要点】注意几个易混的动作： 变换图像链接指鼠标放在链接文字上 活动链接指鼠标按住文字链接但没有松手 已访问链接指鼠标按住文字连接后松手
3.3 创建链接
创建文字链接 创建图像链接 创建电子邮件链接 创建锚记链接 【要点】 属性中链接浏览文件按钮很重要 链接位置要准，链接检查器可以更正错误
图3-6 文字链接
图3-8 电子邮件链接对话框
图3-7 图像链接
图3-9 命名锚记对话框
技能训练
• 学做四川旅游主页 【要点提示】 1.首先将所需网页下载到本地，做好myweb站 点的准备工作。 2.按照参考样式添加图片、文字链接、图片链 接、邮件链接、锚记链接等主页元素，并能够 进行属性操作。 • 制作PARTY WORLD页的图像热点链接
图3-1 ”页面属性“对话框
图3-2 ”链接“分类对话框
图3-3 ”标题“分类对话框
3.2 插入与编辑文本、图像
• 插入文本 输入文本 设置文本的属性 【要点】 文本字体、大小、颜色、对齐方式 • 插入网页图像 插入图像 设置图像属性
图3-4 ”文字属性“对话框
图3-5 ”图像属性“对话框
文字链 接 图片链 接 添加图 片
邮件链 接
图3-10 四川旅游主页
锚记链 接
锚记
图3-11 帮助页锚记链接
热点链接
图3-12 PARTY WORLD主页
知识扩展
• 设置“跟踪图像”页面
• 创建鼠标经过图像网页 • 插入特殊字符 • 插入水平线 • 插入文件头标签
小结与作业
• 小结 本课主要讲页面设置、文字和图片的插入 与链接设置。 【重点】学习网页元素的插入与编辑操作 ，并 了解其属性功能，通过创建主页面训练加强对 网页制作能力的培养，并且进一步深化网页的 结构化思维。
网页设计与制作
杨莉
任务三 学做四川旅游主页
• • •ห้องสมุดไป่ตู้• • 小 结 作 业 知 识 扩 展
技 能 训 练
知 识 点 拨
学 习 目 标
学习目标
• 以四川旅游网站主页为参考学习制作一个主页。
• 学习网页要素在主页中的布局。 • 学会熟练操作文字、图像、链接等编辑和属性 设置。 • 能运用所学知识根据自己的想法自主设计一个 主页。
【难点】网页元素的布局合理性与恰当运用。
小结与作业
• 作业
1.对淄博旅游信息网的图文内容进行混排。 2.对宝宝在线网进行文本输入与编辑
图文混 排
图3-13 淄博旅游信息网
文字编辑
图3-14 宝宝在线网
End