Web实用页面设计方法

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 21:33 点击:

 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

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • WordPress添加百度喜欢按钮小技巧
      • Wordpress 博客如何实现自定义Gravatar头像
      • 网站设计分析:建立良好的视觉层级
      • 网站设计分析:“中国式设计”的三个方向
      • 案例分析:奥巴马筹款网站的制作过程
      • 创建不平衡的平衡:在网页设计中使用不对称设计
      • 7大主流B2C首页导航栏设计对比分析
      • Wordpress页面模板制作方法及使用
      • css控制文字前的小图标
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1