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

第三课 网站的链接设计 我们已经学习过有关“超级链接”的初步知识，为了使网站页面美观和规范，现在要进一步学习网站的链接知识。 一．文字链接样式 一）网站内部链接 1．链接的色彩 想一想：网站内部链接的知识你已基本掌握，你知道如何修改文字链接的默认颜色吗？ 对了，你只需在网站“设计”页面空白处右单击鼠标，选择“网页属性”，在“格式”标签中，就能修改文字链接的颜色了。如图 这样设计出来的链接颜色在整个网页中是统一的，如果要在一个网页中使各文字链接呈现不同的色彩，可选中链接文字，在“字体属性”中直接修改。如图 2．链接的翻转效果 你在网页设计时，可能希望当鼠标指针经过链接时，链接文字样式能有所改变，已引起浏览者的注意，这就是链接的“翻转”效果。 做一做：为你们的网站文字链接添加“翻转”效果。 1）在“设计”页面空白处右单击鼠标，选择“网页属性”； 2）在对话框中选择“高级”标签； 3）勾选“启用超链接翻转效果”，点击“翻转样式”按钮，进行样式设置； 4）保存文件，查看实际效果。 二）外部网址链接 除了设计指向网站内部页面的链接外，有时我们还需设置指向外部网址的链接，只需在编辑超链接时，在地址栏中将网址输入即可。 做一做：请在你的网站中，为“中国上海”网站（）设计一个链接。 外部网站通常需要在新建浏览器窗口中打开。默认的情况下，链接点击后，新页面的内容是在原浏览器窗口中呈现，如何使其能在新建窗口中打开呢？请你根据下图提示，自行探索，完成这一操作。 三）同一页面内链接 有时候，在单个网页中有关历史文化景点的内容很丰富，但内容篇幅超出了浏览器的窗口尺寸，用户需要上下调整浏览器的垂直滚动条来完成对全部内容的访问，带来了一定的不便。通过设置类似“书签”的页面内链接，可以改善这一情况。 例如，打开素材光盘文件夹，在某同学设计的“美丽家园”网站中，有对上海部分历史文化风貌景点的介绍，需要设计同一页面内链接，以辅助浏览。请与你的同伴一起，循例完成。 1）选中第一处链接目标位置处的部分文字，点击“插入”菜单中的“书签”命令； 2）为该“书签”设置名称，在设置链接时会用到该名称； 3）设置第一处链接，点击“书签”按钮，选中刚设置的“书签”名称；（如图） 4）类似地，完成其余链接的设置。 四）电子邮件链接 有时为了增进沟通，网站作者往往在页面上设置电子邮件链接，浏览者点击后，就能打开默认的邮件客户端程序向作者发送电子邮件。请与你的同伴仔细观察相关菜单与对话框，讨论如何完成此项操作，并将步骤记录下来，通过操作来验证你们的方法： __________________________________________________________________ __________________________________________________________________ 二．图片链接样式 图片链接与文字链接类似，只需插入图片后，点击“插入”菜单下的“超链接”选项（或常用工具栏上图标），就能进行链接设置了。需要注意的是，用于链接的图片需要含义清楚，大小合适，避免让浏览者产生误解。 想一想：假设在介绍某处历史文化景点的网页中，以下哪一幅图片较为适合做返回首页的链接呢？ 图片一： 图片二： 三．Flash链接样式 Flash已日益成为网站设计中的“流行元素”，它也是用于链接的重要方式之一。怎样在网页中插入Flash动画呢？ 其实，只要在网站“设计”页面中点击“插入”菜单下的“图片”，选择“Flash影片”就可以了，怎么样，方便吗？你还可以试着调整Flash影片的尺寸大小，点击“预览”就能观看效果了。链接部分涉及Flash软件的知识，这里就先不展开了。 最新精品教案 实用教师课件资料 最新精品教案 实用教师课件资料