本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html
文字、文本排版是日常网站设计工作中经常用到，看似简单的文字，实际上排版也是很有讲究。 1. 了解字体的性格 每个字体都有性格，人们比较喜欢一些有特色的东西。那么这些被喜欢的存在什么规则呢，了解你的目标人群，知道你文档的用途，选择一类字体，使用你的目标人群所期望的字体，是你的文档的用途所需要的字体。 更多请阅读：网页设计字体篇：字体的性格 2. 避免使用默认字…
三点透视是一种绘图方法，一般用于超高层建筑，俯瞰图或仰视图。第三个消失点必须和画面保持垂直的主视线，必须使其和视角的二等分线保持一致。 (二点透视）就是把立方体画到画面上，立方体的四个面相对于画面倾斜成一定角度时，往纵深平行的直线产生了两个消失点。 建筑绘画的两点透视要比三点透视还要难以掌控，Anatoly Reza Pahlevi 为我们展示了他的独门绝技…
1、明确和突出的品牌设计 优秀的网站设计师会将品牌的色彩、设计元素贯穿到整个网站的设计中。 2、抢眼独到的头条 网站要有强大的内容支撑。 首页是网站的脸，头条是这个网站的眼! 头条要抢眼，干脆，直击用户，在网页上要一目了然，是视觉焦点。清晰的排版和易于浏览的头条文章，是必须要有的。 3、有阶梯层级的导航 导航设计要简化，给人以“专业”的感觉。尽量让体验顺滑流…
蓝色既代表着忧郁，又代表着温柔，它和白色混合之后，还能体现柔顺、淡雅、浪漫的氛围，像天空的色彩~蓝的种类也有很多，克莱因蓝是备受设计师喜爱的一种，也是最经典的一种，而且蓝色是最具凉爽、清新、专业的颜色，今天125建站网给大家分享9种不同的蓝色，你更喜欢哪一种呢？
网页设计中的细节通常是束缚我们想像和内容设置的枷锁。要提升网页设计品质，特别是活动或专题页面的视觉效果，请学习网页设计师必须知道的设计技巧：减法、分块、加法。 1.减法 网页设计中原先的细节经常是束缚我们想像和内容设置的枷锁。保留梁柱和承重墙是必需的，这便是我们在网页设计方法中提到的特征。 2.分块 在功能划分前，进行网页分区前所要做的信息消化。比如我们希望…
微信扫一扫 
支付宝扫一扫 
