纯手工打造自己的网站
作者:asx | 来源:互联网 | 2023-05-25 18:47
首先,我们需要有一些基本功:HTML知识:一些基本的标签得熟悉,比如,列表(有序、无序),表单(文本框,文本域,密码框,隐藏域,按钮等..),了解块级元素与行内元素,了解盒子模
首先,我们需要有一些基本功:
- HTML知识:一些基本的标签得熟悉,比如,列表(有序、无序),表单(文本框,文本域,密码框,隐藏域,按钮等..),了解块级元素与行内元素,了解盒子模型(padding,margin,border等...);差不多就这样了
- css层叠样式表:了解语法 ,了解选择器(id选择器,class选择器,堆(群,组)选择器,派生选择器,子代选择器,后代选择器)
选择器名{
属性名1:属性值1;
属性名2:属性值2;
....
}
其实你会简单的布局就可以跳过前面1,2步,话又说回来,会简单的布局就得学习以上知识,咋们是纯手工,当然您也可以使用框架插件进行网页设计。
- Javascript(jQuery):了解事件,方法和对象,比如:keyup事件可以实时监听文本框输入,可用于实时验证。click可以触发事件,比如提交,弹框等等...
- 了解Ajax方法,有ajax,load getJSON,post,get等方法
- 至少了解一门后台语言,比如Jsp,C#,PHP;
- 了解数据库,会增删查改,联表查询
- 有一个称心如意的代码编辑器(我个人比较喜欢的是vs2013,sublime-text)
然后就可开工了
- 配置好服务器,在本地的话本人推荐用php写后台,使用PHPstudy集成环境就可以运行网站了;
- 使用HTML5+css3(div+css3)先编写前端静态网页;
- 引入jQuery,使用Ajax获取后台数据,将数据加载到前端页面;
- 后台只负责处理数据(就是对数据库的增删查改等一系列操作);
总结:其实就是通过jQuery的ajax方法作为媒介,获取后台数据响应前端的操作,实现动态加载前端页面,开发起来js代码量大于前端页面和后台页面的代码量,个人理解起来有点向mvc结构,v是html静态页面,m是后台数据处理模型,c是jquery(ajax)控制器,如果严格的看,又不是,因为jQuery里也对数据进行了处理。
后期我会来分说一下各知识点