布局大师——表格.

Slides:



Advertisements
Similar presentations
三 图 形 设 计 的 方 法 与 表 现. 本章节学习目的 : ( 1 )熟练把握图形设计的方法程序,注 重理论与实践性相结合; ( 2 )掌握图形的基本表现形式和语言元 素的运用能力; 重难点: 充分运用图形思维能力,并将图形设 计基础方法和表现应用在设计实践中,注 重在表达上具有趣味性和准确性。
Advertisements

LOGO 理 气 药理 气 药. 本章学习要求  ( 一 ) 概述部分 掌握行气药的功效、主治、性能特点、配伍应用及使 用注意。 了解行气药及有关功效术语的含义。 ( 二 ) 药物部分 掌握橘皮、枳实、木香、香附、川楝子的性能、功效、 应用、特殊用法及特殊使用注意。 熟悉青皮、乌药、沉香、薤白的功效、主治及特殊用.
LOGO 郑州市第二十六中学 张松晨 承斑斓梦想 铸精神乐园 -- 教师发展学校试点工作阶段性成果.
高雄市議會第 2 屆第 2 次定期大會 高雄市政府秘書處業務報告 報告人:處長陳瓊華 104 年 10 月 29 日.
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
LOGO 江苏省徐州财经高等职业技术学校:张峰 —— 心理问题揭秘. LOGO 说课内容 一、说教材 二、说学情 三、说教法与学法 四、说教学过程设计 五、说板书设计.
LOGO 中国旅游地理 学习情境三. 学习目标 了解中国旅游区划的各种不同方案 掌握中国旅游交通运输网络的组成 熟悉主要旅游区域的旅游交通运输 网点。
商管群科科主任 盧錦春 年 3 月份初階建置、 4 月份進階建置、 5 月份試賣與對外營業。
化学制药工艺学 沈阳药科大学 知识模块 1 绪论. 沈阳药科大学制药工程学院 LOGO 知识点 1 化学制药工艺学及其研究内容 知识点 2 世界制药工业的发展现状 知识点 3 我国医药工业的现状和发展前景 知识模块 1 绪论 国家级精品课程 沈阳药科大学制药工程学院.
第5章 表格的设计与 制作. 内容提要 表格的创建、编辑 表格的属性设置 特效表格的制作 布局表格的基本操作 表格和布局表格的应用.
Web 开发基础 第二章 表格与页面布局. 回顾 Internet 和 万维网 网页的工作原理 网页的基本结构 标记及其属性 段落标记,图片标记,超级链接标记 相对路径,绝对路径,物理路径.
教育部顧問室海洋教育先導型計畫 補助計畫課程 課程名稱:跟著鄭和下西洋
科学评价观下的幼儿全面发展评价 湖北省武汉市青山区教科研中心 胡秀玲.
    第三章:中国的自然资源    第二节  中国的土地资源.
论设备监理 在构建能源互联网中的重要作用 LOGO 华铁工程咨询有限责任公司 郑 旭 日 –--总监理工程师
LOGO 毕业实习要求 数学计算机科学系 潘杨友.
案例:社區參與式活動規劃 前言:規劃活動要經常想到社造精神 因為‧ ‧‧ ‧ 所以‧ ‧‧ ‧ 83年從日本引進推動「社區總體營造」工程
讲故事训练 授课人:田轶.
黄石市富宏机械制造有限公司 融资计划书.
第十一課 菜園 6-11.
《网页设计与制作》 教学课件.
南台科技大學 報告人 萬金生 教授 中華民國一0二年七月二日
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
C实习《网店运营》课程教学包 03-网店运营:网店装修.
“深入推进依法行政加快建设法治政府” -《法治政府建设实施纲要》解读
第五单元课1-3 层叠样式表.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
第六节 可降阶的二阶微分方程 一、 型的微分方程 二、 型的微分方程 三、 型的微分方程.
蘇軾詞的賞析
世界地球日 北京市京源学校 侯小波.
项目管理风险流程图 巴中市交通运输局.
LOGO 公 民 与 法 法务审计部 2014年8月22日.
《网页设计与制作》 教学课件.
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
第8章 样式表.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
湖北职院计科系.
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
XSL: Extensible Stylesheet Language
HTML & CSS.
学生网页作品情况分析.
認識我的故鄉_台中市.
我參與,所以我分享更多 豐原高中 潘淑滿.
网页设计与制作 Dreamweaver CS6 标准教程
武汉纺织大学传媒学院 cm.wtu.edu.cn
第13章 CSS 通过CSS可以使用更丰富、更灵活的样式,更简单地 设计出更美观的网页。同时,也让网页的设计与维护 更有效率。CSS在网页设计中的作用尤为重要,是网 页设计师必备的知识。本章首先介绍什么是CSS、CSS 的基本语法等基础知识,接着学习利用“CSS”面板 管理规则,如何在Dreamweaver中创建与应用CSS样式.
武汉纺织大学传媒学院 cm.wtu.edu.cn
主讲:陶建平 华中科技大学网络与计算中心
机械制图:绘制正五角星 徐霄宇.
武汉纺织大学传媒学院 cm.wtu.edu.cn
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
目的 推廣有益身心的康體計劃 現在,青年人較少時間做適量運動,所以 學校推行這個康體計劃,使學生在一個健康的環境下成長,減少疾病的傳播。
廣告學程面試題目.
9.
百週年專刊.
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
聽聽那冷雨---重點摘要 二愛 王煜榕.
憲政與民主 應化3A 邱泓明.
第5章 Div+CSS布局技术 经济管理学院.
標示語言 超文本標示語言(HTML) 製作簡單網頁
分頁.
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
CSS 一起來美化網頁吧!!.
使用Dreamweaver 8 國立竹東高級中學 資訊科技概論 黃秋雅老師
项目商业计划书内容模板 — 说明 该模板仅为商业计划书内容模板,仅列举材料所应包含内容:封面、理论基础、技术来源、技术门槛、团队简介、创新突破、应用前景等。 模板中LOGO、标题、文本框及字号格式等并非大赛要求样式。大赛并未对商业计划书的背景、格式、各部分篇幅和顺序等方面提出具体要求,请各参赛队伍根据实际情况自行设计编写,整体篇幅不超过15页。尽量采用图文并茂的方式进行展现。
Presentation transcript:

