《用表格为网页布局课件》初中信息技术浙教课标版《信息技术八年级上》课件

主题四 编辑网站主页,甘肃教育出版社 信息技术 八年级 上册 第二单元,2014年9月25,白银四中 魏 辉,主页 通过网络浏览器打开某个网站时，首先显示的网页就是网站的主页（Home-Page），主页的文件名一般为index.htm 或default.htm。 index.htm 或default.htm是因特网中约定站点的主页文件名，当通过浏览器打开一个网站时，最自动打开网站中名为index.htm 或default.htm的网页。,设计网页布局,准备素材,图片 文字 网站横幅 视频 声音,确定网站主题,如何编辑网站主页,选择网页编辑工具,本 节 课 目 标,网页布局示意图,每个网页都有必备的基本元素，通常包括网站的名称、导航栏和版权信息。网页中的主要内容大多采用“纵横分割式”的布局方法，（三列分割式布局方法）,素 材,网站主题：介绍甘肃旅游景点 网站名字：足迹 甘肃,标准：生动有趣、简单易记。即突出主题又要简介，4-6个为宜，在瞬间吸引眼球。,网页编辑工具,一、菜鸟级网页制作软件 Microsoft FrontPage Netscape编辑器 Adobe Pagemill Claris Home Page 二、中级网页制作软件 DreamWeaver Fireworks Flash HotDog Professional HomeSite HotMetal Pro 三、高级网页制作软件 Microsoft Visual Studio Jbuilder 记事本,4大项介绍完毕了,动手做,请大家动起手来！,准备：打开“我的电脑”，在本地磁盘“D”新建文件夹，重命名“我的网站2014”,（一）在FrontPage 2003中创建 Web站点,1,步骤一：在FrontPage2003中，执行【文件】【打开网站】，打开D盘【我的网站2014】站点。如图所示,D,步骤二：双击文件夹列表中主页 文件名“index.htm”,(二）插入网页横幅。 步骤一：设置网页背景。 在“设计”视图标签下，空白处单击鼠标右键，选择 【网页属性】【格式】标签，设置背景图片，如图所示。,步骤二：插入表格。打开菜单，执行【表格】【插入】【表格】命令，打开表格对话框。设置6行3列。“布局”“对齐方式”中选择“居中“，按要求合并单元格，如图所示。,步骤三：将光标放在最上面的单元格中，执行【插入】【图片】【来自文件】，弹出【图片】对话框，选择“足迹甘肃”图片，单击“确定”，调整表格宽度，结果 如图所示。,（三）设计制作网站栏目 步骤一：为单元格插入背景图片。 选择第二行，点击鼠标右键，弹出“单元格属性”对话框，选择:“背景2”图片。调整单元大小到合适的位置。结果如图所示。,步骤二：在此单元格中插入2行8列的表格，调整大小沾满整个单元格。 步骤三：在插入的表格中输入各栏目的名称，并设置相应的字体、字号、完成后如图所示。,个人自学、小组讨论，练习完成以下3个小任务？ 1.第三行第一列 插入图片“铜奔马”（绿色区域） 2.第三行第三列 插入图片 “莫高窟” （紫色区域） 3.第三行第二列 插入文字“甘肃简介”（黄色区域）,(四)设计制作网页正文内容,效果图,步骤一：两侧插入“铜奔马”，“莫高窟”图片，。 步骤二：插入“甘肃简介”的文字。如图所示,分两步走,（五）保存和预览,步骤一：执行【文件】【保存】 步骤二：预览效果。 （F12键在浏览器中预览效果）,小结,小