第二单元第三节建立网站和制作主页精品教育.ppt

初二信息技术 了解网页基础知识并制作简单的网页,教学内容,1、了解网页的基础知识2、知道制作网页的软件3、了解Frontpage软件制作简单的网页,网页的基础知识：,网页的构成：一、网站：网站是把各种信息资源集中在一起 的平台。二、网页：网页是构成网站的基本单位，它以文件的形式保存在网站中。三、超链接四、主页：主页通常包括网站标题、重要内容、栏目导航、版权信息及链接到其他资源等。五：网页风格：根据网站内容设置网页的风格。,制作网站的软件：Dreamweaver和Frontpage；两者之间的区别在于前者功能强大，更多的使用者为专业网页设计者，与Frework、Flash被称为网页三剑客；而后者，简单易用，而且与IE、Word结合的非常好，但对复杂的动态网页的设计能力有限，使用者大多用来设计简单的网页，是初学网页设计者较好的选择。所以，对于我们来说，主要学习Frontpage软件。,学习FrontPage软件,活动过程：1.启动FrontPage软件2.在指定的位置建立站点3.打开主页，按照主页设计草图，插入并调整表格4.在表格中加入文字、图片等网页元素5.保存网页6.依照同样的方式，分别制作其他网页7.评价小组活动,启动FrontPage软件,运行软件，新建站点：,建立好站点之后，会自动生成一个主页文件“index.htm”和两个空白的文件夹：“-private”、“images”，分别用来存放网站的相关文件和图片文件，如下图所示：,制作主页：以课本45页的图2-3-4为例介绍制作过程,1.插入表格：方法：执行【表格/插入/表格】命令输入表格的行数和列数设置表格的对齐方式、指定宽度和边框粗细等内容。如下图所示：,2、合并和拆分单元格,3、调整单元格的大小,4、在表格中插入图片,插入图片，为了达到比较好的视觉效果，需提前处理制作，但也可按以下步骤来制作,点击在“图片”工具栏中单击【文字工具】按钮，输入标题文字。展示效果如下:,6、网页中图片的排版：根据用途和效果，图片可以集中摆放，也可以与其他文字混排。图文混排时应注意设置图片的环绕方式,7、保存网页,选择【更改文件夹】，选中”images“文件夹，然后点击确定,8、关闭站点：执行【文件/关闭网站】命令,实践探索,1.打开自己小组的网站，插入合适的表格，制作自己小组的主页2.按照小组所规划的网页草图，对表格进行调整，然后网页中插入文字与图片3.在小组内交流在制作网页时遇到以下问题的解决方法（1）插入表格行、列数不够，用什么方法增加行、列数呢？（2）如果要删除表格，该如何操作？,学习小结,本小节我们先建立自己小组的站点，站点的建立为网页的制作打好基础，接着我们打开网站中的index.htm文件，利用表格制作了主页。网络的排版方式不止使用表格这一种，同学们可以参阅有关网页制作的书籍或网络资料，也可以通过查看系统的”帮助“，了解和学习更过这方面的知识。通过这节学习，,你学到了什么？,