网页美工-网页布局设计.pptVIP

小结 需要的只是一点时间 澄净心虑 放松心情 需要的只是一点时间 澄净心虑 放松心情 需要的只是一段插曲 体验新鲜 获得灵感 需要的只是一段插曲 体验新鲜 获得灵感 读书 发呆 午休 聊天 逛街 谢 谢！ 网站美工 * 课程重点 、难点 项目重点、难点 网页布局元素 网页布局原则 网页布局版式欣赏 重点 1 合理应用网页元素 2 选择恰当的布局 3 经典布局赏析 4 实战演练 5 作业 授课内容 案例2 选择恰当的布局 LOGO和公司名 案例2 选择恰当的布局 网页是供千千万万的浏览者浏览的，他们使用的计算机可能千差万别，所用的浏览器的类型与版本也有许多类别。因此，在开始设计网页之前，我们需要了解一些约定俗成的标准或访问者的浏览习惯。怎样才能让我们把网页内容设计的更好、更能吸引浏览者的眼球。 选择恰当的布局 案例2 分析 思考：下面两个主页给我们什么样的感觉？ 案例2 分析 思考：下面两个主页给我们什么样的感觉？ 案例2 分析 分享： 内容乱无章； 链接不显眼； 整体不集中，色彩使用过多； 不专业。 案例2 选择恰当的布局 学习经验分享： 告诉你一些网页布局应遵循的基本原则。 案例2 选择恰当的布局 案例2 选择恰当的布局 页面尺寸和显示器大小及分辨率有关系。 单位：像素 选择恰当的布局 1、 页面尺寸 分辨率 页面尺寸 800×600 780×428 1024×768 1007×600 案例2 选择恰当的布局 1、 页面尺寸 建议： 不要让浏览者向下拖动页面超过三屏。 不要出现水平滚动条。 案例2 选择恰当的布局 网页的整体形象，图形与文本的结合应该是层叠有序的。虽然浏览器是矩形的，但对于页面的造型，你可以充分运用自然界中的其他形状以及它们的组合： 选择恰当的布局 2、 整体造型 不同形状代表的意义 矩形设计 圆形设计 三角形设计 请你上网查一查？ 案例2 选择恰当的布局 页眉也称为页头，其作用是定义网页的主题。例如，网站的名称通常都放在页眉中。 页眉是整个 网页设计的关键，它将牵涉到下面的更多设计和整个网页的协调性。 选择恰当的布局 3、 页眉 案例2 选择恰当的布局 3、 页眉 案例2 选择恰当的布局 3、 页眉 页眉设计 案例2 选择恰当的布局 文本在网页中出现都以行或者段落出现，决定着整个网页布局的可视性。 选择恰当的布局 4、 文本 4、 文本 案例2 选择恰当的布局 页脚和页眉相呼应。页眉是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。基本上网页的制作信息都放置在页脚。 选择恰当的布局 5、 页脚 5、 页脚 页脚的内容 案例2 选择恰当的布局 图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置是整个网页布局的关键，而一个网页的布局是否合理也将体现于此。 选择恰当的布局 6、 图片 6、 图片 案例2 选择恰当的布局 网页中还可以添加声音、动画、视频等其他媒体。在设计 选择恰当的布局 7、多媒体 课程预习： 经典布局赏析 1、根据所学知识，绘制网页页眉 作 业 网站美工 *