太平洋汽车网 | 太平洋游戏网 | 太平洋女性网 | 太平洋亲子网 | PC购物网  网站地图  
太平洋电脑网
首    页
产业资讯
行情报价产品库
数据调研评测室
服 务 器网络设备
方案应用办公设备
软件资讯产品论坛PCclub社区
下载中心软件论坛摄影部落
渠道商情通信游戏科技奥运
图库二手招聘培训
diyDIY硬件 手机手  机 笔记本笔记本 台式机台式机

数码世界

数码相机数码相机 随身听MP3/MP4 摄像机摄像机 数字家电数字家电 精品廊精品廊
北京 上海 广州 深圳 香港 广西 重庆 武汉 山东 江苏 辽宁 福建 成都 西安 江西 湖南 黑龙江 台湾
 
 
   
软件 首页 | 资讯 | 应用 | 评测 | 教你学电脑 | 信息安全 | 创意设计 | 开发特区 | 软件下载 | 专题 | 社区
 
软件 特色专区: QQ大本营 | Vista专区 | msn总动员 | 组网专栏 | Photoshop | 视频专栏 | 常用软件
 
您现在的位置: 软件资讯  >  创意设计  >  网站设计  >  其它

CSS教程:十步学会用css建站

[ 2008-12-09 09:59:24 ] 作者:中国教程网 Jorux 责任编辑:zengxiaolan

导 读  
  本例介绍了如何使用CSS建站,希望能给初学者带来帮助~~

  本篇已得到原作者 Steve Dennis 的翻译准予,在此Jorux表示感谢!
  本教程主要参考 Creating a CSS Layout from scratch ,由Jorux翻译,以意译为主,其间加入了不少Jorux的个人观点,省略了一些多余的说明,请读者明鉴。

  规划网站

  首先需要规划网站,本教程将以下图为例构建网站。

CSS教程:十步学会用css建站
图1

  其基本布局见下图:

CSS教程:十步学会用css建站
图2

  主要由五个部分构成:
  1. Main Navigation 导航条,具有按钮特效。
  Width: 760px Height: 50px
  2. Header 网站头部图标,包含网站的logo和站名。
  Width: 760px Height: 150px
  3. Content 网站的主要内容。
  Width: 480px Height: Changes depending on content
  4. Sidebar 边框,一些附加信息。
  Width: 280px Height: Changes depending on
  5. Footer 网站底栏,包含版权信息等。
  Width: 760px Height: 66px

本文导航
第1页:十步学会用css建站(1)
第2页:十步学会用css建站(2)
第3页:十步学会用css建站(3)
第4页:十步学会用css建站(4)
第5页:十步学会用css建站(5)
第6页:十步学会用css建站(6)
第7页:十步学会用css建站(7)
第8页:十步学会用css建站(8)

前一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页
下一篇:中国风!Illustrator制作青花盘子
 今日论坛热贴推荐
·潮流涂鸦设计欣赏
·让你人喷血的平面创意广告
·让你过目难忘的天才广告设计
·超级有创意 又见霹雳的卫生间标志
·有想法 网络再现“人书合一”
·潮流涂鸦设计欣赏(2)  
·PS制作漂亮的绿色水晶花纹立方体
·MSN爆强签名TOP50!
·赞!很有创意的恶搞图片
·好吸引人眼球的U盘
更多资讯请点击: CSS教程  网站  网页  CSS 

  发给好友 我要报错 投稿给我们 加入收藏 返回顶部  
相关文章  
·层叠样式表CSS入门至精通视频教程 [2008-09-06]
·美18岁少女打拼成亿万富姐 [2008-08-19]
·互联网站总量:1.72亿活跃网站只占四成 [2008-07-08]
·专家提醒:别让网站留下低级漏洞 [2008-04-15]
·简单易行 轻松挖出恶意网站中藏的病毒 [2008-03-06]
·春节自助游,软件也来全程帮你忙 [2008-01-25]
·利用天雁Web服务器系统创建自己的网站服务器 [2007-11-12]
·新兴网站的技术趋势是Apache和MySQL [2007-10-23]

About Us | 关于我们 | 隐私政策 | 广告服务 | 联系我们 | 招聘精英 | 网站律师 | 合作联系 | 友情链接
太平洋专业网站群:  太平洋电脑网 ┊ 太平洋汽车网 ┊ 太平洋游戏网 ┊ 太平洋女性网 ┊ 太平洋亲子网

广东省通信管理局
ICP证粤B2-20040647
互联网清理整顿
技术支持与报障:support@pconline.com.cn
        020-87568837         
对本站有任何建议、意见或投诉,请点这里在线提交.
本网站简体、繁体两种版本,以简体版为准
PConline版权所有,未经授权禁止转载、摘编、复制或建立镜像.如有违反,追究法律责任