粤教版B信息技术九年级上册2-3制作网站页面

信技息术九年级上第二章动手创建自己的网站第三节制作网站页面（粤教版B版）新知导入想想一站点建好了，版面布局、色彩方案等也设计好了，建立网站的前期准备工作做好了，李鸣的小组开始制作页面了。“首页、栏目首页、内容页面的设计制作各有什么特点?”思考

标学目习（2）如何用表格进行版面布局（1）常见的网页元素有哪些（3）制作网页的一般步骤是什么首页栏目首页一、常见网页元素内容页标题区突出网站的主题和导航条一、常见网页元素标题区主要内容区放置各种网页元素，可根据内容的设计划分不同的板块;一、常见网页元素主要内容区页尾区一般提供网站的版权信息和制作团体的联系方式一、常见网页元素页尾区计算机服务器网页制作中使用表格划分版面，确定各种网页元素的版面位置。再把不同层的表格框线设置为不同的颜色，得到如图所示的表格布局结构。不难看出，我们可以通过多层嵌套的表格进行版面划分。二、用表格进行版面布局计算机服务器(1)在网页编辑区插入最外层的4行1列表格，单击鼠标右键，打开“表格属性”窗口(如图所示)，设定表格宽度为760像素。(2)从外到内分割版面，插入各层表格，再根据需要设定表格的高度和宽度。二、用表格进行版面布局构建方法如下：三、添加网页元素版面区域划分好以后，就可以在相应区域填充内容，如添加文字图片、动画等网页元素。插入文字英语单词英文缩写可以采用输入，或复制、粘贴从已有素材中提取文字的方法，来完成输入文字。字体设置成默认值是为了使所有的浏览环境都能够看到网页效果。同一级别的文字(如标题、正文等)的大小、颜色等一般保持致。标题文字可以做成图片格式，并以图片形式插入。三、添加网页元素在“单元格属性”窗口，进行如图所示的设置。插入图片③设置单元格大小②从浏览窗口中选图①勾选三、添加网页元素首页中看到的动画和滚动字幕，使网页显得富于动感。这些动态元素的添加方法与我们已学过的Powerpoint等软件的使用方法类似。添加Flash动画和滚动字幕四、设置超链接栏目链接单击常用工具栏上的超链接按钮，打开如图2一11所示窗口，选择对应的目标网页，如“bjxc.htm”然后按“确定”，就可以完成一个超链接的设置。其他栏目的设定方法相同。设置超链接先拖动鼠标选定导航栏中的栏目文字，如“班级相册”四、设置超链接班级邮箱链接先选中文字“联系我们”打开“编辑超链接”对话框，填入邮箱地址后按“确定”。分析观察超链接可以建立在文字、图片或图片的某个局部位置上，实现了网页的跳转，形成了精彩的网络世界。知识拓展

网站中的网页制作完成后，要让更多的人能够访问，就得将网站发布出去。

四、设置超链接五、发布网站在发布之前，首先要对网站进行测试，检查网站的内容、超链接等，以保证网页信息的正常显示。在成功发布之后，还要进行维护和管理，才能使网站更有生命力。知识拓展发布网站

内容检查运行测试发布站点站点维护

课堂练习做做一1.网页其版面可划分为（

）、（）、（）三大区域。2.检査要添加到网页中的图片文件是否为（）或（）格式，如果不是则要进行格式转换。3.超链接可以建立在（）、（）或图片的某个局部位置上，链接跳转的目标可以是另一个网页、另一个网站、同一网页内的其他地方、一个邮件地址个文件等。标题区图片文字

gifjpg页尾区主要内容区课堂总结第三节制作网站页面一、常见网页元素二、用表格进行版面布局三、添加网页元素1.插入文字2.插入图片3.添加Flash动画和滚动字幕四、设置超链接五、发布网站总结板书