《创建自己的网站.doc》由会员分享，可在线阅读，更多相关《创建自己的网站.doc（3页珍藏版）》请在金锄头文库上搜索。
1、创建自己的网站 教学目的： 1.使学生掌握网站的建立； 2.使学生掌握网页背景的设置。 教学要求： 学生熟练掌握网页背景的设置。 教学重点: 如何建立一个空白网站。 教学难点: 网页背景的设置。教学方法： 案例法、讨论法。教学场所：在计算机房中完成教学。 教 学 过 程 导 课： 随着Internet的发展，越来越多的人开始上网，有些人甚至有了自己的网站，还有很多人希望在网上拥有自己的一片天空。我想问大家，你们想不想制作一个属于自己的网站呢？那好，下来和我一块开始创建自己的网站吧。 新课： 首先在硬盘上建立一个文件夹。例如我想制作一个关于旅游方面的网站，那么，就给这个文件夹取名为tour。一、
2、建立自己的网站 首先启动FrontPage软件，在新建里选择“空白网站”，然后在“指定新站点位置”里选择刚才在硬盘上建立的tour文件夹。此时，一个空白网站建立好了，大家发现里面只有两个文件夹。再到硬盘上看tour文件夹里面，会发现还有两个隐藏的文件夹，这些文件夹都不能删除。二、新建主页 网站的第一页我们把它叫做主页，即Homepage。因此，我们制作的网站首先应该建立主页。在文件菜单中选择新建网页，系统默认的网页名叫做new_page_1.htm。FrontPage可以让我们在三种不同模式下显示同一网页，一般用户在“普通”模式下编辑，懂得html代码的用户可以在“html”模式下编辑，很早以
3、前用户用“记事本”来编辑网页，html叫做“超文本标记语言”。三、设置网页背景和标题 在网页的空白处单击鼠标右键，选择“网页属性”，在“常规”标签里的标题中输入“旅游风光”，还可以给网页添加“背景音乐”。此时的网页背景是白色，如果我们想用图片作为背景，要在“背景”标签里选择“背景图片”，通过浏览选择自己喜欢的图片。建议：作为背景的图片一定要颜色暗淡一些，并且颜色不要杂乱，这样才能保证网页的美观性。要用颜色填充背景，在颜色背景中选择自己喜欢的， 选择的颜色也不要过于艳丽，我们一般看到的网站还是白色。四、保存网页 当我们设置好网页的标题和背景之后，必须保存，此时电脑会把第一张网页的名字自动取名为i
4、ndex，这就是我们一个网站中主页的名字，必须是这个名字，我们不能更改，否则将来别人无法浏览网站。其它网页的名字可以随便，如果刚才用图片设置的背景，电脑也会弹出图片保存对话框，我们一般把图片保存到网站最先给的文件夹images里，这样做的好处在于便于管理。五、浏览网页 当我们编辑好一个网页，可以有两种方法预览：一种方法直接使用“预览”模式，另一种使用浏览器预览。观察浏览器标题栏上显示的名字，我们会发现是我们设置网页的标题名“旅游风光”。六、打开网页 我们可以把别人制作好的网页打开从而进行学习。今天，我们打开“新浪的主页”，看看设计者是如何完成版面布局的。我们发现版面布局全部使用的是表格完成的，然后在单元格里放入图片、文字等其他内容。七、删除网站 选择网站的文件夹，按鼠标右键中的删除命令，最后选择删除整个网站。看看硬盘上的那个文件夹还在不在。八、练习 下来大家练习新建网站和主页，更改主页的标题和背景，还可以在网页上添加表格，最后保存。板书设计：第一课时 创建自己的网站一、建立自己的网站二、新建主页网站的第一页我们把它叫做主页，即Homepage。html叫做“超文本标记语言”。三、设置网页背景和标题四、保存网页主页的名字必须是index。五、浏览网页六、打开网页用表格完成网页版面的布局。七、删除网站八、练习
