繁體中文
当前位置:首页 > 信息世界 > 信息教案 > 详细内容
[八]8-6第六章 创建自己的网站
发布时间:2009/7/5  阅读次数:1050  字体大小: 【】 【】【

课题:第六章 创建自己的网站
授课时间: 1 课时
授课时间: 第 8 周
教学目的:
1.使学生掌握网站的建立;
2.使学生掌握网页背景的设置。
教学要求:
1.学生熟练掌握网页背景的设置。
教学重点:
1.如何建立一个空白网站。
教学难点:
1.网页背景的设置。
教学方法:
1.案例法、讨论法。
教学场所:在计算机房中完成教学。

教 材 分 析 及 教 学 过 程

第一课时 创建自己的网站
导课:
随着Internet的发展,越来越多的人开始上网,有些人甚至有了自己的网站,还有很多人希望在网上拥有自己的一片天空。我想问大家,你们想不想制作一个属于自己的网站呢?那好,下来和我一块开始创建自己的网站吧。

新课:
首先在硬盘上建立一个文件夹。例如我想制作一个关于旅游方面的网站,那么,就给这个文件夹取名为tour。

一、建立自己的网站
首先启动FrontPage软件,在新建里选择“空白网站”,然后在“指定新站点位置”里选择刚才在硬盘上建立的tour文件夹。此时,一个空白网站建立好了,大家发现里面只有两个文件夹。再到硬盘上看tour文

教 材 分 析 及 教 学 过 程

二、新建主页
网站的第一页我们把它叫做主页,即Homepage。因此,我们制作的网站首先应该建立主页。在文件菜单中选择新建网页,系统默认的网页名叫做new_page_1.htm。
FrontPage可以让我们在三种不同模式下显示同一网页,一般用户在“普通”模式下编辑,懂得html代码的用户可以在“html”模式下编辑,很早以前用户用“记事本”来编辑网页,html叫做“超文本标记语言”。

三、设置网页背景和标题
在网页的空白处单击鼠标右键,选择“网页属性”,在“常规”标签里的标题中输入“旅游风光”,还可以给网页添加“背景音乐”。
此时的网页背景是白色,如果我们想用图片作为背景,要在“背景”标签里选择“背景图片”,通过浏览选择自己喜欢的图片。建议:作为背景的图片一定要颜色暗淡一些,并且颜色不要杂乱,这样才能保证网页的美观性。
要用颜色填充背景,在颜色背景中选择自己喜欢的, 选择的颜色也不要过于艳丽,我们一般看到的网站还是白色。

四、保存网页
当我们设置好网页的标题和背景之后,必须保存,此时电脑会把第一张网页的名字自动取名为index,这就是我们一个网站中主页的名字,必须是这个名字,我们不能更改,否则将来别人无法浏览网站。其它网页的名字可以随便,如果刚才用图片设置的背景,电脑也会弹出图片保存对话框,我们一般把图片保存到网站最先给的文件夹images里,这样做的好处在于便于管理。

五、浏览网页
当我们编辑好一个网页,可以有两种方法预览:一种方法直接使用“预览”模式,另一种使用浏览器预览。观察浏览器标题栏上显示的名字,我们会发现是我们设置网页的标题名“旅游风光”。

六、打开网页
我们可以把别人制作好的网页打开从而进行学习。今天,我们打开“新浪的主页”,看看设计者是如何完成版面布局的。我们发现版面布局全部使用的是表格完成的,然后在单元格里放入图片、文字等其他内容。

七、删除网站
选择网站的文件夹,按鼠标右键中的删除命令,最后选择删除整个网站。看看硬盘上的那个文件夹还在不在。

八、练习
下来大家练习新建网站和主页,更改主页的标题和背景,还可以在网页上添加表格,最后保存。

板书设计:
第一课时 创建自己的网站
一、建立自己的网站
二、新建主页
网站的第一页我们把它叫做主页,即Homepage。
html叫做“超文本标记语言”。
三、设置网页背景和标题
四、保存网页
主页的名字必须是index。
五、浏览网页
六、打开网页
用表格完成网页版面的布局。
七、删除网站
八、练习
教学反思:

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!
 
 版权声明     关于本站      在线留言       登陆管理      个人博客   
 『辰桦网络』. All Rights Reserved
Station construction time: on April 4, 2006