《HTML网页布局设计》PPT课件.ppt_第1页
《HTML网页布局设计》PPT课件.ppt_第2页
《HTML网页布局设计》PPT课件.ppt_第3页
《HTML网页布局设计》PPT课件.ppt_第4页
《HTML网页布局设计》PPT课件.ppt_第5页
已阅读5页，还剩10页未读， 继续免费阅读

下载本文档

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

文档简介

第7章HTML网页布局设计,7.1网页布局类型7.2使用布局模式7.3应用框架布局网页,7.1.1“国”字型,“国”字型布局是一种常见的网页布局类型。这种布局类型是在网页的上下各设计一个通幅广告条，左面是主菜单或导航条，右面是友情链接或其他链接的内容，中间是网页的主要内容。这样布局可以充分利用网页的版面，信息量大。,7.1.2“厂”字型,“厂”字型布局是在网页的上部放置Logo和Banner，在网页的左边放置导航条与其他链接，在网页的右下方放置网页的主要内容。这种布局的好处是网页的各个部分布局非常集中，可以在一个区域突出网页的重要内容。网页中的内容主次分明，很有层次感。,7.1.3“框架”型,“框架”型布局是指以框架网页的形式实现网页的布局。框架网页的功能是将浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。这样框架就可以实现网页的布局。与其他的网页布局类型不同的是，其他的网页布局都是在一个网页上实现。而框架布局是在几个不同的网页上实现布局，然后通过框架网页集合在一起。,7.1.4“封面”型,“封面”型布局一般出现在网站的首页，页面上通常是一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”链接，甚至直接在首页的图片上设计链接。“封面”型布局的网页结构常常很简单，需要使用精美的封面效果来体现网页的内容。,7.2.1在布局模式下绘制表格,1切换布局模式2绘制布局表格,3绘制布局单元格,4绘制嵌套布局表格,7.2.2设置布局表格,1设置布局表格的大小2设置布局表格自动伸展,7.2.3设置布局单元格,1设置布局单元格的位置2设置布局单元格内容的格式3为布局单元格添加间隔图像,7.2.4课堂实例用布局表格设计网站主页,1绘制网页顶部布局2布局网页主体部分布局3绘制网页底部布局,7.3.1课堂实例用框架布局一个简单页面,1建立框架集2保存框架和框架集3理解框架集HTML代码,7.3.2创建框架和框架集,1创建新的空预定义框架集2在现在有文档中创建预定义的框架集3拆分和删除框架不能通过拖动边框完全删除一个框架集。要删除一个框架集，必须关闭显示它的“文档”窗口。如果该框架集文件已保存，则删除该文件。,7.3.3设置框架和框架集的属性,1选中框架和框架集1）在设计视图窗口中选择2）在“框架”面板中选择2设置框架的属性3设置框架集的属性,7.3.4框架集中的超链接,1相对链接目标_top2绝对链接目标,7.3.5课堂实例用框架设计网页,网页共分4个框架，顶部为标题部分，左侧为导航部分，右侧为主体部分，底部为版权说明部分。浏览网页时可以通过单击左侧导航栏中的链接切换主
人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论