div+css怎么制作网页?

div+css怎么制作网页?下面本篇文章给大家简单介绍一下DIV+CSS(网页重构)网页制作开发流程。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

制作网页开始时候需要认识和了解知识:

1、了解html基础语言及结构,及能运用;

2、了解DIV+CSS属性,了解ID与class区别及用法,了解掌握常用CSS属性,CSS盒子结构;

3、了解CSS在页面中运用-css引入;

4、了解程序插入程序循环(制作网页模板关键);

5、了解Adobe Photoshop CS,并且掌握Adobe Photoshop CS对PSD、PNG、GIF、JPG图片格式存储和图片切图,图片输出等-div css开发工具;

6、待到一定阶段就要考虑和认识DIV+CSS制作出的网页,在各浏览器中兼容问题及解决兼容方法,了解css hack;

7、考虑和认识W3C认证。

DIV+CSS(网页重构)网页制作开发流程

一、有网页效果图

1、分析网页效果图、找出效果图结构规律;

2、Photoshop图片处理去掉无效果的文字、文章;

3、在Photoshop把图片切成较小的GIF、JPG或PNG格式图片,根据网页效果来选择图片格式类型;

4、图片切完了紧接着就开始创建网页的文件夹、CSS文件、HTML文件(imges - 图片文件夹、CSS -CSS文件夹、html文件直接放到网站根目录下);

5、开始创建html文件与CSS文件,这里可以用每次新开发的网页模板(CSS模板与html模板);

6、根据网页图片效果图制作开发网页(在制作中要调试和检查兼容);

7、最后完工后重新检测和检查网页在各个浏览器兼容等。

二、无网页效果图

1、开始创建html文件与CSS文件,这里可以用每次新开发的网页模板(CSS与html模板);

2、分析自己想要制作网页结构等;

3、根据自己想法来制作开发网页(在制作中要调试和检查兼容);

4、最后完工后重新检测和检查网页在各个浏览器兼容等。

更多web前端知识,请查阅 HTML中文网 !!

以上就是div+css怎么制作网页?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