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