高中信息技术（选修）网络技术应用 网站实现教学设计.docx

高中信息技术（选修）网络技术应用 4.3 网站实现 教学设计 【学习目标】 1.建立自己的站点。 2.设计目录结构。 3.制作首页 【学习重难点】 1.根据不同需求选择合适模板。 2.在设计目录结构时应该注意的要点。 3.利用表格布局首页 【学习环境】 多媒体机房、投影仪 【组织方式】 任务驱动，以学生的自主学习和实践为主 【学习方法】 小组合作 自主探究 【导学过程】 〖导学一〗站点的建立 1. 建立自己的主题网站，首先需要创建一个Web 站点，用于保存和调试创建的网页。启动frontpage2003，点击工具栏上新建按钮旁的黑三角，选择网站，打开“新建”站点对话框。如下左图所示 2.新建的网站首先要保存在本地硬盘上，待整个网站建好之后再发布。例如，我们在“指定新站点的位置”提示框中输入“D:\robot”，这样今后制作的网页文件就都保存在该文件夹中了，如上右图所示。 〖导学二〗设计目录结构 1.打开光盘中的“机器人做学玩”网站，观察其目录结构，回答以下问题。 （1）该网站的目录中，分别有哪些文件夹和文件？文件夹和文件是按什么规则分类的？ （2）网页标题和文件名有无对应关系？文件名的命名规则是什么？ （3）网页中的图片存放在什么文件夹里？ 2.在建立网站的目录结构时，应注意哪些要点。 （1） （2） （3） （4） （5） 3.回到frontpage2003，参照“机器人做学玩”网站的目录结构，按照本小组主题网站的栏目，设计好网站的目录结构。 『提示』右击网站空白处可新建文件夹 4.点击工具栏上新建按钮旁的黑三角，选择网页，打开网页模板对话框，如下左图所示。会弹出如下右图所示的“网页模板”对话框，选择相应的网页模板即可。比如，选择“普通网页”。 〖导学三〗按照小组选定的网站主页的版面设计，使用表格对页面进行布局。 1.点击菜单“表格”?“布局表格和单元格”，在窗口右侧的侧边栏中选择较为合适的布局表格样式。 『提示』如果没有最合适的就选一个比较接近的样式，以后可以再修改。 2.调整表格结构。建好的表格可能和我们设计的布局相差甚远，我们还需要一步步地修改与完善它，如增加行或列，删除行、列或单元格，合并或拆分单元格等，使它接近布局图。 『提示』使用“表格”菜单中的各项命令，可以实现对表格的操作。如下左图所示。 3.设置表格属性。对表格的布局、边框的粗细等进行设置，还可以为表格或单元格设置背景颜色或背景图片。如下右图所示。 『提示』表格用于布局时，边框的粗细设置为0，在编辑状态时显示为虚线，在预览状态时不可见。 4.表格的嵌套。其实在设计网页时，更多情况下会用到表格的相互嵌套，大表格里又有小表格，一个美观的网页往往是一个复杂的表格集合体。表格嵌套的最大好处是可以对某个局部的内容单独编辑和操作，而不影响其他内容的布局。实现表格嵌套也十分简单，把光标定位在表格的一个单元格内，然后执行插入表格的操作，一个新的表格就嵌套在当前的单元格内。在使用表格嵌套时要注意，嵌套层次越多，网页的载入速度就会越慢。 【达标测试】 1.在制作网页中的表格时，如果要想在浏览时看不到表格的边框，则应将（ ）调整为0。 A、单元格的边框 B、表格的边框粗细 C、宽度与高度 D、单元格的间距 2.图片在网页中起到美化网页的作用，在网页中最为常用的两种图像格式是（ ） A、JPEG和GIF B、GIF和BMP C、JPEG和PSD D、BMO和PSD 3.在浏览器中看到的网页与计算机显示器的分辨率有关，现在因特网中的网页一般是按（ ）来设计的。 A、640×480像素 B、800×600像素 C、1024×768像素 D、2046×1536像素 4.我们可以使用下列何种方法了解访问者的意见，统计调查访问信息？（ ） A、单元格 B、表单 C、表格 D、框架 参考答案 1 B 2 A 3 C 4 B