打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
光谷星光灿烂—制作“武汉·中国光谷”网站各分页

    一、目的与要求

    1、了解网站导航栏的作用,掌握导航栏的修改法。

    2、掌握网站分页的制作方法——替换法。

    3、掌握在网页中插入图片、表格的方法。

    二、本课重难点

    本课的教学重点是管理网站导航;教学难点是制作网站分页时网页元素的定位。

    三、课文说明

    用FrontPage建立的网站会自动生成一个网站导航。网站导航实际上就是一组超链接,它既包括了网站内容——“我能在这里找到什么”,也包括了这些服务是怎样组织的。网站导航是网站的通道,我们在建站前就要设计好,怎样才能让用户最方便快捷地到想去的页面,怎样才能把网站最好内容体现在用户面前。

    对整个网站有了规划后,就可以制作各分页,各分页特别要注意网页文字、图片等元素的定位,否则整个页面的内容会杂乱无章。网页元素要求用表格来定位。

    四、教学建议

     本课利用网站导航来管理“武汉·中国光谷”网站,因此必须让学生知道导航栏的概念及作用。根据网站的规划,设计好分支以及首页和各分支的链接,这个操作主要在“导航视图”中完成。各分页中网页元素的定位主要是由表格来完成,因此也要求学生熟悉使用表格。

    一、导航视图的使用功能

     1、可以纵览网站的整体布局,并可以组织网页,创建当前站点的导航结构等。如在站点根目录下建立一个新网页可按以下步骤操作:单击鼠标右键,执行“新建/网页”命令,并将此网页命名为New.htm,完成后切换到导航视图;将刚创建的网页添加到当前导航结构中,单击“文件夹列表”中的网页,再将其拖动到结构中所需的位置。如果要修改此网页中的标题,可以用鼠标右键单击网页,再单击快捷菜单上的“重命名”即可修改当前网页的名称。

     2、在导航视图中还可以根据自己的需要移动网页站点内任何一个网页。移动网页的方法是:单击网页、再将其拖动到其他网页的下面或旁边即可。如果打算从导航视图中删除网页,可以单击网页后按下“del”按钮。

     3、创建站点结构目录。我们可以根据站点的导航结构创建一个站点目录,该目录也可以包含导航结构中没有的具有超链接的网页。首先打开前面创建的网页new.htm ,切换到网页视图,将插入点入在要创建目录的位置,然后执行“插入/WEB组件”命令,在打开的对话框中,选择“目录”并在右边的窗格中选择“该Web站点”,然后单击“完成”按钮,进入目录属性对话框后,在“目录初始点的网页URl”框中,输入作为目录起点的网页的相对URL,比如输入“index.htm”则表示从站点首页开始制作目录,完成后单击“确定”按钮即可在当前网页生成一份站点目录了。

    4、导航栏是用来帮助网站访问者浏览点的工具,要在网站的每个页面都能见到导航栏。

     二、网页中插入表格

    根据网页版面的要求,网页中文字、图片等元素的布局定位,用表格来完成,要求学生掌握表格属性和单元格属性,并分清两者的区别。

    在“学一学”中,让学生动手实践,使学生理解导航栏的作用,熟练掌握导航的修改,网页插入表格的方法及作用,根据设计要求制作出网站的各个分页。同时利用“特别提醒”、“动手做”、“做一做”等环节,合理安排教学过程与方法,使学生完成本课任务。

    最后让学生做一做本课中的“评一评”,对自己或其他同学作出适当的评价。学生动手实践时,老师应该大胆鼓励、表扬、肯定,建议适当地学生实践过程和实践结果作出评价,以提高学生的兴趣。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
第七章 FrontPage网页制作入门
FrontPage 2003教程 FrontPage2003建站全攻略(一)
制作一个使用框架的个人网站
excel怎样新增第二页
如何利用
网络技术讨论区-win2003 中的asp问题
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服