企业网站制作超简单教程第一篇:页面布局构思

作者:Davidszhou   来源:SEO优化博客   时间:2015-04-19 10:25:24   点击:

    帝国CMS系统,自己对于帝国CMS系统的使用比较熟悉,也经常使用帝国CMS制作一些企业站。对于帝国CMS的一些好处等等不在多废话,自己给自己定位算是一个进阶的小白。
    这篇文章主要写使用DIV和层叠样式表CSS制作一个简单的企业网站。对于美工我自己对自己都不敢恭维,一个字:丑!哈哈哈!
    DIV+CSS纯粹的是自己自学的!个人觉得熟练使用float:left;真的是“走遍天下都不怕”。
    企业网站建设,我一般都是先写首页,先在心里构思一下我的首页要做成什么样的?使用什么主色调?页面布局现在纸上画出来比较好,也有的人会先用图片工具(比如Photoshop)画出来,然后在切图。由于在于这点我是个菜!一般都是使用Dreamweaver直接写代码,然后需要什么素材,尽量使用CSS实现或者使用Photoshop制作出来,使用CSS调用。

<a href=http://www.zongk.com/ target=_blank class=infotextkey>企业网站建设</a>
    最简单的一些企业站布局应该如上图:
    1、公司logo;2、网站导航;3、banner图;4、左侧的产品列表;5、公司的联系方式;6:、公司简介;7、产品中心;8、页面底部的版权信息备案号等
    一个简单的企业网站,应该主要包含这些信息,思路分析布局DIV写法如下图:

企业网站建设
    不知道你能不能看明白,我圈的图,红圈是一个DIV,蓝圈是包含在红圈内的DIV,青圈是包含在蓝圈内的DIV。
    好,布局思路到这里算结束了。那么什么是DIV?DIV个人理解就想一个盒子一样,一个页面就像一个仓库,页面里每一个图片,一段文字,就装在一个盒子里面,把盒子放在仓库的不同位置,就是在给这个仓库布局。
    这里是第一篇:企业网站制作之页面布局构思。
    第二篇预告:
    重点:选择符{float:left;},float浮动,让这个DIV靠左浮动。

TAGS:企业网站建设 , 页面布局 , 教程

来自Davids zhou博客原创文章请尊重作者:http://www.zongk.com/zongk/38.html转载请标注此链接

七日热点
热力推荐
网站统计
文章总数:126
今天发布:1
软件资源数:17