布局大师——表格

基本的表格布局方法 表格是最常用的网页布局实现方式。在表格中,很容易实现表格行和列的大小操作,从而方便地实现网页布局。对单元格进行合并或拆分的操作,可以实现网页布局的划分。

插入表格 在Dreamweaver的设计视图中需要插入表格的位置单击,然后单击“常用”工具栏中的 “表格”工具,即可在网页中插入一个表格。也可以选择“插入”|“表格”命令插入一个表格。在“行数”文本框中输入“3”,在“列数”文本框中输入“3”。单击“确定”按钮,即可在网页中插入一个3行3列的表格。

设置表格属性 在表格的“属性”面板中,可以对表格的背景颜色、背景图片、宽度、高度、边框等属性进行设置。在设计视图中单击表格的边框选择一个表格,在属性栏中就会出现表格的“属性”面板。可以在表格的“属性”面板中对表格的各项属性进行设置。

合并单元格 当表格中需要在连续的几个单元格中插入内容时,可以把表格中的单元格合并起来。在同一个表格中连续的几个单元格,或是在连续的行和列的区域上,都可以合并为一个单元格。

选取表格对象 在进行表格操作时,需要选取表格对象。表格对象可以选取整个表格、选取某一个单元格、选取多个单元格、选取整行或整列。

表格的复杂嵌套实现网页的排版 在网页中使用表格合并与拆分的方法,可以实现网页布局的灵活排版。但是,用单元格合并或拆分的方法完成网页的设计以后,就很难再进行行列操作。且不同的单元格互相影响,在更改一个单元格的大小时,同时会对其他的单元格造成影响,很难进行灵活控制。

表格使用技巧 表格和文本的边框设置,可以实现各种美观的边框效果。这些设置需要灵活地使用表格边框宽度、表格间距、表格边框填充等属性。

表格边框的设置 表格边框有border、cellpadding和cellspacing 3个属性,分别表示表格的边框、边线填充和边线间距。这3个属性与表格的背景和单元格的边框颜色一起可以实现各种效果。 border:表示表格的外边框粗细,单位是像素。 cellpadding:表示边框的填充范围,指的是表格内部内容与表格边线的距离。 cellspacing:表示不同单元格的间距。

单元格边框的间距 在一个表格中,可以实现不同的单元格有边线隔开的效果。为突出单元格的效果,可以设置表格的边距。设置表格的外边框与表格的背景相同时,可以隐藏外边框。

单元格的实线边框 在表格中,单元格之间的边框默认是有边距的。可以设置表格的边框间距为0,以实现实线边框效果。

文本各方向相同的边框 在样式表中设置一个样式的边框,可以对一个文本实现与表格类似的边框效果。在样式表中新建一个样式,单击边框,即可设置这个样式的边框。

这个样式的设置生成了样式表边框代码。生成的代码如下: <style type="text/css"> <!-- .STYLE1 { color: #993333; border: 8px dotted #333333; font-size: 18px; } --> </style>

使用表格样式设置边框 表格也可以使用这种样式表设置的样式。

使用样式表设置文本边框: 样式表中控制不同方向的边框 使用样式表设置文本边框: 样式表中控制不同方向的边框 在样式表中可以设置边框的不同方向使用不同的线型、边线粗细、颜色等属性。

布局大师 国字型、厂字型、标题正文型、框架型 导航栏、正文、状态栏 典型国字型布局 示例详见3.11.html

1. 国字型 工商银行 2.标题正文型 通知公告等 3.左右框架型 目录,电子书、帮助等 4.综合布局 搜狐、新浪等大型网站 5.网页尺寸(用适合主流的): 1024*768 用980宽 1366*768 用1320宽 800*600 用760宽国字型示例 左右边距设置可以避免下滚动条的出现 页眉:logo 图像占位符 导航栏:分隔符 网页栏目(两格) 页脚:联系方式等 正文:1行3列 嵌套100%