当前位置:编程学习 > html/css >>

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  ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,