初中八年级信息技术课件-用表格为网页布局_第1页
初中八年级信息技术课件-用表格为网页布局_第2页
初中八年级信息技术课件-用表格为网页布局_第3页
初中八年级信息技术课件-用表格为网页布局_第4页
初中八年级信息技术课件-用表格为网页布局_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

用表格为网页布局学习任务

通过规划页面布局，初步掌握运用表格对网页上的对象进行合理排版，完成网站标题和栏目的布局，逐步提高网页设计能力。相关知识页面构图布局插入表格表格工具栏更改表格属性一、规划主页网页布局网站除了内容丰富、视觉冲击力强，还需要有一个安排合理的页面布局，图12-1至12-4所示是常见的网站主页构成图。页面布局可以根据网站的内容来设计，一般应让访问者浏览网站时感觉简洁、有序、方便。二、制作主页主页的页面布局可用表格来设计，“网络世界”网站的表格布局，如图12-5所示。制作主页方法：

（1）打开主页。启动SharePointDesigner，打开已建好的站点，如D：/Lixue，双击主页“default.htm”，此时主页处于编辑状态。

（2）设置网页大小。在菜单栏中选择“视图”→“网页大小”→“800×600”。

（3）插入表格。单击菜单栏中的“表格”→“插入表格”，在弹出的“插入表格”对话框中设置表格的行列数，如5×1（如图12-6），单击“确定”，得到如图12-7所示的效果图。（4）根据布局要求，对规划表格进行拆分。选中第二行，在菜单栏中选择“表格”→“修改”→“拆分单元格”，在“拆分单元格”对话框中（如图12-8），设置相应的行数或列数，效果如图12-9所示。

（5）适当改变表格宽度和高度，让它布满页面，主页布局设置基本完成。

日积月累网页大小可根据屏幕分辨率进行设置。不同浏览者的屏幕分辨率会有所不同，为了达到最住的网页浏览效果，网页大小一般设置为略小于屏幕分辨率的大小，如800×600或者960×800等。亲身体验设计网站主页草图，注明标题栏目、分栏目的位置，然后利用表格进行布局。随堂练习在网站主页中插入图片、输入文字。阅读材料表格运用技巧二则绘制表格时，有时可能会因为同一行插入不同尺寸的图片，影响了并列的其他内容的位置，使网页版面出现混乱。这时就需要掌握一些表格的处理技巧。技巧一：表格嵌套

表格嵌套就是在原有单元格内再插入表格，使其容纳的文字或图片等元素不会影响其他单元格中的元素位置。例如，在第二行插入1×5表格，可以采用嵌套表格来完成，如图12-10所示。

技巧二：布局表格

使用SharePointDesigner2007的“布局表格”功能，可以帮助用户轻松地设计版面布局。新建一个网页或者打开一个空白网页，然后选择“表格”→“布局表格”，系统将自动打开“布局表格”任务窗格，如图12-11所示。在“布局表格”任务窗格的“表格布局”列表

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论