一、首先根据网页设计图拆分网页的整体结构

二、在html页面用DIV划分出结构块

三、再根据设计图在各个大<DIV>块中加入对应的小<DIV>块或者段落<P>,表单<form>,表格<table>,菜单(用css制作的菜单(项目列表)),标题<h3>,<h4>等。

四、模块拆分、页面的整体框架有了大体设计之后,对各个模块进行分别的处理,最后再统一整合。这也是设计制作网站的通常步骤,养成良好的设计习惯便可孰能生巧。

五、用css调整HTML中模块的位置效果,事页面达到设计图上的整体效果

最新文章

  1. IE8下String的Trim()方法失效的解决方案
  2. PHP函数整理(一)
  3. XAF 如何基于业务规则禁用属性
  4. Servlet生命周期中的service方法分析
  5. function的prototype
  6. 【C#学习笔记】改变字体
  7. In machine learning, is more data always better than better algorithms?
  8. BFS和DFS详解
  9. mysql索引类型-形式-使用时机-不足之处--注意事项
  10. 从redis中取值如果不存在设置值,使用Redisson分布式锁【我】
  11. tomcat的下载与安装
  12. hive笔记:转义字符的使用
  13. 莫烦theano学习自修第二天【激励函数】
  14. The thumbprint of same asymmetric key is not same in &#39;SQL Server Connector for Microsoft Azure Key Vault&#39; 1.0.4.0 and &#39;SQL Server Connector for Microsoft Azure Key
  15. css实现按钮固定在底部
  16. (Review cs231n) The Gradient Calculation of Neural Network
  17. msdn
  18. PHP字符转码
  19. CTSC2012-Cheat
  20. 关于setInterval()定时

热门文章

  1. js AES对称加密 16进制和base64格式
  2. 2189 数字三角形W
  3. 更改shell
  4. Azure 8 月新公布
  5. JS 语言基础
  6. How to install Eclipse?
  7. (三)mybatis之对Hibernate初了解
  8. iOS的设计备忘录/资源集合(新手快速开发)
  9. python在d盘,robotframework引入seleniumlibrary报错
  10. 【转】CPU个数,核心数,线程数