本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
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+1>2 的视觉效果。 色彩的特征…
1. 学好HTML和CSS编程 这是网页设计中最基础，也是最重要的部分。《web前端开发学习路线》 2. 清晰的导航 导航栏是页面中最重要的部分，因为它是用户使用网站最主要的途径。通过使用简单清晰的导航栏，可以提升网站的易用性，还可以减少用户在寻找自己需要的内容时遇到的麻烦。 3. 高质量的图片 高质量的图片，能大大提升网站的逼格。图片应当辅助你的设计来推销…
125网页设计今天给大家推荐几个毛笔字生成器，毛笔字在线生成网站： http://www.51poca.com/ http://www.epinv.com/online/ http://www.akuziti.com/mb/ 毛笔字改造使用方法 将下载下来的字体图片AI转路径，编辑文字。 首先使用在线生成器输入选择好你需要的文字字形，将文字图片拖至AI中。 …
微信扫一扫 
支付宝扫一扫 
