DIV+CSS网页制作开发流程简明介绍

开发 前端
本文向大家描述一下DIV+CSS网页制作的流程,相信新入门想学习DIV+CSS网页制作的很多朋友究竟怎样学习DIV+CSS这个问题,那么从这里你就能找到答案。

你对DIV+CSS网页制作的流程是否熟悉,这里和大家简单分享一下,相信本文介绍可以给大家带来帮助和参考,让新手在制作学习中少走弯路。

DIV+CSS网页制作的流程

相信新入门想学习DIV+CSS网页制作的很多朋友都有个问题,究竟怎样学习DIV+CSS呢?学习网页制作的流程是怎么样的呢?好了下面就来介绍下根据我的经验理出来的学习制作经验,希望给大家带来帮助和参考,让新手在制作学习中少走弯路。

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

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

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

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

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

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

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

7、考虑和认识W3C认证。

如果对CSS属性不了解及清楚用法可进入CSS在线手册查询。

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

一、有网页效果图

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

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

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

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

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

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

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

二、无网页效果图

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

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

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

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

以上是DIVCSS总结的一点点经验,希望对初学者学习网页能有帮助!

【编辑推荐】

  1. DIV CSS网页布局需要掌握的八大技巧
  2. 实例解析CSS padding 属性用法
  3. 探究IE和Firefox下的2款HTTP调试工具用法
  4. 解读Div CSS网页布局对SEO的四大影响
  5. 实现IE6、IE7、IE8多版本浏览器共存的五种方法

 

责任编辑:佚名 来源: divcss5.com
相关推荐

2010-08-16 09:19:04

DIVCSS

2010-09-14 10:55:14

DIV CSS网页制作

2010-08-16 13:17:47

DIV+CSS

2010-09-08 16:09:52

DIV+CSS

2010-09-03 10:58:45

DIVCSS

2010-08-17 13:28:31

DIVCSS

2010-08-23 11:08:28

DIV+CSS

2010-08-23 09:59:16

DIV+CSSSEO

2010-08-27 13:46:58

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-08-24 13:01:13

DIV+CSS

2010-08-16 14:18:49

DIV+CSS

2009-03-11 11:39:54

CSSJavascriptSEO

2010-08-24 11:34:37

DIV+CSS

2010-08-27 17:41:03

DIV+CSS

2010-08-25 09:11:57

DIVCSS

2010-08-16 09:56:05

DivCSS

2010-08-30 11:14:39

DIVCSS

2010-08-24 12:33:57

DIVCSS

2010-09-01 10:42:11

DIV+CSS
点赞
收藏

51CTO技术栈公众号