热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

纯手工打造自己的网站

首先,我们需要有一些基本功:HTML知识:一些基本的标签得熟悉,比如,列表(有序、无序),表单(文本框,文本域,密码框,隐藏域,按钮等..),了解块级元素与行内元素,了解盒子模

首先,我们需要有一些基本功:

  1. HTML知识:一些基本的标签得熟悉,比如,列表(有序、无序),表单(文本框,文本域,密码框,隐藏域,按钮等..),了解块级元素与行内元素,了解盒子模型(padding,margin,border等...);差不多就这样了
  2. css层叠样式表:了解语法 ,了解选择器(id选择器,class选择器,堆(群,组)选择器,派生选择器,子代选择器,后代选择器)
  3. 选择器名{
       属性名1:属性值1;
       属性名2:属性值2;
       ....
    }
    其实你会简单的布局就可以跳过前面1,2步,话又说回来,会简单的布局就得学习以上知识,咋们是纯手工,当然您也可以使用框架插件进行网页设计。
  4. Javascript(jQuery):了解事件,方法和对象,比如:keyup事件可以实时监听文本框输入,可用于实时验证。click可以触发事件,比如提交,弹框等等...
  5. 了解Ajax方法,有ajax,load getJSON,post,get等方法
  6. 至少了解一门后台语言,比如Jsp,C#,PHP;
  7. 了解数据库,会增删查改,联表查询
  8. 有一个称心如意的代码编辑器(我个人比较喜欢的是vs2013,sublime-text)

然后就可开工了

  1. 配置好服务器,在本地的话本人推荐用php写后台,使用PHPstudy集成环境就可以运行网站了;
  2. 使用HTML5+css3(div+css3)先编写前端静态网页;
  3. 引入jQuery,使用Ajax获取后台数据,将数据加载到前端页面;
  4. 后台只负责处理数据(就是对数据库的增删查改等一系列操作);

总结:其实就是通过jQuery的ajax方法作为媒介,获取后台数据响应前端的操作,实现动态加载前端页面,开发起来js代码量大于前端页面和后台页面的代码量,个人理解起来有点向mvc结构,v是html静态页面,m是后台数据处理模型,c是jquery(ajax)控制器,如果严格的看,又不是,因为jQuery里也对数据进行了处理。

后期我会来分说一下各知识点


推荐阅读
author-avatar
小丹巛丹布莱妮
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有