本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html
标准红色的RGB值分别是255、0、0。红色在网络上出现的频率可以说是比较高的，无论是传达吉庆的信息还是商业上的应用，是一种极具有表现力的色彩。 红色容易让人联想到太阳、热血、婚姻、喜庆，给人的感觉当然富有吉祥、吉祥、活力、激动、火暴等寓意。 如图所示： 图 红色基调 红色的波长最长，穿透力最强，感知度也最高。 它经常用来表现太阳、火焰、热血、花卉等，具有积…
今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分，会让你的WEB前端设计工作事半功倍，您离一个优秀的前端设计师也就不远了~~ 原前端开发网（w3cfuns）开发，让前端开发变得更简单，exe文件只有1.67MB，点击直接运行，不需要安装，很方便。 功能：正则表达式、代码压缩、雪碧图制作、json格式化等，如果你经常在没有网络的办公环境…
接到一个网站开发项目怎么去完成？ 今天125建站网给大家讲解开发一个网站有哪些流程，学过软件工程中瀑布模型的童鞋可能感觉会很熟悉。 网站的开发流程 【网站需求分析】⇓【制定网站建设方案】⇓【网站制作计划】⇓【页面设计和程序开发】⇓【网站测试】⇓【发布网站】⇓【推广和维护】 网站需求分析： 不管是对个人网站还是商业网站，网站需求分析都是很重要的。比如要为一个公…
是否符合网站建设规范（10分） 包括文件名、目录、代码、选择器命名、有无适当的注释等。 主题突出（10分） 全站围绕一个主题及其周边内容进行建设，不存在和主题不相关的其他信息。 内容丰富、完整，工作量饱满（20分） 内容健康、积极向上，具有可读性、艺术性。设计思路清晰，明确表达设计意图。网站页面数量要求包含至少一个主页和四个或以上的二级页面、三级页面。每页页…
微信扫一扫 
支付宝扫一扫 
