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

高中信息技术（选修）网络技术应用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和PSD3.在浏览器中看到的网页与计算机显示器的分辨率有关，现在因特网中的网页一般是按（）来设计的。A、640×480像素 B、800×600像素C、1024×768像素 D、2046×1536像素4.我们可以使用下