本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html
色彩基础知识 光与色彩 色彩三要素 色彩的冷暖 色彩深度 光与色彩 1666年，牛頓以三棱镜分解太阳光，发現看似无色的光线，经过三棱镜時，会依其波长和折射关系， 依序分为紅、橙、黃、绿、青、蓝、紫七色光。 光的物理性质：波长：产生色相的区別波长短的偏蓝，波长长的偏红振幅：产生明暗的区別振幅大的偏亮，振幅小的偏暗 【练习】哪一個较偏蓝？以下哪一個较亮？ 人类…
对于视觉次序（视觉层次）的营造是每个设计师所必须精通的，无论是海报设计还是页面设计，从整体来看总会有强弱、主次之分，因为有了视觉上的变化，才使得整体更富有层次感；当用户在浏览信息很多的网页时，作为设计师要做到：即使用户只是简单的浏览，也要有能在用户脑海中形成记忆的视觉元素，而这些元素就是视觉中的主，而当用户仔细阅读时才能记忆到的元素才是视觉上的次；从局部来说…
做个网站，从几百，到上万，为什么价格差别那么大？ 现在市面上的建站公司有很多，实力不同，使网站质量也参差不齐。地方不同，团队不同，规模不同，网站报价又各不相同。网站是由域名、服务器、程序组成，一样的东西放在不同的建站公司里，价格也变化很大。今天，125网页设计给大家解析：为什么做个网站，价格差别那么大？ 一、网站程序 制作网站分为使用模板与定制开发两种。相关…
个人如何制作网站应该从以下几个方面展开： 1、确定网站的题材 网站题材就是网站的主题，你的网站是干什么的。如电影网站、小说网站等。 首先要明确，选择自己擅长和喜爱的题材，其次切忌题材太滥或者目标太高。 2、确定题材后，就要将收集到的资料内容作一个合理的编排 比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，…
今天给大家分享的是网站前端开发常用工具及网址。 掌握了这些工具中的大部分，会让你的WEB前端设计工作事半功倍，您离一个优秀的前端设计师也就不远了~~ 原前端开发网（w3cfuns）开发，让前端开发变得更简单，exe文件只有1.67MB，点击直接运行，不需要安装，很方便。 功能：正则表达式、代码压缩、雪碧图制作、json格式化等，如果你经常在没有网络的办公环境…
微信扫一扫 
支付宝扫一扫 
