本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html
最新的中国网民电脑分辨率统计情况显示95%的用户在1280以上，一些用户数较多的电商网站最大宽度一般也为1190或1200，如淘宝、天猫、京东…网页宽度为1200将会成为主流，当然现在很多网站为响应式网站可以适应多种分辨率了。
一个好的网站是一个有效的销售工具，它能够吸引更多的网民的注意。就好像一篇好的文章或者广告，他必须首先引起读者的兴趣，然后引导他们去做出某种行为。因此，不能忽视网站主页面的重要性，否则，网站让浏览者会很快失去兴趣。这样的网站，有可能赢得很高的点击率，但却不能制造预期般的回应，更不用说让网民着迷，进入下一级页面了。 与此类似，一个成功的网站也有几点要素。下面是设…
前端工程师应该具备怎样的能力和素质？ 技术功底、技术视野、技术追求 除了开发业务功能外，还需要对开发规范、工程化、组件化、模块化、测试、设计模式有一定的认知和实践 沟通表达能力、书面表达能力、总结复盘习惯 全局思维、抽象思维、持续交付意识 项目一号位担当，团队协作意识 综合权衡：成本、效率、质量、风险、体验 关注产品、设计、商业等各个领域。交叉学科会带来更多…
中国具有五千年文字历史，文字中所包涵的精髓，值得每一位设计师学习、继承与探究。设计师需要熟悉各种字体的风格特征，并能灵活运用字体进行编排设计，才能使作品的内容更清晰、更有条理地传达给读者。
微信扫一扫 
支付宝扫一扫 
