网页设计与制作项目实训教程 教学课件 作者 严加琼 曾金发 项目1.pptVIP

项目1 优秀网站赏析 1.1 项目描述 在学习创建网站、制作网页之前，请先欣赏几个优秀的网站，对这些网站的主页进行分析，了解优秀网页的布局结构、色彩搭配、导航栏的设计、动画效果等，为学习制作网页奠定基础。 1.2 知识储备 1.2.1 网页的布局结构 1.2.2 网页的色彩搭配 1.2.3 网站的分类 1.2知识储备 1.2.1 网页的布局结构 1.什么是布局 “布局”是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要，并可以在结构外观上令用户感到舒服。 2.网页布局的类型 在进行网页布局之前，首先要明确页面布局设计成何种类型，常见的网页布局类型有：“国”字型布局、“厂”字型布局、 “封面”型布局、“flash”型布局等。 （1）“国”字型布局 　又称为“同”字型布局，即最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，左右分别列出一些栏目，中间是主要部分，最下面是网站的一些基本信息、联系方式、版权声明等，这种结构是一些大中型网站常用的布局类型。 这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。如图1-1所示网页采用的是“国”字型布局。 （2）“厂”字型布局 也称拐角型，指页面顶部为横条网站标志加广告条，下方左面为主菜单，右面显示内容的布局，