第3章 网页的布局教学课件 网页制作基础教程(Dreamweaver CS6 第2版) .pptx
《第3章 网页的布局教学课件 网页制作基础教程(Dreamweaver CS6 第2版) .pptx》由会员分享,可在线阅读,更多相关《第3章 网页的布局教学课件 网页制作基础教程(Dreamweaver CS6 第2版) .pptx(31页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第3章 网页的布局教学课件 网页制作基础教程(Dreamweaver CS6 第2版)工信版主 编 黄洪杰 电子工业出版社电子工业出版社网页制作基础教程网页制作基础教程(Dreamweaver CS6(Dreamweaver CS6 第第2 2版版)电子教案电子教案第第3 3章章 网页的布局网页的布局项目项目1 1 网页布局相关知识网页布局相关知识当我们在网上浏览时,常常对一些网站记忆犹新。有的网站给人一种清新雅致的感觉,有的网站让人感觉厚重古朴,有的网站让人轻易就被吸引,有的网站让人很快找到自己想要的信息为何会有这么多的不同感受?子项目子项目1 1 网站的风格网站的风格 在对网页插入各种对象
2、、修饰效果前,一定要确定网站的风格和网页的布局。也就是说,要先确定网站的总体风格,并对网页的布局进行规划,这样才能保证网站中各网页的统一。主页风格没有优劣之分,网站的性质与风格有着根本的区别。门户网站采用鲜艳的色彩吸引浏览者的注意,而广告是网站收入的重要来源,所以各种形式的广告是少不了的。服务性质的网站不必借各种手段吸引浏览者。而个人网站往往突出创意和个性。子项目子项目2 2 网页布局实例网页布局实例 简单划分,网页的布局一般可以分为“同”字型、标题正文型、分栏型、Flash型和封面型等。“同”字型子项目子项目2 2 网页布局实例网页布局实例 简单划分,网页的布局一般可以分为“同”字型、标题正
3、文型、分栏型、Flash型和封面型等。“同”字型子项目子项目2 2 网页布局实例网页布局实例 标题正文型子项目子项目2 2 网页布局实例网页布局实例 分栏型结构子项目子项目2 2 网页布局实例网页布局实例 Flash型网站子项目子项目2 2 网页布局实例网页布局实例 封面型结构子项目子项目3 3 网页布局注意事项网页布局注意事项 1.平衡性2.对称性3.对比性4.疏密度5.反复性6.韵律感7.颜色搭配子项目子项目4 4 画出网页布局草图画出网页布局草图项目项目2 2 使用表格规划网页布局使用表格规划网页布局 子项目子项目1 1 在网页中插入表格在网页中插入表格 在网页中单击鼠标,确定光标的位置
4、。然后单击“插入”菜单,选择“表格”命令,输入行、列的值。子项目子项目1 1 在网页中插入表格在网页中插入表格 表格的高度和宽度是可以改变的。将鼠标指针移动到框线上,当鼠标指针改变时,拖动鼠标到合适的位置然后松开就可以了。子项目子项目2 2 制作不规则表格制作不规则表格 1.添加新行、新列添加新行、新列使光标出现在表格某行中。然后单击鼠标右键打开快捷菜单,移动鼠标指针到快捷菜单的“表格”上使之弹出子菜单,在子菜单中单击“插入行”,则插入一行。子项目子项目2 2 制作不规则表格制作不规则表格 2.删除行或列删除行或列首先单击鼠标,使光标出现在被删除行中。然后单击鼠标右键打开快捷菜单,移动鼠标指针
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第3章 网页的布局教学课件 网页制作基础教程Dreamweaver CS6 第2版 网页 布局 教学 课件 制作 基础教程 Dreamweaver
链接地址:https://www.deliwenku.com/p-90569692.html
限制150内