作者:岛识-岛主
前言:自2000年以来,随着互联网的发展,从一开始的table表格建站,到06–08年之间用DIV css,制作网站,以及发展到今天,需要用HTML5 CSS3做网站,除了支持PC电脑端之外,还得继续支持平板或者手机端,响应式的网站,以及发展到今天的前端不断的更新以及在工作中 需要应用到各种框架等等。本教程适合新手入门级, 对于HTML代码感兴趣的人群以及广大的网页爱好制作者。
之前遇到网友来问我,如何快速的学好HTML CSS,那么来让岛主老师来和大伙说说,如何快速入门。
其实入门不是很难,对于有一定英文基础的朋友们来说,上手相对来说会好一些。那么笔者来和大伙们说说如何入门。
首先第一个需要熟练掌握一门关键,刚开始的时候建议使用DW (dreamweaver简称),或者用sublime text3,notepad等等,具体后期根据自己的习惯来定,前期新手入门建议使用DW。
第二部分,就是HMTL的结构,我们日常接触的网站网页是由哪些标签结构组成。以及我们日程需要用到哪些HTML标签,以及常用的浏览器的了解,写出来的页面需要兼容哪些浏览器。对于不同的浏览器如何去兼容。常用的 chome,Firefox, saifar,等等以及目前是上主流浏览器的兼容性。
接下来的是段落的CSS样式设置,常用的一些样式标签,字体颜色,大小,下划线,hover,文字滚动以及CSS样式的常见的几种方式,有行间样式,桥链等等。
第五部分图片的切片以及如何通CSS样式的方式去写一个鼠标hover的效果,以及在应用中,切片的保存方式。
第六部分,W3C盒子模型,也就是DIV盒子模型,DIV和table之间的区别,class以及ID的区别,浮动方式,内边距,外边距的设置。
第七部分,关于盒子模型当中的 绝对定位,相对定位,浮动定位。网页中间什么时候使用绝对定位,什么时候使用相对定位,把这个掌握了,基本DIV CSS都已经熟练掌握了,后期只需要通过2-3个页面练习一些就能学好。
第八部分,关于项目列表的使用,ul,ol,li,dl,dt,dd各自的使用方法。
之后关于网页中的表单的使用方法,常见的注册表如何制作以及iframe框架的使用。
第九部分关于日常网站CSS样式命名介绍常见的网页布景划分。
当然了,作为一名网站维护也好,还是设计师也好,还是前端也好,都需要了解ftp,域名的注册,虚拟主机的配置,以及备案等的整个流程。按照整个步骤,学好DIV CSS 基本问题不大,只需要五到六天的时间即可。
,