第13课 建造网上小天地.doc

第13课建造网上小天地
教学目标：
1．了解站点的建立
2．能够自己建立主页并为主页设置背景
3．能够设计出属于自己风格的站点。
情感、态度、价值观：
培养对电子信息技术的兴趣。
增强学生的审美感。
合理的规划利用网络，展示学生个性。
培养学生的相互合作意识。
教学重、难点：建立属于自己风格的站点
教学内容：为自己的站点设置首页
教学准备：13课素材
教学过程：
导入
检查预习：
网页设计作为一种视觉语言，要讲究编排和布局（？），版式设计要做到主题鲜明，要点突出（？），以简洁的文字和画面体现出网站的风格，通过文字、图形的空间组合，表达出和谐与美。
同学们经过认真的学习，已经对网页设计有了了解与研究。当我们规划设计好自己的网站，并准备开始着手制作的时候，首先就需要新建一个“站点”。
二、介绍站点
站点一般简写为“Web”，实际上就是把一些信息通过Web网页的方式相互链接起来，存放在一台被称为“服务器”的计算机中，别人可以通过Web浏览器查看网页信息。站点一般以国际通用的Internet地址来表示，例如：http://www.21cn.com或http://www.163.net等，进入某个站点所见到的第一页一般称为“HomePage”，中文的意思是“主页”。
学习建立站点，并熟悉新建、打开站点、关闭站点。
实例：使用【只有一个网页的站点】模板创建一个Web站点。
操作步骤：
（1）打开【文件】菜单，选择【新建】菜单项，在子菜单中选择【站点】菜单项，出现一个【新建】对话框，在对话框的【指定新站点的位置】项中输入新站点的存放位置。
（2）提示：新站点的存放位置选择是磁盘存储方式，是因为考虑到实践操作中的方便。而一个站点要让在Internet上的用户正常浏览的话，应该通过FrontPage的站点发布功能或FT文件传送方式，把该站点内容传送至能提供存放空间的Web服务器上去。
（3）单击【确定】按钮。此时FrontPage会自动以新站点名建立一个站点，并显示一个正在创建站点的提示对话框，之后该站点很快便创建好了。
（4）关闭站点
打开【文件】菜单，选择【关闭站点】菜单项，则当前站点被关闭。
（5）打开站点
站点内容需要修改或添加时，必须把该站点打开。操作过程如下：
打开【文件】菜单，在下拉菜单选择【打开站点】，出现一个对话框，在对话框的【文件夹】项中输入该站点的存放位置，然后单击【打开】按钮，站点将被重新打开。
三、在images中导入图片
我们发现该站点中包含有两个子文件夹。一个是_private文件夹，一般用来存放一些私人的文件，这些文件不会被别人看到。另一个是images文件夹，是FrontPage专门创建用来存放图像文件的文件夹，因为FrontPage扩展服务器的图像文件的默认目录为images。
拷贝图片到新建站点的图片文件夹images中。
单击选择“images”文件夹，执行文件—导入命令，弹出导入对话框，然后执行一下操作：
（1）单击添加文件按钮，弹出将文件添加到导入列表对话框。
（2）在查找范围中逐级依次打开素材文件夹。
（3）按下ctrl+A快捷键，选中所有文件。
（4）单击打开按钮，返回导入对话框。
四、编辑首页文件
主页的英文名称为“HomePage”，一般认为某个站点的第一个网页叫做主页，文件名通常是“index.htm”（index.html）或“default.htm”（default.html），也就是在Web浏览器“地址”栏内输入一个网址后，用户浏览到的第一个网页。用户再通过该主页的链接可以浏览到其他网页信息。
首页的作用就是为了吸引读者浏览网站的内容，在设计上应醒目、简明，令读者一目了然，留下良好的印象。
（一）、首页类型介绍
1.形象展示型首页
文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系列与网站风格和服务内容有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。
2.信息罗列型首页。
在首页中罗列出网站的主要内容分类、重点信息、网站导航等，这种风格比较适合信息量大、内容丰富的网站。
（二）制作首页
下面我们来制作“梅园诗意”网站的首页，其中包含了网站的名称、导航栏及网页制作人员组成等信息。
双击文件“index.htm”在网页编辑区打开空白的“index.htm”文件，按照一下方法为网页添加背景图片。
1.执行格式—背景命令，打开“网页属性”对话框。
2.单击选中背景图片。
3.单击浏览按钮，弹出“选择背景图片”对话框。
4.在站点根文件夹“D:mysite”的images子文件夹中选择要插入的图片文件“bj.jpg”。
5.单击确定按钮。
6.还可以为网页设置背景颜色和默认的文本颜色，再单击确定。
为网页添加了背景图片后，可以将窗口左侧