我的WebDesign之路--提高篇[2]

//昨天喝得有点多了呵呵。。。shy *_*

   本篇仍然以提供学习思路为主,没有太艰深的内容,把重点提出来,希望能对大家有点帮助。

   前面有说过,大家刚学网页设计时,总喜欢加上很多"特效",比如做一个层,让它飞来飞去,或者一片片花瓣徐徐飘下。 或者打字效果,翻转图片(swap image)什么的:) 事实上,只有真正到了一定"境界",才能真的把这些特效用地恰到好处。 就像剑法使得眼花缭乱,却华而不实,其实毫无意义。要恰到好处地用好脚本特效,至少要对于网页配色,构图有一定心得(以后会提及)。加强视觉上的冲击,加强网页的艺术效果,这些是客户端脚本的一个应用。更重要的应用在于和服务端脚本结合。

   这些特效就是用客户端脚本来实现的。什么是客户端脚本?通俗地说就是嵌入在HTML 网页中的程序,它运行在客户端的浏览器上。注意,它和前面说过的HTML和CSS是不一样的。HTML和CSS都是标识性语言,而客户端脚本是真正的程序。

   目前使用的客户端脚本就是VBScript和JavaScript两种。VBScript 是Visual Basic的子集,是特意为在浏览器中进行工作而设计的,它不包括一些在脚本这个范围以外 的特性,如文件访问和打印等等。如果你想在浏览器脚本中用到VBScript,这个浏览器必须是IE,其他流行的浏览器可能不支持VBScript。而几乎所有允许编写脚本的浏览器都支持JavaScript。所以通常我们都选择JavaScript,因为我们通常无法控制访问  网页者全都使用IE。 VBS和JS的区别这里不多说了,以下以JS为例说说客户端脚本的学习。和讲解CSS一样,不是教程,只是点出需要重点理解和掌握的地方。

   首先要明白,JavaScript是一种基于对象(Object)和事件驱动(Event Driven)的脚本语言。它是一种解释性编程语言,其源代码在发往客户端执行之前不需经过编译,而是将文本格式的字符代码发送给客户编由浏览器解释执行。

   大致知道了以上的知识后,就开始实际写一些小程序来加深理解。当然,要先懂得如何在HTML中嵌入JavaScript。就是一句话:
JavaScript代码由 <Script Language ="Java Script">...</Script>说明。 
 在标识   <Script Language ="JavaScript">...</Script>之间就可加入JavaScript脚本。

   然后要了解,JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。

   大致的学习方向如下:

    1。熟悉基本数据类型,常量,变量的定义;
   2。表达式和常用运算符;
   3。程序控制语句(if,for,while,break,continue等);
    4。函数;

   以上和学其他的编程语言是很相似的。如果已经有一定编程基础,学习起来应该是非常轻松。

  5。 事件驱动及事件处理   关键所在!

   通常鼠标或热键的动作我们称之为事件(Event),而由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)。而对事件进行处理程序或函数,我们称之为事件处理程序(Event Handler)

   要熟悉常用的事件,例如:单击事件onClick,onChange改变事件,选中事件onSelect,
   获得焦点事件onFocus,失去焦点onBlur,载入文件onLoad,卸载文件onUnload。。等等  。

   还要熟悉事件都是针对哪些对象的,例如onClick是针对button,checkbox,radio,reset buttons,submit buttons等对象。

   //注意:程序控制、函数、事件是学习掌握JavaScript编程的重点。

    6。对象的相关知识;

   JavaScript是基于对象的(Object-Based),而不是面向对象的(object-oriented
   )。它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。但它可以根据
   需要创建自己的对象。

   1)对象的基本结构,引用,操作语句,属性的引用,方法的引用等等,都是需要掌握的
   。
   2)熟悉常见的对象(string,math,date)属性和方法。
 3)创建新对象的方法。

    7。浏览器的内部对象系统。

    包括浏览器对象(Navigator),窗口对象(Windows),位置对象(Location),历史对象(H
    istory),文档对象(Document) 等。

   // 这是我们最常打交道的一部份了,通常常见的"特效"都是基于浏览器
       的内部对象。

    利用这些对象,可以对浏览器环境中的事件进行控制并作出处理。。例如对于窗口对象,常见的弹出警告,用window.alert(),新开窗口用window.open()等等。。

   //一定要熟练掌握:)

    8。JavaScript和服务器端编程的结合应用。

    在我看来,这是JS最重要的应用。主要是和form,frames相结合。

    常用在表单中的文本框,提交按钮,重设按钮,单选框,复选框,以及用于验证表单 递交的合法性,对于表单中的字符预格式化等等。 还需要学会一些正则表达式的知 识,还有巧妙地运用数组。

   //这应该算比较高级的内容了,以后有机会再细说呵呵。

    总的来说,JS比HTML和CSS会难掌握一些,因为它毕竟属于编程范畴,很多时候需要随机应变.但不是太复杂,熟能生巧。而且实际的设计中用到的功能并不是太多,代码可以重用:)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值