第二章 网页制作,第一节 规划网站,学习目标,1、了解网站、网页、主页之间的关系； 2、了解网页规划的大体步骤及选择主题、设置栏目的有关知识； 3、了解网页总体布局的重要性； 4、能够选择合适的主题并合理布局网页结构。,网站首页,任务一,打开360浏览器，观察与思考问题：谈谈对网站、网页、主页的理解及三者之间的关系。,任务二,自学书本P54-56页内容，分析网站制作的一般步骤，及确定网站主题时应注意的原则。,目标定位,1.主题确定2.资料的收集、整理 3.网站的风格（颜色、栏目）-网站布局,网页布局,以最适合浏览的方式将图片和文字摆放在页面的不同位置。网页布局的基本原理是共通的，只要领会要点，就能够举一反三。,创作阶段打草稿,新建的页面就像一张白纸，没有任何表格、框架和约定俗成的东西，我们可以任意发挥自己的想象力，把想到的“景象”画上去（建议用一张白纸和一支铅笔，这属于创作阶段，不讲究细腻工整，不必考虑细节功能，只以粗略的线条勾画出创意的轮廓即可。尽可能多画几张，最后选定一个满意的作为继续创作的脚本。,布局的草稿,粗略布局,在草稿的基础上将确定需要放置的功能模块安排到页面上。遵循突出重点、平衡谐调的原则，将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置上，然后再考虑次要模块的排放。 一般情况下，将网站的LOGO、导航条等元素放在屏幕左边显眼的位置上，访问者在浏览网页时可以对网站内容一目了然。,“星火网”首页的粗略布局图,最终定案,将粗略布局精细化，具体化。凭借智慧和经验，多方联想，才能做出具有创意的布局。,“星火网”首页的最终定案图,全景式布局,全景式分散排列多张图片，看起来就像在瞭望台上看全景画，访问者可以自由、闲庭信步地参与进来。,包围式布局,包围式布局的基本思路是页面四周用色块或图案包围起来，以便产生一个被限定的世界。如果色块或图案是深重的颜色，则表示这个范围拒绝他人入侵，如果是浅色调，则表示这是一个柔和的世界。,包围式布局,对称式布局,对称式布局的基本思路是以中心线为基准，左右对称，是一种格调高雅的安定型版式。,单侧对齐式布局,单侧对齐式布局的基本思路是以左则对齐为基调，将右侧散开，一般用在追求理智和自由感适当的平衡场合，既暗示了页面的格调，也传达了自由的气氛。,卫星式布局,卫星式以指太阳为中心的卫星环绕型，传递出家庭的印象，让访问者沉浸在可以自由参与的开放感中。,散开式布局,散开式具有山水画般的自由和优雅，不同的国家，在散开式的构成设计上有不同特征，西方人讲究左右平衡，日本以追求典雅感为目的。,照片组合式布局,一张照片单独看起来可能无趣，但在一组照片组合之后就可能产生了新的情趣，照片组合式与全景式共同创造出一种自发来去自由的轻松气氛。,试一试,1、结合自己的兴趣，确定网站的主题，并利用表格规划这个网站的布局与栏目。（借鉴教材P56页结构）2、搜集相应的素材保存到计算机上。,Thank you !,