Tuesday, December 22, 2009

HTML教程——object和embed

这次来说说object和embed。
object是用来在网页中嵌入图片、声音、影片、Java Applet、ActiveX、PDF、Flash Movie等等。
看看以下例子:
<object width="500" height="400">
<embed src="http://h1.ripway.com/weewaawaa/UCPROrotator1.swf"></embed>
</object>

这是用来在网页中嵌入Flash movie,阔度是500pixel,高度是400pixel。

再看一个:
<object>
<embed autostart="true" hidden="false" loop="9999" src="http://h1.ripway.com/weewaawaa/ainishizaitailei.wma"></embed>
</object>

以上的代码是用来在网页中嵌入用Windows Media Player播放的音乐,音乐将自动开始,播放器可见,并重复9999次。

object所支援的attribute:
align——设定object的排列位置,支援的value为:top, bottom, left, right.

classid——设定Windows注册表或URL所设定之Class ID数值。

codebase——设定让object搜寻执行编码的URL。通常用在Java Applets。

name——设定object的名称,用在script的执行。

embed所支援的attribute:
src——设定embed的音乐或影片档案URL。

hidden——设定该object为是否可见,接受true或false。

volumn——设定声音的大小(0-100),原设为50。

loop——设定播发的重复或次数。接受true、false或整数。

playcount——设定播放次数。

autostart——设定自动播放,接受true、或false。

object和embed共同支援的attribute:
height——设定object的高度,接受px为数值。

width——设定object的宽度,接受px为数值。

id——设定独特的id让JavaScript辨别。

class——设定class的名称,通常用在CSS。

object和embed共同支援的event:
onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.

Thursday, December 17, 2009

什么是Small Basic?

恭喜Small Basic已经诞生一年了!
什么是Small Basic呢?
Small Basic是一种根据BASIC的编成语言仿设的超简单电脑编程语言,许多keyword和syntax和Visual Basic大同小异。
Small Basic依赖Microsoft .NET Framework来操作。
Small Basic也支援各种语言的版本,如:Chinese, French, German, Italian, Korean, Russian, Spanish,和Turkish。

Small Basic可以用来编写Console或是生成Graphics的程序。
Small Basic绝对是一个让想学习programming的朋友最好的工具。

以下为Small Basic的IDE截图:


以下为运行中的程序:


看了是不是很想学呢?
你可以到以下网址去下载免费的Small Basic(目前是v0.7)
http://msdn.microsoft.com/en-us/devlabs/cc950524.aspx

你也可以到以下网址下载Small Basic的简介和例子来参考
http://download.microsoft.com/download/9/0/6/90616372-C4BF-4628-BC82-BD709635220D/Introducing%20Small%20Basic.pdf

该pdf简介涵盖了新手须知的知识,比如:
函数(variable)的用法和命名准则(Naming Convention)
If-Then-Else流程
For-Loop和While-Loop流程
Graphics Window(最好玩的部分)
1970年代流行的“Turtle Graphics”
Subroutine的使用
Array的用法
Event的用法
编写像paint的program

还有很多很好玩很有趣的东西,慢慢地去探索吧!
也欢迎在这里讨论有关Small Basic的问题。

Wednesday, December 9, 2009

HTML教程——frameset和frame

怎样在一个网页中同时显示超过一个网页呢?
在那个用来显示多个frame的主要网页中使用frameset和frame(框架)就可以了。

现在讨论frameset先。
来看看例子:(body tag被省略了)


注意:frame的tag是写在frameset tag里的

frameset所支援的attribute:
cols——设定frameset里column的数量和大小。

rows——设定frameset里row的数量和大小。

cols和rows所接受的数值为pixel, %, *.
*就是在设定pixel或%后荧幕所剩余的空间。

frameset所支援的event handler:
onload, onunload.

现在来讨论frame。
frame所支援的attribute:
src——设定frame所显示的网页的网址,接受URL。

marginheight——设定frame的上下预留的空间,接受数值为px。

marginwidth——设定frame左右预留的空间,接受数值为px。

name——设定frame的名称。

scrolling——设定frame的滚动,接受数值为yes, no, auto.

frame不支援任何event handler。

frameset和frame共同支援的attribute:
id——设定独特的id让JavaScript辨别。

class——设定class的名称,通常用在CSS。

style——设定inline CSS。

来写复杂一点的“框中框”
看看例子:




怎样在一个frame点击link后在另一个frame看到link的内容?
这个会复杂一点,首先你将以下的html储存为navigator.html


然后在同一个folder里将以下html储存为另一个html file。


之后你打开第二个网页点击左边的link来看看。

Sunday, December 6, 2009

HTML教程——map和area

这次来谈谈HTML的map和area。
这是用来把网页上的图片分割成几个可以被点击打开链接的部分。
例子:


要使用map,必须先加入img,并为其usemap attribute设定参考map的名称(名称前加上#)

map所支援的attribute:
name——设定map的名称。

area是用来将图片分割成数个面积的element。

area所支援的attribute:
alt——设定当滑鼠在图片部分上时应显示的说明文字。

shape——设定area的形状。接受数值为:default, rect, circle, poly.

coords——设定area的准确位置。
如果shape是rect,那么接受数值为:x1,y1,x2,y2(x1,y1为左上角位置,x2,y2为右下角位置)
如果shape是circle,那么接受数值为:x,y,radius(x,y为中心点位置,radius为半径大小)
如果shape是poly,那么接受数值为:x1,y1,x2,y2,..,xn,yn(设定每个角点的位置)

map和area共同支援的attribute:
id——设定独特的id让JavaScript辨别。

class——设定class的名称,通常用在CSS。

map和area共同支援的event handler:
onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.

Thursday, December 3, 2009

HTML教程<form>

这次来谈谈form的用处。
form可以用来让用户填写资料,然后submit到server去被process。
来看看一个form的例子:



form里头通常会有textbox,checkbox,radio button,textarea,submit button等等。
这里将个别简单讨论。

<form>所支援的attribute:
action——设定form被submit的目标URL。
method——设定form被submit时所用的方式,可以是get或post。(post比较保安)
name——设定form的名字,以方便form内的数据被参考。

一个真正能用的form,必须具备以上三个attribute。

id——设定独特的id让JavaScript辨别。
class——设定class的名称,通常用在CSS。
style——设定element里的inline style,用于CSS。

<input>的使用
要在form里加入textbox,可以这样写:
<input type="text" name="firstname" value="type here"/>
你可以加入value attribute来设定textbox里的字串。

要在form里加入radio button,可以这样写:
<input type="radio" name="gender" value="male"/>Male
name可用来把radio button group起来。

要在form里加入checkbox,可以这样写:
<input type="checkbox" name="vehicle" value="Car"/>
name可用来把checkbox group起来。

form里一定要有submit的button,这样写:
<input type="submit" value="Send"/>

**
form也可以加入让用户键入文字的textarea,这样写:
<textarea name="text1" rows="5" cols="50">type text here</textarea>
你可以加入readonly来设定textarea只供读取而已。