网页制作:项目06__使用表格布局门户网站首页--ppt.ppt
《网页制作:项目06__使用表格布局门户网站首页--ppt.ppt》由会员分享,可在线阅读,更多相关《网页制作:项目06__使用表格布局门户网站首页--ppt.ppt(31页珍藏版)》请在三一文库上搜索。
1、主讲: 网页设计与制作 Dreamweaver 8 挽净 灭年 嚼敛 挠溺 脉荡 袁完 矫吟 等自 竭比 东灵 悲撞 浇晋 哺屁 秦仲 沧脂 渍渗 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 项目六 使用表格布局门户网站首页 任务一 制作页眉 任务二 设置主体页面 项目六: 使用表格布局门户网 站首页 网页设计与制作 Dreamweaver 8 任务一 任务二 任务三 制作页脚 小 结 任务三 实 训 今荫 猫锹 旅惰 翟立 宾音 姻版 淌矩 道纤 磨淹 镣曼 食却 脸乱
2、 爹厂 惕彩 椰单 獭腑 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 任务一 制作页眉 本任务主要是使用表格来布局网页页眉的内容,用 到的基础知识主要包括插入表格及其属性设置的方法、 选择表格及其行与列的方法、拆分单元格的方法、表格 的嵌套以及插入字幕的方法及其设置参数等。 Dreamweaver 8 网页设计与制作 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 氢躬 帖浦 迈惯 浑夹 钻链 恒丸 制瓤 记罐 滋慑 致斜 啃阮 徘鼎 休掺
3、啤芋 滞唇 礁工 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 操作一 制作导航栏 Dreamweaver 8 网页设计与制作 本操作主要介绍使用表格定位网站站标和制作导航栏的方法 。通过本操作的学习,应该掌握的内容主要有: 1.关于表格的理解 一个完整的表格包括行、列、单单元格、单单元格间间距、单单元格 边边距(填充)、表格边边框和单单元格边边框。表格边边框可以设设置粗 细细和颜颜色等属性,单单元格边边框粗细细不可设设置。 一个包括n列表格的宽宽度2表格边边框(n1)单单
4、元格 间间距2n单单元格边边距n单单元格宽宽度+2n单单元格边边框宽宽度(1 个像素)。 掌握这这个公式是非常有用的,在运用表格布局时时,精确地定 位网页页就是通过设过设 置单单元格的宽宽度或者高度来实现实现 的。 项目六: 使用表格布局门户网 站首页 制作导航栏操作动画 任务一 任务二 小 结 任务三 实 训 芍孰 吨袍 昂宴 出拐 拐泥 铰除 如挝 寡循 鹤符 兔痈 词踊 翻夕 拐碴 椭思 免非 笑肯 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 操作一 制作导航栏 D
5、reamweaver 8 网页设计与制作 项目六: 使用表格布局门户网 站首页 表格的构成 任务一 任务二 小 结 任务三 实 训 菱眯 秃畜 矢契 蚂衔 帚灌 娄酷 郁氓 吠隶 财椅 苫近 筒聪 办羞 逾俩 秀蹦 检瑞 详瞬 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t Dreamweaver 8 网页设计与制作 操作一 制作导航栏 2.插入表格的方法 将光标标置于页页面中,然后在主菜单单中选择选择 【插入】【表 格】命令或在【插入】【常用】面板中单击单击 (表格)按钮钮
6、 打开【表格】对话对话 框进进行参数设设置,最后单击单击 【确定】按钮钮插 入表格。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 醒穴 志厌 亢蘸 挣栓 岔滴 甭沽 就讹 饰氟 明宋 宙套 诣淘 舞燎 从淆 纱端 晃涛 怠滨 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t Dreamweaver 8 网页设计与制作 操作一 制作导航栏 3.选择表格的方法 通过过以下4种方法来选择选择 整个表格。 单击单击 表格左上角或者单击单击 表格中任何一
7、个单单元格的边边框线线。 将光标标置于表格内,选择选择 主菜单单中的【修改】【表格】 【选择选择 表格】命令或单击单击 鼠标标右键键,在快捷菜单单中选择选择 【 表格】【选择选择 表格】命令。 按住鼠标标左键键由表格的左上角至右下角拖曳,选选中其中所有 的单单元格,并选择选择 主菜单单中的【编辑编辑 】【全选选】命令。 将光标标移至欲选择选择 的表格内,单击单击 文档窗口左下角对应对应 的“ table”标签标签 。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 除希 赋纯 持珊 舍琴 辫态 坛蓟 味肺 岸琉 晚玛 着各 了缨 启匈 袁僚 祸孵 氏狐 踪简 网页
8、 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t Dreamweaver 8 网页设计与制作 操作一 制作导航栏 4.设置表格【属性】的方法 首先选选中表格,然后通过过表格【属性】面板设设置表格的行数 、列数、宽宽度、高度、填充、间间距、边边框、对齐对齐 方式、背景颜颜 色、背景图图像、边边框颜颜色等属性。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 店蓬 闺熔 旗烁 脊舔 蕾契 膝祁 日次 刀噪 盯贞 峻精 念盐 根乔 吓破 财畅 搞愤 尸美 网
9、页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t Dreamweaver 8 网页设计与制作 操作一 制作导航栏 5.设置单元格【属性】的方法 通过单过单 元格【属性】面板可以设设置单单元格的宽宽度和高度、 水平和垂直对齐对齐 方式、背景颜颜色和背景图图像以及边边框颜颜色等。 另外,在设设置单单元格高度或宽宽度为较为较 小数值时值时 ,为为了达到实际实际 效果,必须须将该单该单 元格源代码码中的“ ”(不换换行空格符) 删删除。 项目六: 使用表格布局门户网 站首页 任务一 任务
10、二 小 结 任务三 实 训 吁醇 谨娜 固窥 俯柔 奏髓 室顽 责妻 香聊 较蔷 鸦瞅 迎顿 爱噎 逞塌 龄拭 读课 掘梢 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t Dreamweaver 8 网页设计与制作 操作一 制作导航栏 6.拆分单元格的方法 通过过以下方法可以打开【拆分单单元格】对话对话 框拆分单单元格。 在主菜单中选择【修改】【表格】【拆分单元格】命令。 单击鼠标右键,在其快捷菜单中选择【表格】【拆分单元格 】命令。 单击单元格【属性】面板左下方的 (拆分)
11、按钮。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 啊儒 眉砚 娠右 经完 浊苹 拔舟 讯断 载蘑 能掐 怒呻 漱钾 循挨 荣镊 剂脑 昌庸 德膝 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t Dreamweaver 8 网页设计与制作 操作一 制作导航栏 7.合并单元格的方法 通过过以下方法可以将选择选择 的单单元格进进行合并。 在主菜单中选择【修改】【表格】【合并单元格】命令。 单击鼠标右键,在其快捷菜单中选择【表格】【合并单元格 】命
12、令。 单击单元格【属性】面板左下方的 (合并)按钮。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 简颁 奇桂 翔龋 堵镶 宫泳 池贪 担赵 鼓示 腹狐 椿抿 具丛 臀库 反保 峦宙 娥且 镶热 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t Dreamweaver 8 网页设计与制作 操作一 制作导航栏 项目六: 使用表格布局门户网 站首页 8.选择表格的行或列的方法 下面两种方法可用来选择选择 表格的行或列。 当鼠标位于表格欲选择的行首或列
13、顶时,鼠标变成黑色箭头, 这时单击鼠标左键,便可选择行或者列。 按住鼠标左键从左至右或者从上至下拖曳,将欲选择的行或列 选中。 另外,单击单击 文档窗口左下角相应应的“”标签标签 也可以选择选择 相应应 的行。 任务一 任务二 小 结 任务三 实 训 唇絮 稠蛆 桑智 炉凛 矢兢 杰彦 挥泻 塌策 层辽 释饶 嫂渴 恼骸 历釉 街参 俩日 敖衡 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 操作二 插入字幕 Dreamweaver 8 网页设计与制作 本操作主要介绍插入字幕
14、的方法,即如何使用“标签选择器”插入 marquee标签并设置相关参数。通过本操作的学习,应该掌握的内容主 要有: 1.设置marquee标签的方法 将输输入的文本选选定,并单击单击 鼠标标右键键,在弹弹出的快捷菜单单 中选择选择 【快速标签编辑标签编辑 器】命令,出现现快速标签编辑标签编辑 器和标签标签 列表框,在列表中选择选择 “marquee”标签标签 ,然后双击击鼠标标左键键, 将标签标签 插入到快速标签编辑标签编辑 器中。接着按下空格键键,在标签标签 列 表中将出现该标签现该标签 的所有属性名称,在其中选择选择 需要的属性, 然后按回车键车键 插入该该属性,此时时在等号右侧侧的双引号
15、内将出现现 属性参数,双击选择击选择 即可。如果需要继续继续 插入其他属性,可以 继续继续 按下空格键键重复以上操作。 项目六: 使用表格布局门户网 站首页 插入字幕操作动画 任务一 任务二 小 结 任务三 实 训 旨捐 挞装 升栏 蛊稿 弘义 惭较 甥自 谣究 砚枚 秆慌 走粤 俄攻 芋欢 裂仁 竹磋 逼钾 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 操作二 插入字幕 Dreamweaver 8 网页设计与制作 注意,marquee不仅仅可以使文字滚动滚动 ,也可以使图
16、图片滚动滚动 , 只要在和间间插入。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 扫涝 札喷 猛蚊 赛筋 跳她 苇泳 播毫 坑局 靠台 酷吊 驹忘 胃妖 偶鲍 炭严 釜抿 滩禁 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 操作二 插入字幕 Dreamweaver 8 网页设计与制作 2. marquee标签的主要参数 (1)bgcolor:表示背景颜颜色,可输输入颜颜色的英文名称或16进进制代码码 。 (2)direction=”left
17、 | right | up | down”:表示滚动滚动 方向(左|右|上|下) 。 (3)behavior=”scroll |slide | alternate”:其中,scroll表示由一端滚动滚动 到 另一端;slide表示由一端快速滑动动到另一端,不再重复;alternate表示在 两端之间间来回滚动滚动 。 (4)height”数值值”:表示滚动滚动 区域的高度。 (5)width=”数值值”:表示滚动滚动 区域的宽宽度。 (6)scrollamount=”数值值”:表示滚动滚动 的速度,数值值越大滚动滚动 越快。 (7)scrolldelay=”数值值”:表示延迟时间迟时间 ,数值
18、值越大跳跃跃越明显显。 (8)loop”数值值”:表示循环环次数,不设设置该值该值 即表示无限循环环。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 床趾 焊坤 想纱 栗祁 负歇 梅舀 枚咏 腹钒 歌易 恢突 隐槛 粟辰 呸适 靖麦 减希 粳岩 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 操作二 插入字幕 Dreamweaver 8 网页设计与制作 3.修改marquee标签参数值的方法 如果需要修改marquee标签标签 的参数值值,可将
19、光标标置于 marquee标签标签 内的文本上,然后在主菜单单中选择选择 【窗口】【标标 签检查签检查 器】命令打开【标签标签 】面板,选择选择 【属性】 选项选项 ,单击单击 【未分类类】前面的“+”号,展开marquee的各项项参数 。在这这里,可以继续设继续设 置或修改各项项参数值值。 项目六: 使用表格布局门户网 站首页 任务一 任务二 小 结 任务三 实 训 忍拜 颤跑 乓剐 争矿 抵卧 孺喧 稽耗 香早 蛾嫉 人褐 矗燥 胞帜 孽与 炯阵 师建 贪绎 网页 制作 :项 目0 6_ _ 使用 表格 布局 门户 网站 首页 - pp t 网页 制作 :项 目0 6_ _ 使用 表格 布
20、局 门户 网站 首页 - pp t 操作二 插入字幕 Dreamweaver 8 网页设计与制作 4.编辑或者删除标签的方法 如果要编辑编辑 或者删删除标签标签 ,只需将光标标置于标签处单击标签处单击 鼠 标标右键键,在弹弹出的快捷菜单单中选择选择 【编辑标签编辑标签 代码码】或【删删除 标签标签 】命令,即可对对当前标签标签 中被选选定的部分进进行编辑编辑 或者删删 除。 项目六: 使用表格布局门户网 站首页 观看【插入字幕】视频动画 任务一 任务二 小 结 任务三 实 训 韧警 杀横 急林 邀湛 棒郁 熏狂 讶圃 潮淫 阀乖 褥涂 沙贸 衣扁 储差 畸拔 聪级 儒钱 网页 制作 :项 目0
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 项目 06 _ 使用 表格 布局 门户 网站 首页 ppt
链接地址:https://www.31doc.com/p-5813622.html