静态网页设计与制作 教学课件 作者 胡汉辉 模块四.pptVIP

任务实施  4.2.1 图像热点链接 (1)图像地图1)选中图像；2)在图像“属性”面板中，使用热区工具(矩形、椭圆、多边形)，在图像上划分热区；3)为绘制的每一个热区设置不同的链接地址和替代文字。(2)创建链接热区 正文_Linked_173.jpg 4.2.1 图像热点链接 图4-18 用热区工具创建热区 1)只能在图像内部才能绘制热区， 4.2.1 图像热点链接 完成绘制的热区还可以用小箭头工具对热区进行大小和位置的调整。 正文_Linked_175.jpg 4.2.1 图像热点链接 正文_Linked_176.jpg 2)用鼠标选定其中一个热区后， 4.2.1 图像热点链接 在下面会出现相应的热区“属性”面板，如图4-19所示。 图4-19 热区“属性”面板 3)由创建热区这种方法所设置的图像局部链接在实际网页浏览中是不会直接显示出来的，只有当鼠标移动到所创建的热区之后，单击鼠标左键，才能实现链接并跳转到另外的网页文档中。 4.2.2 锚记链接 图4-20 “绿之韵”网页 1)将光标放置于要插入锚点的地方， 4.2.2 锚记链接 这里放到标题“减肥与健康”前面。 正文_Linked_179.jpg 4.2.2 锚记链接 图4-21 创建锚记链接 2)之后将弹出如图4-22所示的“命名锚记”对话框。 4.2.2 锚记链接 图4-22 “命名锚记”对话框 3)将锚记命名为“jianfei”，然后单击【确定】按钮， 4.2.2 锚记链接 刚才插入锚记的地方(也就是“插入点”)将变成如图4-23所示。 图4-23 插入锚记 4.2.2 锚记链接 4)选中页面底部的“减肥与健康”文字，在“属性”面板的“链接”文本框中，输入一个符号“#”和锚记名称“jianfei”，如图4-24所示。 图4-24 建立锚记链接 4.2.2 锚记链接 图4-25 锚记链接返回 4.2.3 创建空链接  4.2.4 创建跳转菜单 1)选择菜单栏中的【插入栏】→【表单】→【跳转】命令。2)在“插入跳转菜单”对话框中，单击“(”号添加菜单项。3)在“选择时，转到URL”文本框中，输入该文件的路径即可(模块七中会进行详细介绍)。 4.2.5 设置超级链接目标窗口 图4-26 链接目标窗口 4.2.6 导航栏的制作 1)将光标定位到要插入导航条的位置。2)选择【插入】→【图像对象】→【导航条】命令。3)或选择【插入】→【常用】→【图像】→【导航条】命令。 正文_Embed_186.png 4.2.6 导航栏的制作 图4-27 光标定位到要插入导航条的位置 图4-28 “插入导航条”对话框 4.2.6 导航栏的制作 图4-29 插入导航条后效果图 4.2.6 导航栏的制作 图4-30 “修改导航条”对话框 4.2.6 导航栏的制作 图4-31 “选择图像源文件”对话框 4.3拓展训练 创建“瑶瑶之旅”的导航栏与网页间链接 设计要求设计思路参考效果 设计要求  设计思路 1)“瑶瑶之旅”个人网站站点管理。2)“瑶瑶之旅”个人网站首页设计。3)“瑶瑶之旅”个人网站二级页面设计。4)制作导航条。5)创建网页间链接。 参考效果 正文_Embed_191.png 参考效果 正文_Embed_192.png 图4-32 网站首页 图4-33 二级页面之个人简历 正文 主编 1.1任务一 创建“我的第一个页面”1.2任务二 创建与管理站点1.3拓展训练 创建“我的班级”站点2.1任务一 文本的输入—— 创建“养生保健”页面2.2任务二 图像的添加—— 创建“ASA餐厅”页面2.3拓展训练 创建“我的个人网站”的首页3.1任务一 Flash元素的添加—— 创建“江河双水湾”页面3.2任务二 音乐和视频的添加—— 创建“音乐中心”页面3.3拓展训练 创建“我的个人活动展示”页面和“个人相册”页面 4.1任务一 创建“绿之韵”页面间链接4.2任务二 导航栏的制作—— 创建“绿之韵”页面导航栏4.3拓展训练 创建“瑶瑶之旅”的导航栏与网页间链接5.1任务一 使用层布局网页—— 创建“拼图游戏”页面5.2任务二 使用框架布局网页—— 创建“我的音乐小站”页面5.3任务三 CSS的应用—— 重新布局“在线求诊”页面5.4拓展训练 创建“雷锋精神宣传”网页6.1任务一 制作有哪些信誉好的足球投注网站和用户登录表单—— 创建“探索旅行网”首页 6.2任务二 创建列表/菜单表单—— 创建“机票查询”页面6.3任务三 使用单选按钮和复选框—— 创建“网站活动”页面6.4任务四 校验表单内容—— 创建