当前位置:天才代写 > tutorial > 网页教程 > 浅谈如何学习div+css

浅谈如何学习div+css

2018-05-17 08:00 星期四 所属: 网页教程 浏览:326

       对于众多div+css的初学者而言,由于对相关联的知识了解不多,在看一些教程时,会感觉到很迷茫或者不知所云。学习是一个循序渐进的过程,那么如何才能学好div+css呢?下面一起来了解一下。

浅谈如何学习div+css_div+css_CSS经验_CSS教程_课课家

       一、制作网页前你需要掌握的知识

       1、熟悉html基本知识

  div+css是以div进行布局,CSS设置样式。而CSS的基础就是html,要运用CSS进行样式设置,我们就必须要掌握html的基础语法及结构,熟悉每个标签的用法。学会编写基础的html代码。

  2、熟练掌握CSS常用的选择器和属性

  要运用CSS设置样式,就必须熟悉CSS常用的属性和选择器,尤其需要注意类选择器和ID选择器的区别。

  3、熟悉CSS创建方式

  多个页面共用的样式建议使用外部样式表,单个页面多处共用的样式建议使用内部样式表。只有一两处用到的样式可使用内联样式表,但不建议使用太多,多数情况下仍建议用内部样式表替代。

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

  对于初学者来说,这一点可以稍微不太关注,除非公司要求设计师编写服务端或者javaScript代码。

  5、熟悉图片处理软件的基本操作,如photoshop,美图秀秀等等

  对于有效果图的页面来说,我们可以考虑通过Photoshop把需要用到的背景图片裁剪出来。所以虽然它们跟div+css没有直接关系,但作用也不容忽视。

  6、了解各浏览器的兼容问题及解决兼容的方法

  由于不同浏览器对某些样式的理解不甚一致,所以兼容性问题长期存在,记住一些常见的兼容问题,解决起来也会轻松很多。

  7、认识W3C认证

  W3C是国际级的组织,所有的规则都以此作为标准。因此,多上W3CSchool进行学习是每位网页设计师成功的必经之路。

        二、DIV+CSS网页制作开发流程

  在了解了我们需要掌握的基础知识后,我们一起来了解一下网页制作的流程。

  (一)有网页效果图

  1、构思网页效果图、并画出草图,分析出效果图结构规律;

  2、利用图片处理软件进行图片处理,如去掉无效文字、图片等等

  3、根据网页效果来选择图片格式类型;利用软件进行图片格式类型转换

  4、创建网页的文件夹、CSS文件、HTML文件(images-图片文件夹、CSS-CSS文件夹、html文件直接放到网站根目录下);

  5、创建html文件与CSS文件

  6、根据效果图制作开发网页,在制作过程中要注意调试和检查兼容

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

  (二)无网页效果图

  1、构思自己的网页结构

  2、开始创建html文件与CSS文件,并适当引入初始模板

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

  以上就是课课家网站为大家总结的如何学习div+css的全部内容。是不是非常简单。如果你是0基础的初学者,不妨从HTML的基础学起,相信在不久的将来,你就能熟炼掌握div+css的相关内容了。

 

    关键字:

天才代写-代写联系方式