WEB程序设计心得.doc

袁龙--WEB程序设计个人心得 这个学期学习了WEB客户端程序设计,对网页制作有了一定的了解，这个学期完成了老师布置的2个项目，我一直做得是前台界面设计，所以对前台比对后台了解些，通过这2个项目的锻炼，我觉得我自己的前台界面开发能力有很大的提高，从最初开始的什么都不会，到现在基本能把前台界面设计的比较好了，自己也对WEB程序设计有了一定的了解，至于后台代码，也有了一定的了解，可能用起来，没有前台熟 说一下自己学习WEB的历程————-当曾老师开设WEB程序设计的时候，第一次上课时感觉这课真心高大上，于是一种想学的冲动驱使我开始下决心一定要把这课学好，出色的完成老师布置的项目。于是一个想法在我脑海闪现，老师讲的东西毕竟有限，所以我要发挥自己的自主学习能力，于是开始在网上寻找各种有关教程。找了许多教程，最终在传智播客这个网站上找到了学习前台界面的教学视频，于是开始了我的学习WEB的旅程。首先开始学习的是DIV+CSS，听授课老师的讲述我了解到了下面的知识---网页的设计目前都是应用DIV+CSS或者TABLE+CSS 只是DIV更加灵活点,而TABLE更加传统,而且还是很好用 首先从最简单的HTML语法学起 而HTML语法主要在于对表格和表单的使用 实际上唯一难的就是表格的掌握,因为用表格来布局,需要考虑打方方面面的,而从语言语法来说不难 HTML是标签形式的,所以要灵活嵌标签,可以做出不同的效果,特别是FORM标签里面嵌套TABLE标签可以控制里面的元素排列方式 p来控制一段,没什么特别注意的 span标签用来控制制定的一段字体效果不错 BR好用 然后就开始试着自己通过手动写代码来布局，因为学WEB的最锻炼技术的就是自己手写代码，于是自己通过纯手工代码的形式编写了一个课程表，记得当时编这个的时候足足花了我一天的时间，因为当时什么都不知道，先看了视频教学，然后第二天决定自己动手实践一下，当我第二天做的时候发现，看别人编的时候感觉好简单，当时当自己动手编的时候各种不会，最后经过一天的改啊，终于让我编出来了，瞬间有了点成就感，后来把div+CSS学完了，尽管曾老师讲的是拖控件，但是我学过手动敲代码，于是操作起控件来得心应手，就这样我自己自学了一些东西，其中包括flash,javascript,div+CSS，dom,jquery,ajax等等一些技术，感觉这学期学到了很多东西，其中有老师教的，也有自己自学的，有了这些基础，然后就开始了第一个项目的，图书管理系统，当时我负责的是前台界面，当时参照了一个网站，知道了有母版页这个东西，于是开始自己建一个母版页，在建母版页的过程中也是遇到了很多困难，看着别人做的干觉蛮简单，可是自己做起来，确实失败了很多次，我记得那时候为了建这个母版页，每天都是寝室最晚一个睡得，最先一个起的，在自己的努力下，终于学会了怎么建母版页，并运用于了我们的第一个项目，现在回头想了一下，现在觉得母版页其实挺简单了，就是这样一个简单的页面，对于一个初学者来说也是一个巨大的障碍，现在就说说我对前台布局的一些理解吧 用过都知道 table主要和trtd配合,TR就是行,TD就是单元格,弄清楚位置还是很简单的,特别注意TD在占用行或者列的时候最好能画出整个表格方便来写代码哦.表格还能嵌套表格,可以把位置具体出来哦哦哦 .难点在于设置对齐方式和宽度,老是不容易弄好 DIV是个块,和CSS配合可以达到表格的效果,但代码简单清晰,可是不好掌握.容易引起各种各样的变形,对浏览器的兼容性也有需要提高. form是表单,基本上页面与大家数据互动就是靠这个了.里面填出好用的INPUT标签,改变其TYPE就可以使用了哦~~~没什么难度,就是以后再变成的时候注意ID和数据发送到地方 然后就是CSS哦.前面适合做框架,后面就靠着CSS来具体设置样式和装饰.CSS包含很多HTML标签自己不具备的属性,因此可以得到更多的设置,主要因为是CSS可以把各个元素都看成一个盒装块,可以拥有很多共同属性,这行属性像一个页面样能够很灵活的设置修改.CSS三种链接方式,看具体情况使用. CSS声明一个选择器(就这个名字,没学个的人听了是不知道什么用处的,一点也不好听),然后再大括号里面加上属性和值就好.~~选择器是重点,因为方式主要有3种.类选择,直接输入标签名字,直接改动标签,一般是比较猛级别的.然后时候类和ID,类可以多个物体共用,而ID是制定特定的元素的.然后配合空格这个父子控制来具体选择.好用,好用,好用哦哦哦. 然后就是CSS的盒装模型,具有共同的外边距\边框\内边距,这3个属性,弄清楚了就可以随意设置了. CSS控制位置就是用float和定位,这两个都比较麻烦,要多看多试才能理解吧 然后就是CLEAR用好