本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html
“黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体，前 6 款为各大品牌开发的黑体字型，后 7 款是在传统黑体上进行设计改造，形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅，显示效果优秀，可以满足不同场景下的文字显示需求。由于字…
一般盗链分为文件盗链和图片盗链两种。如果您网站上的音乐、视频、flash、压缩包文件、图片等，被其它网站大量的复制、盗用，会对自己网站产生大量的无效流量并对网站服务器造成很大的压力，所以很多网站都会设置防盗链,防止别人盗用自己网站的图片、音视频或下载文件资源。 今天中国网页设计给大家分享网站图片、文件防盗链的方法，对网站站长有很大帮助。 1、Windows主…
做个网站，从几百，到上万，为什么价格差别那么大？ 现在市面上的建站公司有很多，实力不同，使网站质量也参差不齐。地方不同，团队不同，规模不同，网站报价又各不相同。网站是由域名、服务器、程序组成，一样的东西放在不同的建站公司里，价格也变化很大。今天，125网页设计给大家解析：为什么做个网站，价格差别那么大？ 一、网站程序 制作网站分为使用模板与定制开发两种。相关…
网页常用特殊符号大全-最全的网页制作特殊符号。在做网页时经常会用到一些特殊符号，本文汇总了所有常用网页制作时用到的特殊符号包括18禁、爱心符号、货币符号、箭头符号、日语字符、 皇冠符号、emoji符号等。
配色对一个网站的来说非常重要，优秀的网页配色不是单纯好看就行了，颜色是有功能和目的的，需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时，你要清清楚楚的知道，你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等，都应该作为选色的考量因素。 但网页配色更多的需要大量的实践去体会。简单来说…
微信扫一扫 
支付宝扫一扫 
