网站导航免费论文 原创论文 论文搜索 作业答案 网学软件 学术大家 资料中心 会员中心 问题解答 定作论文 论文素材 设计下载 最新论文 下载排行 论文上传 在线投稿 联系我们
返回网学首页
最新论文 推荐专题 热门论文 素材专题
当前位置: 网学 > 设计资源 > DIVCSS技术 > 正文
学习DIV+CSS网页制作的流程及如何学习CSS?
来源:Http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 佚名 来源: 网络 发布时间: 10/08/22

学习DIV+CSS网页制作的流程及如何学习CSS?

相信新入门想学习DIV+CSS网页制作的很多朋友都有个问题,究竟怎样学习DIV+CSS呢?学习网页制作的流程是怎么样的呢?

copyright myeducs.cn 网学

好了下面就来介绍下根据我的经验理出来的学习制作经验,希望给大家带来帮助和参考,让新手在制作学习中少走弯路。

制作网页开始时候需要认识和了解知识:
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;

copyright myeducs.cn 网学

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、最后完工后重新检测和检查网页在各个浏览器兼容等。 copyright myeducs.cn 网学

二、无网页效果图
1、开始创建html文件与CSS文件,这里可以用每次新开发的网页模板(CSS与html模板);
2、分析自己想要制作网页结构等;
3、根据自己想法来制作开发网页(在制作中要调试和检查兼容);
4、最后完工后重新检测和检查网页在各个浏览器兼容等。

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

copyright myeducs.cn 网学

浏览:
版权所有 电话:013574892963 QQ:3710167 邮箱:Educs@163.com 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
Copyright 2008-2015 Www.myeducs.Cn All Rights Reserved
湘ICP备09003080号