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