1.2 网页布局设计与色彩搭配 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（机械工业出版社）

网页设计与制作 第一章 网页与网站的基础知识 网页设计是一门综合技术，在制作网页之前应该了解网页的基础知识，同时还应掌握Dreamweaver CS5.5设计平台的工作界面结构以及各个部分所能完成的基本功能。 1.2 网页布局设计与色彩搭配 1.2.1 网页版面布局的原则和方法 1. 网页版面布局的原则 （1）重点突出 （2）平衡协调 （3）图文并茂 （4）简洁清晰 1.2 网页布局设计与色彩搭配 1.2.1 网页版面布局的原则和方法 2. 网页版面布局的方法 （1）手绘布局 （2）软件绘图布局 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 1. 传统“T”型布局 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 2. 上下对照式布局 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 3. “上中下”“三”字布局 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 4. 左右对称型布局 8 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 5．“同”字型布局 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 6．“回”字型结构布局 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 7．“匡”字型结构布局 1.2 网页布局设计与色彩搭配 1.2.2 网页布局的结构形式 8. 自由式结构布局 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 1. 红色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 1. 红色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 2. 橙色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 2. 橙色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 3. 黄色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 3. 黄色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 4. 绿色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 4. 绿色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 5. 蓝色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 5. 蓝色 22 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 6. 紫色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 6. 紫色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 7. 黑色与白色 1.2 网页布局设计与色彩搭配 1.2.3 网页配色基础 7. 黑色与白色 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 1. 资讯类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 2. 电子商务类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 3. 互动游戏类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 4. 教育类网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 5. 功能性网站 1.2 网页布局设计与色彩搭配 1.2.4 网站布局特点 6. 综合性网站 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 1.2 网页布局设计与色彩搭配 1.2.5 经典网页欣赏 Thank You ! $