html 表格布局-表格布局.ppt

5.1 应用表格布局页面-足球明星 5.1.1 案例概述 Table 是一个强大的工具,用于在 HTML 页面上显示表格数据以及用于布局文本和图形。 足球明星photo.html使用表格进行布局排版,使照片整齐地展示在页面上。 5.1 应用表格布局页面——足球明星 5.1.2 案例分析 “足球明星”页面 Photo.htm 采用表格布局,将图片排列在表格的单元格中,并添加图片说明。 由此,读者可以掌握: 5.1 应用表格布局页面——足球明星 5.1.3 实现步骤 1、相册页面制作方法: (1)页面属性设置。 (2) 制作表头。 (3)主要信息显示区域的表格设计(4)插入图片并添加说明文字(5)制作版权信息5.1应用表格布局页面-足球明星5.1.3实现步骤2.如何美化相册形式:(1) ) 设置边框线 (2) 设置单元格背景色 5.2 页面布局原理 5.2.1 网页布局原则 必须遵守主要三大原则:连贯、统一、分割。 第三次划分是指将页面划分为若干小块,小块之间存在视觉上的差异,使浏览者一目了然。 5.3 页面布局理论 5.2.2 网页布局类型“国”字型 角角类型 标题文字类型 左右框架类型 上下框架类型 综合框架类型 封面类型 Flash 类型变化 5.3 页面布局理论 5.2.2 网页布局类型“国字字体 5.3 页面布局原理 5.2.2 网页布局类型 角点类型 5.3 页面布局原理 5.2.2 网页布局类型 标题正文类型 5.3 页面布局原理 5.2.2 网页布局类型 左右边框类型 5.3 页面布局原理5.2.2 网页布局类型 上下框架类型 5.3 页面布局理论 5.2.3 页面构成 帧率:800600:页面显示规格:780428 像素; 分辨率:1024768:页面显示规格:1007600。

html 表格布局_表格布局在哪里_表格布局方式的特点

5.3 页面布局理论 5.2.3 页面构成 页眉也可以称为脚注,页眉的作用是定义页面的主题。 网站名称的图片(Logo)、公司标志和横幅广告(Banner)常常放置在页眉上。 5.3 页面布局理论 5.2.3 页面构成 脚注和页眉相互呼应。 页眉是放置网站主题的位置,页码是放置创建者或公司信息(称为版权信息)的位置。 导航栏可以让人们在浏览时轻松到达不同的页面。 它是网页元素中非常重要的一部分,因此导航栏必须清晰、醒目。 一般来说,导航栏应该显示在第一屏。 在IE中,只有当表格内容下载完整后才能显示。 如果页面文件很大,从上到下放几个长度相同的表,分别放不同的内容。 5.3 页面排版原理 5.2.4 页面排版方法 页面排版有两种方式,一是纸张排版;二是纸张排版。 其次是软件布局。 1、纸张排版法开始制作网页时html 表格布局,首先要在纸上画出页面的排版草图。 2、软件排版法可以使用软件来完成排版。 比如Photoshop,Photoshop的图像编辑功能用在设计网页布局时更加得心应手。 5.3 页面布局理论 5.2.5 页面布局技术 表格布局的优点是可以处理不同的对象,而不必担心不同对象之间的影响。 而且表格在定位图片和文本方面比CSS更方便。

表格布局的唯一缺点是,当使用太多表格时,页面下载速率会受到很大影响。 框架可以将多个页面有机地整合在一起。 它就像一个表格布局,将不同的对象放置在不同的页面上进行处理。 因为边框可以取消边框,所以一般不会影响整体美观。 DIV+CSS是网站标准(或“WEB标准”)常用术语之一,通常是为了解释与HTML网页设计语言中表格定位方式的区别,因为在XHTML网站设计标准中html 表格布局,表格定位不再使用技术,而是通过DIV+CSS的形式实现各种定位。 5.3 页面布局理论