热门标签 | 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里也对数据进行了处理。

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


推荐阅读
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 本文介绍了如何使用php限制数据库插入的条数并显示每次插入数据库之间的数据数目,以及避免重复提交的方法。同时还介绍了如何限制某一个数据库用户的并发连接数,以及设置数据库的连接数和连接超时时间的方法。最后提供了一些关于浏览器在线用户数和数据库连接数量比例的参考值。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • 本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址,通过指针可以修改指针所指的变量的值。然而,如果想要修改指针的指向,就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法,并思考了在修改指针的指向后,取指针的输出结果。 ... [详细]
  • 在project.properties添加#Projecttarget.targetandroid-19android.library.reference.1..Sliding ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
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社区 版权所有