欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > DIV+CSS模块 >

DIV+CSS布局流程小结

 

给大家分享下 DIV CSS布局流程

DIV CSS布局流程小结

CSS代码布局

第一步骤:分析网页美工图

第二步骤:建立项目文件夹(包括用于放图片、CSS文件、JS文件等文件夹)

为了节约时间推荐使用thinkcss初始化模板,直接解压即可使用。

第三步骤:PS软件切出图片素材(可以先切出一部分图片素材,待布局中再根据需求再切出需要图片素材)

第四步骤:将先切出图片放入images文件夹中,包括布局中切出图片依然放入此文件夹中

以下操作中ThinkCSS初始化模板基础上进行。

第五步骤:修改初始化模板HTML文件与CSS文件,将对应文件代码修改调整为当前项目实用的,比如背景、文字大小、文字颜色、超链接文字颜色等CSS样式。

第六步骤:根据分析 从头到尾开始 着手布局,一般布局时推荐布局时注意测试HTML兼容性,再继续布局,直到布局完成HTML。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/template/m50492.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-06-22 08:33 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。