Web实用页面设计方法

HTML、CSS、JavaScript，这三方面技术是web的基础。首先是HTML，第一周就是全部讲解的HTML。虽然之前做过实习，用过HTML，但是真正接触HTML却是没有过的。所以这应该是初次细微接触HTML。人人都说HTML简单，标签是固定的，属性也就那么类似的，可是标签数量很多，初次接触很难记下来，用来也不熟练。再简单的东西，初次接触都是困难的。所以不要抱着简单的心理去学习别人都说简单的东西。
        HTML总体结构：<html></html>、<head></head><body></body>，接着表格（table）、表单（form）、框架结构（frameset）、列表（list）、背景音乐（bgsound）、多媒体（embed）、图片（img）、锚点（anchor）<a href name>、font……。标签数目太多，而且标签没有严格固定格式，所以在记忆上比较困难，因为没有太多规律可寻。一个学习的小技巧就是找到标签的缩写单词，在有原意单词基础上来记忆时比较好记。
         HTML设计辅助工具-Dreamwaver，这也是首次接触。其实对于熟悉使用这些工具本身也可以开设一门课程，而HTML语言本身又是一门课程，所以对于初次接触HTML，又要用Dreamwaver来熟练画网页，这真的需要时间。我们只能在一点一点使用该软件的过程中积累自己的使用经验技巧。
HTML注释：
2011/8/5 13:24:36
         Javascript中的变量不需要声明数据类型，可以直接使用。就连var关键字也可以省略，但是不鼓励省略var关键字而定义（声明）变量。
        var 代表任何类型，只是第一次使用该变量的声明。JavaScript的变量是弱类型变量（weakly type）；不经过声明就可以使用；最好还是利用var声明；不需要类型转换。
       在JS中可以把普通的一个变量看作对象来使用，可以使用“对象.方法”格式来调用方法。//var x = 123.456; var str = x.toString();
       内置对象：Array，sort方法默认按照升序排序。length为数组的一个属性，表示数组长度。
window是最外层的一个对象，window内的所有属性在使用时可以省略“window.”。document本身也是window的一个属性。document.write方法在底层实际上是window.document.write。
Date对象中，getMonth方法是从0到11，实际在使用时会加1转换为1到12月。
         JS中字符串在底层本质上是字符型数组，所以字符串也有length属性。引号中的空格、制表都算在长度中。“12 ab”，长度为5。//这里字符串用的是length属性，而不是length（）方法求长度。
        除了Math对象不需要new一个实例，直接Math.abs()即可，其它内置对象需要new一个实例来使用。Math对象中的方法有点类似Java中的类方法来理解。
        JS事件（event），捕捉拦截、处理事件、返回结果。
        页面中所有获取的内容（默认下）一般都是字符串（String）。
         事件="事件方法代码"，一般将方法代码封装到函数中，把函数名传给事件来调用函数。//onload = "load()"
<input type = "text" name id value>，name和id都是标识标签的，id是在前台标识文本标签，name是在前台和后台标识标签，当文本标签需要提交到后台时需要用name属性来标识。value属性是给文本框赋内容的，默认下value =""，内容为空。表单文本框提交的就是value的值。
        有返回值的事件函数，在使用事件时需要return，“return noNumber（event）”，return ture则执行，反之不执行。
18:01 2011/08/10 东软教室 F2-309
---------------------------------------------------------------------------
         document.getElementById（）获取页面中某个标签。form1.username同样可以获取到页面中的某个标签。//对象调用
         BOM：浏览器对象模型。window中包含其他所有对象。（screen、location、navigator、history、document、frames[]数组）
         设置焦点“.focus（）”。格式验证，正则表达式（规则表达式），根据规则来匹配是否满足。“/^...$/”
定义一个变量来存放规则，规则.test（）,事件.search（正则表达式）。
---------------------------------------------------------------------------------------------------------------
         选择器（selector），class（.开头）：类类选择器、id（#开头）：id选择器、关联选择符（逗号分隔不同标签，空格用来形成包含关系）。
12:13 2011/08/11 F2-309

本文出自 “ImagineX” 博客

补充：web前端 , HTML/CSS  ,