本次网页制作的效果图如上图所示，分析一下该图，我们不难发现，图片大致分为以下几个部分：
1、顶部部分，其中又包括了LOGO、MENU和一幅Banner图片；
2、内容部分又可分为侧边栏、主体内容；
3、底部，包括一些版权信息。
有了以上的分析，我们就可以很容易的布局了，我们设计层如下图:
根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：
│body {} /*这是一个HTML元素，具体我就不说明了*/
└#Container {} /*页面层容器*/
├#Header {} /*页面头部*/
├#PageBody {} /*页面主体*/
│ ├#Sidebar {} /*侧边栏*/
│ └#MainBody {} /*主体内容*/
└#Footer {} /*页面底部*/
至此，页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2371.html
Android SDK模拟机的尺寸 屏幕大小 低密度（120） 中等密度（160） 高密度（240） 超高密度（320） 小屏幕 QVGA（240×320） 480×640 普通屏幕 WQVGA400（240×400） WQVGA432（240×432） HVGA（320×480） WVGA800（480×800） WVGA854（480×854） 600×…
三点透视是一种绘图方法，一般用于超高层建筑，俯瞰图或仰视图。第三个消失点必须和画面保持垂直的主视线，必须使其和视角的二等分线保持一致。 (二点透视）就是把立方体画到画面上，立方体的四个面相对于画面倾斜成一定角度时，往纵深平行的直线产生了两个消失点。 建筑绘画的两点透视要比三点透视还要难以掌控，Anatoly Reza Pahlevi 为我们展示了他的独门绝技…
【时间要求】 2 学时（ 45 分钟× 2=90 分钟） 【上机内容】 使用DIV+CSS制作网页——个人站点制作 【上机目的】 1、 掌握CSS盒模型 2、掌握网页元素的定位 3、掌握DIV+CSS布局的方法和技巧 【上机重点】 1 、网页元素的定位 2、DIV+CSS布局的方法和技巧 【上机难点】从表格布局向DIV+CSS布局的转变 【上机教学方法】 1…
推荐：如何制作网页，网站制作流程 HTML（超文本标记语言）：HTML是用于构建网页结构的标记语言。你需要学习HTML标签、属性和元素的使用，了解如何创建网页的基本结构、标题、段落、链接、图像等。推荐学习：Html入门教程（零基础）、跟永哥学HTML5 CSS（层叠样式表）：CSS用于为网页添加样式和布局。你需要学习CSS选择器、属性和值的使用，了解如何设置…
前端工程师应该具备怎样的能力和素质？ 技术功底、技术视野、技术追求 除了开发业务功能外，还需要对开发规范、工程化、组件化、模块化、测试、设计模式有一定的认知和实践 沟通表达能力、书面表达能力、总结复盘习惯 全局思维、抽象思维、持续交付意识 项目一号位担当，团队协作意识 综合权衡：成本、效率、质量、风险、体验 关注产品、设计、商业等各个领域。交叉学科会带来更多…
微信扫一扫 
支付宝扫一扫 
