《构建网页》教学课件.pptVIP

构建网页通过本节的学习，你将掌握以下技能：1.初步掌握网页的设计方法。2.学会用表格布局网页信息。3.使用工具软件设计一个简单的网页。一、多媒体网络信息为方便管理，我们在硬盘上新建一个文件夹用以存放网页文件，并在此文件夹下新建一个“images”文件夹，用以存放图片文件，如图所示。实践一、多媒体网络信息这是一条简单的信息报道。在文字叙述的基础上，配上该活动的图片，可使信息更具说服力和真实感。◆第一步：在第一行输入信息标题，设置比正文稍大的字号和黑体字体，并居中放置。◆第二步：回车插入新的一行，执行“插入/图片/来自文件”菜单项，从“images”文件夹中选择该活动的图片，插入到当前位置，拖动图片四周的编辑点，调整图片大小，并居中放置。实践一、多媒体网络信息◆第三步：输入文字信息，调整文字大小和段落，使图片、文字的大小和位置相适应，如图所示。可随时通过左下角的“预览”视图模式观看网页效果。实践一、多媒体网络信息◆第四步：执行“文件/保存”菜单项，将网页重新命名并保存到“D：\班级网站”文件夹下。实践二、首页的规划与布局表格是网页设计中常用的布局工具，利用表格可以将整个版面进行多次切块分割，以便于排列和组织各种媒体信息。◆第一步：根据收集到的信息内容，确定分类栏目：老师寄语、特长展示、奇思妙想、活动剪影。◆第二步：执行“表格/插入/表格”菜单项，插入一个3行1列的表格，并将表格的边框粗细设为0。如下图。实践二、首页的规划与布局◆第三步：按照栏目设置和规划设计，在表格的第1-3行内再分别插入一个1行2列、1行4列、1行2列的表格，以放置相应的内容。如图所示。实践二、首页的规划与布局◆第四步：在相应的单元格内插入文字或图片，并适当调整文字和图片的大小、字体颜色、单元格背景颜色等，以达到美观、舒适的视觉表现效果。如图所示。实践 巩固与提高1.上网浏览你感兴趣的网站，观察这些网站中网页的设计特点，栏目是如何设置与布局的。2.从下面的项目中选择一个你感兴趣的内容，规划设计一个简单的主页。（1）我们的校园（2）我的班集体（3）我喜欢的花草（4）我们家的藏书（5）社区的健身活动3.在使用表格规划网页时，为什么要将表格的边框粗细设为0？试一试，设置为其他的数值会怎样。