网页设计与制作.ppt_第1页
网页设计与制作.ppt_第2页
网页设计与制作.ppt_第3页
网页设计与制作.ppt_第4页
网页设计与制作.ppt_第5页
已阅读5页，还剩8页未读， 继续免费阅读

下载本文档

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

文档简介

1、第5章 页面设计,网页的版面布局 表格布局 使用布局模式布局 使用框架布局 层的使用,5.1 网页的版面布局,确定页面尺寸 根据显示器的分辨率来确定，相应的页面宽度为778px和1002px。 版面的布局模式,（1）T型结构布局,（4）对称对比布局,（5）POP布局,5.2 表格布局,使用表格是最常用的网页布局方法，它可以将网页元素按各种格式排列。使用时，注意： 分析网页结构 确定网页的大小和表格的对齐方式 可嵌套表格，尽量少使用单元格的拆分、合并 表格的边框一般设为0 demo,5.3 使用布局模式布局,常用布局布局模式 绘制表格：绿色的线 绘制单元格：蓝色的线,5.4 使用框架布局,关于框

2、架 自定义框架 命名框架 制作框架链接,5.4 使用框架布局,关于框架：框架包括两个部分：整体：框架集和框架。 形式：左右结构、上中下结构、嵌套结构 创建：常用布局框架 删除：使用拖拽方法 说明：使用拖拽方法可改变框架样式。 自定义框架 先选用一内置框架，再调用框架面板（窗口框架） 设定框架属性： 设定框架属性：源文件：显示需要的页面路径，使用鼠标拖拽。定义好之后，选中整体框架，选择“文件框架集另存为”保存框架集。 设定框架结构属性：先选中框架面板中需要设置的框架。 demo,5.4 使用框架布局,源代码（针对“左右”框架）： ,5.4 使用框架布局,命名框架 选中框架面板中需要设置的框架修改

3、名称 制作框架链接 选中对象在属性面板中设置链接，注意链接的目标。,5.5 层的使用,层（layer）是一种HTML页面元素，可以将它定位在页面中任意位置。层中可以插入文本、图象、表单和插件等元素。它使网页从二维平面拓展为三维。 创建层 层的使用 层在网页排版中的应用,1.创建层,插入布局层绘制层 设置层属性：打开层面板：窗口层 “眼睛”图标：可视性 宽、高 位置 背景色 Z轴：值越大，则此层在其他层上方。,1.创建层,源代码： ,2.层的使用,选择层 改变层的大小 移动层 排列层,3.层在网页排版中的应用,直接使用层排版页面（一般用表格排版）：用于简单的页面排版。Demo 利用层来设计表格（解决低版本浏览器问题） 修改转换层到表格 使用层“溢出”属性 当层的内容超

人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

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

最新文档

评论

0/150

提交评论