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