辽师大版信息五下第3课《网站的设计》教案

1、第三课 网站的链接设计我们已经学习过有关“超级链接”的初步知识，为了使网站页面美观和规范，现在要进一步学习网站的链接知识。一文字链接样式一）网站内部链接1链接的色彩想一想：网站内部链接的知识你已基本掌握，你知道如何修改文字链接的默认颜色吗？对了，你只需在网站“设计”页面空白处右单击鼠标，选择“网页属性”，在“格式”标签中，就能修改文字链接的颜色了。如图这样设计出来的链接颜色在整个网页中是统一的，如果要在一个网页中使各文字链接呈现不同的色彩，可选中链接文字，在“字体属性”中直接修改。如图2链接的翻转效果你在网页设计时，可能希望当鼠标指针经过链接时，链接文字样式能有所改变，已引起浏览者的注意，这就

2、是链接的“翻转”效果。做一做：为你们的网站文字链接添加“翻转”效果。1）在“设计”页面空白处右单击鼠标，选择“网页属性”；2）在对话框中选择“高级”标签；3）勾选“启用超链接翻转效果”，点击“翻转样式”按钮，进行样式设置；4）保存文件，查看实际效果。二）外部网址链接除了设计指向网站内部页面的链接外，有时我们还需设置指向外部网址的链接，只需在编辑超链接时，在地址栏中将网址输入即可。做一做：请在你的网站中，为“中国上海”网站（）设计一个链接。外部网站通常需要在新建浏览器窗口中打开。默认的情况下，链接点击后，新页面的内容是在原浏览器窗口中呈现，如何使其能在新建窗口中打开呢？请你根据下图提示，自行探索

3、，完成这一操作。三）同一页面内链接有时候，在单个网页中有关历史文化景点的内容很丰富，但内容篇幅超出了浏览器的窗口尺寸，用户需要上下调整浏览器的垂直滚动条来完成对全部内容的访问，带来了一定的不便。通过设置类似“书签”的页面内链接，可以改善这一情况。例如，打开素材光盘文件夹，在某同学设计的“美丽家园”网站中，有对上海部分历史文化风貌景点的介绍，需要设计同一页面内链接，以辅助浏览。请与你的同伴一起，循例完成。1）选中第一处链接目标位置处的部分文字，点击“插入”菜单中的“书签”命令；2）为该“书签”设置名称，在设置链接时会用到该名称；3）设置第一处链接，点击“书签”按钮，选中刚设置的“书签”名称；（如

4、图）4）类似地，完成其余链接的设置。四）电子邮件链接有时为了增进沟通，网站作者往往在页面上设置电子邮件链接，浏览者点击后，就能打开默认的邮件客户端程序向作者发送电子邮件。请与你的同伴仔细观察相关菜单与对话框，讨论如何完成此项操作，并将步骤记录下来，通过操作来验证你们的方法：_二图片链接样式图片链接与文字链接类似，只需插入图片后，点击“插入”菜单下的“超链接”选项（或常用工具栏上图标），就能进行链接设置了。需要注意的是，用于链接的图片需要含义清楚，大小合适，避免让浏览者产生误解。想一想：假设在介绍某处历史文化景点的网页中，以下哪一幅图片较为适合做返回首页的链接呢？ 图片一： 图片二：三Flash链接样式Flash已日益成为网站设计中的“流行元素”，它也是用于链接的重要方式之一。怎样在网页中插入Flash动画呢？其实，只要在网站“设计”页面中点击“插入”菜单下的“图片”，选择“Flash影片”就可以了，怎