˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ)...

122
ا ا آ با ا ه www.cb4a.com ر بت ا ا ـــــــــــ ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ1 : : : Html : : : : : : : : . : : ! : ) 1 ( : : ) 2 ( : * : ) 1 ( : ... ! : ) 2 ( : : ) 3 ( : ... : ... : ... : : ... : ) 1 ( : ! ... : ) 2 ( : ... : : : : ... : META : .. !

Transcript of ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ)...

Page 1: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

1

������� :

���� ����:�� ����� : ��� � ���Html �� �� � � ���� ����� � ! � � "�� #�����

$��%� ����:&���� : � ' ��� �� ��(�� &���� #��(���� � � �� )�� *���� �+, �����

-�%� ����:���(� : �.��/ ���� �.��0�,� �.1���, �� �(� ������ $! ���(�� #2���

3���� ���� :#"��/�� ���/�� : *���� � � ��� #"��/� #�(���� �*���� # 4��� ' ���� #5

���(� ���� :�������� ���� : �6����,� �.��0�7� #2��� ��.0���� .� $! ���� ����� 9���, � �

����� ���� :� ����� �:���� ������: � ���� ���� ;�1 �/��� <<<��6 ;� ���� � 2 !

3���� ���� : ����0�)1(: � � ��� ���! @���� *���� �2�� #2��� �����0� &�+ *���

&��%� ���� : ����0�)2(: �.� ���(� #���� $5�� ;�1 ����� �����0� 3� 3��� * ����0� ;�1 � / ��� ��%�,

3���� ���� : �����B�)1(: C��� & �%B� �, � ���1 �, � /!, ������ ;� *���� #�5 ...'�! D !

� ����� ��� : �����B�)2(: C�+ , �"��( ��� �� �*���� $! C����� E��� &, $�2 D

��1 F���� ���� : �����B�)3( : ������ �2��� ��� �, &� ��27� �.! <C����� �0��,... <

��1 $��%� ���� : #��� ...*��6� ��6 &�: ' ��� :� ... $�2 &�����!

��1 -�%� ���� :� ���� �"��(� : �/! @���� @��� ... � ���� �:�� @�1�

��1 3���� ���� : EG����)1( : *���H ���I 3����� &, J���! < ... EG����� * �1

��1 ���(� ���� : EG����)2( : ��2��� ��J��� ...� K���� EG����

��1 ����� ���� :���(� #����� �������� : � �� ����� $���� #"��� '���

��1 3���� ���� :��� �L��� � ��� � : � �� ... $��1 #�2���

��1 &��%� ���� : #���META-��� ��2���� : *�5�� &��0 #.��0� � 2..< !

Page 2: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

2

�������

�����B� ����� ����B ���(���� �L�� �.��) .M ����(� ���2��anguageL arkupM texT yperH .( �L�2 N�(�� �0���� ��L� �1 ������� �2��� ;����� �0��� �L �� $6�C . ;�1 F���� D C:%� $.!

M2 N�(, ��L &� ���� � & �+� �0 ��0� OG6 #��(��D �0��� ��1� �&������ #2��� ��0Java, JavaScript, CGI . � P�( #0��� ;� E���� D $.! *G2Compiler . � L�� #�4�� ������ � Q $6�

#�(���� #�4�� &1 �4�� )L�� �����B� R���� ��5 &� @����� �.��� ��� G ���� �6� ��� #� �� �& �� . *G�. ! ���(���� � �2 .�� �0���� ��L�� �/��� �!��� E���� D� #����� #.�� ��.�� �C��0 �� �� �L $.! . ��

�2 ������2!�� � ���� $/���� � 2��� &� � �/� �6 0���� �� .

�L ������ &�2��Html ;��� ���� � &� TAGS#���� F, . �L ��� ��2�� E��H, �2�� #�(��� $6� � ���)& � � ;� ��� � &�: (S

#��� ��%�� � �� ;��! >B < ) �1 ���, �(� ����2� ����2 #�(�� Bold$��� �2��� *G� :

>B <Text> /B <

���� � �.� #�� �%� @���� @���� #�(��� $�� ���(� #���� )�� *��6�>BR < ���2� #�(��� �5 �, @�/�� #�� �%� & ����>P<.

6 V5��� ���� W� ��� &� � � $! � ����� �6� Q� #���� OG

��� ��� ... ��� ����2 ���� D HTML#0��� X����� ;�1 F���� D �L ���5 ��2 $.! ���( X���� � , . �/! E���� ��

$! ��0��� @�2��� X������ ��.�0���� �� ��� P���� � ��� X����� ;�Windows)�L� �G.� $� .� �����B� ������� ��, ;� *G2Netscape Navigator �, MS Internet Explorer ������ �� ���

�.� ���� #�/� $�� . ����� #�D� ��� ���� ���2�� P�� 4��� #�/� &, �/! * �1� .html �, .htm ����� ����B #�(��� $�� X����� &� � ��� �0� �, O�2G � �0��Html . �L�� OG6 �!��� �0��� &��

#�/ #% ����0� ������� P��� &� ��� ��� �.� ���� ������ ����2� �.:( &� #�(���� #�/ - � ' ���� �.4��� C� "�/�� � ��2� ���� &� ������ OG6 � ���� ������� #���� ' �(�� X������html . &, F,

�� ����2� $! ���� #�(���� ������(��� $�� @�� �� �!��� &�� ��/! # ��� . ;�1 ���5 #�1 $����� 4���� � ���� @��1� #% $����� # ���� ���1� �:( &� D� ��0��� ��� @�� �� � ��� �, #�� F7� #2���

X������ ��5 &� . �.���(���� R��, D $�, D� �C� ��� �.�1��� �.��.� ;�1 �/ ��� OG6� OG6 �!��� � � &��.�� &2���� �L�� .

��� �� ��� : ����� ����2 H���� P��� ���� * � �C����HTML * �� ��.�� ��� ������ R���� * �� � �� ����� # ��� #�1 ;� �.�� '����� $�� ����� OG6 .D �3+����� $ ,�� <$�2 �G6 �6.

Page 3: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

3

' ��� ;� C���,� C��"�� E��������� $! �0���� ��%��� ��0� &� �%2, � ��1 @���� ����� �� . &, $! * ,� ��� �5�� @���� �1 � � 35�� ����Y� #�/�� *�, � (�� < � ;����� &, ���� * �.�� �� 9�+��� �2�� . 3��

*����� ;�1 �. ! �� ' ���� #5 ����� $! *��/� .0 ����� ��G6 $! ����� &� � %2� �0�� N�� ����1 C�� OG. *��� ��� $! ���L% F, ���2�� *�, �6 �2 �G6 &� #6��� �#� ��� C��� * � 1 #��, ������ *����

�����)�. !:�� #�/�� *�, �2Z�� &� �6��1� (����� OG6 ���2 �.�2��� ���L% *G2 ���2� �5� .

���� ...��� �

Page 4: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

4

���� ����� ��������

C:.�� C:6, ���� &� ���� ���� ;� *�HTML. ���� � ����� #���� ���� ���� �G6 $! #�5, ��� �([� ��� C����� *�� �.��5���� � �� .�� �� � � ���� ����� ;� � �.�� $! ��� .

� ��� #���� G(7� :

و34 ا6782.- و34 ا012ا.-

<HTML> < /HTML>

<HEAD> < /HEAD>

<TITLE> < /TITLE>

<BODY> < /BODY>

� �.�� #�� �([�� �� ���� #�� ��6��, #���� &� E�H &� �7� �.�� �2 &, <4�:� �G�� . � �.�� #�� H �� � H��� ��0�� . / ��� � 2�� &1 @�2! $�� �.! �$��� #��� ��7�Html

� ���! &G� Html #���� C��"�� ,�� >HTML< #���� $.�� � > /HTML<.*G ;��� D !

#��� ��,>HEAD<����� � ���� ���(� �������� ;�1 F��� FG� 3�/�� � ��� ��� ! . �6�4� &�����2R����� &���1 � �� ;�1 .� &����� �G6�& ���� & � 3+� &� E��� O��� :>TITLE < …> /TITLE< #��� ����2 �0 3�����> /HEAD<3�/�� �G6 $.�� $2 .

Page 5: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

5

#��� ;� $�7�>BODY< ����0�� ���� E���� ;� �!�+B�� � ��+ � �� ���� P��� ����2 #� FG�� ����� �� ���� $5��� . ��.�B� #�� ;� E��� C�+ , �6�> /BODY<

� 6 < ��1 @���� �������� OG6 ' ���� ,��� � * ,� �� …$� �� ��2�� @�2��� X����� R��� #5 :

<HTML> <HEAD> <TITLE> This is a test Webpage < /TITLE> < /HEAD> <BODY> Wow, I'm writing my first webpage < /BODY> < /HTML>

� $! ���2 �� 4��� #5 &[��O���(� #�� F7�� �� . ����� ����, $! #�(���� �����D� &, ;��� D�HTML �6 htm. �, html. #�D� ���(� ��, C:%� 1st_file.htm ���� P�/� ;�1 �/��� ��0� ����Y� #�/� &, �+!�� &��

- ���� �, )��� �.1�0���� � ��1 * �1 �.� �G.! *����� � 4��� $2.

��� �5� &��O����2 �� �0 �� �6��� $2 �) . ��(��� FG� �����B� R���� � L��� #5 . &�2 �GY!Netscape Navigator ���� ��(� Open File… ��"�5 &� File. $! ��, MS Internet Explorer ���� ��(�! Open…

��"�5 &�File.���� � �0� FG� ����� ��� #% .

� ��+���!D� ��� C���� *G����� & H(� ��1 �.����� $�� �/��� . �1 ���� �� �G6� :

*���� &G� <�0 ��� ��� ;�1 ���� �6☺*� ���( � � ���� ��, ����Y� ��5 �/ .

� *.��, &, � �, ����� &, ��5�� �� ����� ����2 ��1 ��4�:�� )�� ; :

• @� �2� � H �0�B� ������ #���� ����2 & � '�! �0� DUPPERCASE @� L�� ����� �, lowercase.��. �2� ����2� ;�� �, ��.�� �2� F7� ����2� 3 ���� *G .

Page 6: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

6

• ������ �, @�"�H� ��Q���� ����1D� & �� G(7� D �������� &� ���/�� � �.� ) ^���� �L+� #�/� ����1 F,Enter( ��� $! �������� OG6 �6�0� $�� Html. '���� *��� ����2 *�1������ &Y! N�(, @������

$��� �2��� :

<HTML><HEAD><TITLE> This is a test Webpage </TITLE></HEAD><BODY> Wow, I'm writing my first webpage </BODY></HTML>

$��� �2��� �,:

<HTML> <HEAD> <TITLE> This is a test Webpage < /TITLE> < /HEAD> <BODY> Wow, I'm writing my first webpage < /BODY> < /HTML>

�2�� �G.� ;�� �, :

<HTML> <HEAD> <TITLE> This is a test Webpage < /TITLE> < /HEAD> <BODY> Wow, I'm writing my first webpage < /BODY> < /HTML>

�0 ��� ��� ;�1 ����� �D��� �2 $!�. ����� )��� ����, @�1 ;� ����� ���, @��1 &� C:%� ���2�� @�/�� &, $�� D �G6 &2 . R����� &� 3���� :2

G6 ���/� &�2 ��.� ������ )�1 ���� �. $"�/�� ����� ���� #�/ �)��� � . � ���� @�/�� � �.� � ��� &2� � 2� ��� �2 $! ���2�� P�� ���/�� #2��� &2� � 2 &G� ������� �5 &[��

0� ��Z� <�. �� $�� @�/�� !!!$6 �1 ���0B�� :

#��� #�(��� ���>BR<���� � �.�� � ��� . � �0 ���� �����) F, ����� #��� �G6 &, 4�D #�� �� �.� .(

$��� �2��� R�� $2 ���� � ���� #5 �'���� ��%�� ;� �����

<HTML> <HEAD> <TITLE> This is a test Webpage < /TITLE>

Page 7: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

7

< /HEAD> <BODY>

Wow, <BR> I'm writing my <BR> first webpage < /BODY> < /HTML>

#��� �+ , *��6�>P< &2 � �0 ���� ,�� � @�/�� �, ���� $.� �, F, '���� #��� ��1 ���� C�� �/� #�/ FG� ���/�� & � _��! $!�+� ��� �!�+� 3�.

<HTML> <HEAD> <TITLE> This is a test Webpage < /TITLE> < /HEAD> <BODY> Wow, <P> I'm writing my <P> first webpage < /BODY> < /HTML>

Page 8: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

8

#��(���� D� �6����� �.� #2��� 3 ���� D *G ���( C�H��� �����! ��Q���� ��, #��� &nbsp; ) $6 ������ @����� ����(�Non Breakable Space.( �G6 ����2 D� * �1 �� �(I� P� & � ��Q��! @�1 ��(�� ���, �G��

������ ��Q���� ��1 ���� #��� .��6 @� L�� ������ � /�� * �1 �0 ��2 .

$��� �2��� ����� ��2�� @�2��� ;� ��� &G� :

<HTML> <HEAD> <TITLE> This is a test Webpage < /TITLE> < /HEAD> <BODY> Wow, &nbsp; &nbsp; &nbsp; I'm &nbsp; &nbsp; &nbsp;writing &nbsp; &nbsp; &nbsp; my &nbsp; &nbsp; &nbsp; first &nbsp; &nbsp; &nbsp; webpage < /BODY> < /HTML>

#��(����� �� �� @���� ��2� &, �0 $��� H���� OG6 &� � ��� *��.! ���(� H���� &1 - ��� ��������� ���� �.����� @����� � � #���� . $����� :%� G( ����5D� @����� &� �L�,� &� ��2,."2 �����B� OG6 �

�L ������ &�+ OH�0�� $.! #���� 3� C:�, #�(���HTML :" �� ��� �.����� �.���(��� 7�(� &�� ����� )�1 �/ �� $! �2��� -��� ;� *G F�Z . ��� ;�1 C����, @��0�� � Q C�H��� *��6 &Y! *G2

3��� '�/� H��2 R �����© ��0��� ��:�� H��� ®��� �/ ��� OG6 ;� E��)#���� �/ �� (�.����2 . * �� ���0�"!�2�� �.����� H���� OG6 )��� . $����� &���� ���0� $! $6 ��2 ��2� �.�, ;� *�4� ��,� <>

ا�ـــــ� ا�ــ�ـ�د

ا�ــــــــ�ز&lsquo; ‘

&rsquo; ’

&sbquo; ‚

&ldquo; “

&rdquo; ”

Page 9: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

9

&bdquo; „

&dagger; †

&Dagger; ‡

&permil; ‰

&lsaquo; ‹

&rsaquo; ›

&spades; ♠

&clubs; ♣

&hearts; ♥

&diams; ♦

&oline;

&larr; ←

&uarr; ↑

&rarr; →

&darr; ↓

&trade; ™

&amp; &

&lt; <

&gt; >

&quot; "

&times; ×

&divide; ÷

&ndash; –

&mdash; —

&nbsp;

&iexcl; ¡

&cent; ¢

&pound; £

&curren; ¤

&yen; ¥

&euro; €

&brvbar; ¦

&sect; §

&#127; ����

&uml; ¨

&copy; ©

&ordf; ª

&laquo; «

&not; ¬

&reg; ®

&macr; ¯

&deg; °

&plusmn; ±

&sup2; ²

&sup3; ³

Page 10: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

10

&acute; ´

&micro; µ

&para; ¶

&middot; ·

&cedil; ¸

&sup1; ¹

&ordm; º

&raquo; »

&frac14; ¼

&frac12; ½

&frac34; ¾

&iquest; ¿

Capitalا�ــــhــوف

&Agrave; À

&Aacute; Á

&Acirc; Â

&Atilde; Ã

&Auml; Ä

&Aring; Å

&AElig; Æ

&Ccedil; Ç

&Egrave; È

&Eacute; É

&Ecirc; Ê

&Euml; Ë

&Igrave; Ì

&Iacute; Í

&Icirc; Î

&Iuml; Ï

&ET; Ð

&Ntilde; Ñ

&Ograve; Ò

&Oacute; Ó

&Ocirc; Ô

&Otilde; Õ

&Ouml; Ö

&Oslash; Ø

&Ugrave; Ù

&Uacute; Ú

&Ucirc; Û

&Uuml; Ü

&Yacute; Ý

&THORN; Þ

وف hا�Small

&szlig; ß

Page 11: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

11

&agrave; à

&aacute; á

&acirc; â

&atilde; ã

&auml; ä

&aring; å

&aelig; æ

&ccedil; ç

&egrave; è

&eacute; é

&ecirc; ê

&euml; ë

&igrave; ì

&iacute; í

&icirc; î

&iuml; ï

&et; ð

&ntilde; ñ

&ograve; ò

&oacute; ó

&ocirc; ô

&otilde; õ

&ouml; ö

&oslas; ø

&ugrave; ù

&uacute; ú

&ucirc; û

&uuml; ü

&yacute; ý

&torn; þ

&yuml; ÿ

Page 12: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

12

� ���� ����� ����������� �� !"� #$ %&� �'�

���� &� $��%� ���� ;� *� C:.�� C:6,HTML. $�� P"��(� ;�1 ������ ���� �G6 $! #�/� ��� #��� ;� �.�!�+� &2� >BODY< �� ! ����(� ������ #��� �2��� #2��� �0, &� &����� '��� .

���� ���� $! �.����2� ���5 $�� ����� �2G� �H D ��, C���� . C� ��� � L� �(� � ���� � ��(� �� �� �������, �� .N�(, �����1� � ���� &�� #�/� D ����1 R����� �6���� $�� � +���!B� �����1B� $6 OG6�) . ����

��/� :������ ���� OG6, !� & , <�����B� ����� $! �6��� $�� ��/ ����� �� �0� ���(�� �������� &���� ���� $! ��H ��! C:.� &2 '� *�� .(

&, ���� � ���� #��� ����2 ���2�� #�5, & &2 �C�+ , ���� �G6 ��%�, R +�� OG6 ������ #��(���� ����� ���� ���� P�(�� �H0� $! H2�� ����1 & ���� &�+ F, �.��� ����� �>BODY < ...> /BODY<.

���� ,��� &G� !

� ��( ���2 '���)Attribute( �.� ���� FG� �2�� �, � � 2� � ��� �0, &� �#���� ;� ��+� $�� � ����� ;�1 #���� OG6 . #� /� �0 FG� ���� &1 R����� ���(Y� #�/ #��� &Y! N�(, @������ � � 2� ����! � ��(� ��, �

���� �G6 ���, �.� #� � $�� .

� ��� @�� �� ��7� :

<BODY BGCOLOR="FFFFFF"> ... < /BODY>

� ��(� �!�+Y� ��5 �/BGCOLOR #��� ;� >BODY<����� � ��(� &� � ���� #�/� $6� � . ��,FFFFFF� ���(�� &��� �%�� $�� �� /� $.! �) ��� &��� ��6 �6) $����� & � ���2� �.�, 4�D ( " " ���, ��

H��� ���2 ����� &��� � %��000000. H��� �, 6699CCR���� '�H�� &�� ...... <� 2� �# /� OG6 ���0 & , &�! ... ���� ���� @���/� 3���

������ �( ��)���...

2� �/���� # /� &, 4�:�� ��� �L ��� ����2� $6� �H��� ��� &� ���:S

Page 13: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

13

�0� �.�� �2� �'�H��� �+(��� ����� $6 � ���, &��, �%:% *��6256 ��0��� OG6 &1 ��� � � �� �0�� &� #�5����000 ;��� 255 .N�(�� &���� ;�1 ���� ����(�� � ���� �.��0��� &���� OG6 EH� �:( &�� .

* X H� �6 &� F, &�S��0��� &� �� �� ������S �%:%� &���� OG6 &� *

�0��� &� &�2� ����� &��� :%�!000'�H��� �+(��� ����� &��� &� �2 &� .�2� ) ��� &���� &� & �0���255&���� OG6 &� . �0��� &� &�2� �.! ����� &��� ��,255 �0���� ������ &�� 255 &��

�0���� ��+(��000'�H�� &��� &� ...&���� $5�� & �2� #� �/ ��� ���� �G26� .

�� �� � ���� � �����256×256×256� &2� $�� &���� ��1 &, �� � X�� �%:%� &���� EH�� �. �1 ���� �6 �/����16777216��+�� .

H���� ���0 F, &� &2 �����FFFFFF�.� ) ��� &��� &1 ���1 $��� .#�5�, ������ �.�� … #�4��� ����2� F��1 �����) #5�� ���, F��1 #�4�16 &� � ���� #�5��� #��(���� �1 ��� � 0 ;� 9 H����� A,B,C,D,E,F .( #5��!255 #5�� "!�2 F���� F���� #�4��� FFF��1 ����� #�4��� .

F��1 ����� #5��! &G�FF �0��� �%� ��� � ;�1 255����� &�� . #5���FF �0��� �%� ���� $!255 �+(�� &��� &� . #5���FF �0��� �%� & � � ;�1 255'�H�� &��� &� .

F��1 ����� #5��� R���� '�H�� &��� &1 ��� ������ �G6 ;�1� :6699CC �6 �5�! ����� &��� ��, 000000.

F��1 ����� #�4��� �"!�2�� �6H���� &���� )��� ���0 �G6� .

Aliceblue #F0F8FF

Antiquewhite #FAEBD7

Aqua #00FFFF

Aquamarine #7FFFD4

Azure #F0FFFF

Beige #F5F5DC

Bisque #FFE4C4

Black #000000

Blanchedalmond #FFEBCD

Blue #0000FF

Blueviolet #8A2BE2

Brown #A52A2A

Burlywood #DEB887

Cadetblue #5F9EA0

Chartreuse #7FFF00

Chocolate #D2691E

Coral #FF7F50

Cornflowerblue #6495ED

Cornsilk #FFF8DC

Crimson #DC143C

Cyan #00FFFF

Page 14: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

14

Darkblue #00008B

Darkcyan #008B8B

Darkgoldenrod #B8860B

Darkgray #A9A9A9

Darkgreen #006400

Darkkhaki #BDB76B

Darkmagenta #8B008B

Darkolivegreen #556B2F

Darkorange #FF8C00

Darkorchid #9932CC

Darkred #8B0000

Darksalmon #E9967A

Darkseagreen #8FBC8F

Darkslateblue #483D8B

Darkslategray #2F4F4F

Darkturquoise #00CED1

Darkviolet #9400D3

Deeppink #FF1493

Deepskyblue #00BFFF

Dimgray #696969

Dodgerblue #1E90FF

Firebrick #B22222

Floralwhite #FFFAF0

Forestgreen #228B22

Fuchsia #FF00FF

Gainsboro #DCDCDC

Ghostwhite #F8F8FF

Gold #FFD700

Goldenrod #DAA520

Gray #808080

Green #008000

Greenyellow #ADFF2F

Honeydew #F0FFF0

Hotpink #FF69B4

Indianred #CD5C5C

Indigo #4B0082

Ivory #FFFFF0

Khaki #F0E68C

Lavender #E6E6FA

Lavenderblush #FFF0F5

Lawngreen #7CFC00

Lemonchiffon #FFFACD

Lightblue #ADD8E6

Lightcoral #F08080

Lightcyan #E0FFFF

Lightgoldenrodyellow #FAFAD2

Lightgreen #90EE90

Lightgrey #D3D3D3

Lightpink #FFB6C1

Lightsalmon #FFA07A

Lightseagreen #20B2AA

Lightskyblue #87CEFA

Lightslategray #778899

Lightsteelblue #B0C4DE

Lightyellow #FFFFE0

Lime #00FF00

Limegreen #32CD32

Linen #FAF0E6

Magenta #FF00FF

Maroon #800000

Mediumauqamarine #66CDAA

Mediumblue #0000CD

Mediumorchid #BA55D3

Mediumpurple #9370D8

Mediumseagreen #3CB371

Mediumslateblue #7B68EE

Mediumspringgreen #00FA9A

Mediumturquoise #48D1CC

Mediumvioletred #C71585

Midnightblue #191970

Mintcream #F5FFFA

Mistyrose #FFE4E1

Moccasin #FFE4B5

Navajowhite #FFDEAD

Navy #000080

Page 15: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

15

Oldlace #FDF5E6

Olive #808000

Olivedrab #688E23

Orange #FFA500

Orangered #FF4500

Orchid #DA70D6

Palegoldenrod #EEE8AA

Palegreen #98FB98

Paleturquoise #AFEEEE

Palevioletred #D87093

Papayawhip #FFEFD5

Peachpuff #FFDAB9

Peru #CD853F

Pink #FFC0CB

Plum #DDA0DD

Powderblue #B0E0E6

Purple #800080

Red #FF0000

Rosybrown #BC8F8F

Royalblue #4169E1

Saddlebrown #8B4513

Salmon #FA8072

Sandybrown #F4A460

Seagreen #2E8B57

Seashell #FFF5EE

Sienna #A0522D

Silver #C0C0C0

Skyblue #87CEEB

Slateblue #6A5ACD

Slategray #708090

Snow #FFFAFA

Springgreen #00FF7F

Steelblue #4682B4

Tan #D2B48C

Teal #008080

Thistle #D8BFD8

Tomato #FF6347

Turquoise #40E0D0

Violet #EE82EE

Wheat #F5DEB3

White #FFFFFF

Whitesmoke #F5F5F5

Yellow #FFFF00

YellowGreen #9ACD32

ÆÇÍن ��ÌÍان ا�ÆÇÈÉÊت

#000000 #003300 #006600 #009900 #00CC00 #00FF00

#000033 #003333 #006633 #009933 #00CC33 #00FF33

#000066 #003366 #006666 #009966 #00CC66 #00FF66

#000099 #003399 #006699 #009999 #00CC99 #00FF99

#0000CC #0033CC #0066CC #0099CC #00CCCC #00FFCC

#0000FF #0033FF #0066FF #0099FF #00CCFF #00FFFF

#330000 #333300 #336600 #339900 #33CC00 #33FF00

#330033 #333333 #336633 #339933 #33CC33 #33FF33

#330066 #333366 #336666 #339966 #33CC66 #33FF66

#330099 #333399 #336699 #339999 #33CC99 #33FF99

#3300CC #3333CC #3366CC #3399CC #33CCCC #33FFCC

#3300FF #3333FF #3366FF #3399FF #33CCFF #33FFFF

Page 16: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

16

#660000 #663300 #666600 #669900 #66CC00 #66FF00

#660033 #663333 #666633 #669933 #66CC33 #66FFCC

#660066 #663366 #666666 #669966 #66CC66 #66FF66

#660099 #663399 #666699 #669999 #66CC99 #66FF99

#6600CC #6633CC #6666CC #6699CC #66CCCC #66FFCC

#6600FF #6633FF #6666FF #6699FF #66CCFF #66FFFF

#990000 #993300 #996699 #999900 #99CC00 #99FF00

#990033 #993333 #996633 #999933 #99CC33 #99FF33

#990066 #993366 #996666 #999966 #99CC66 #99FF66

#990099 #993399 #996699 #999999 #99CC99 #99FF99

#9900CC #9933CC #9966CC #9999CC #99CCCC #99FFCC

#9900FF #9933FF #9966FF #9999FF #99CCFF #99FFFF

#CC0000 #CC3300 #CC6600 #CC9900 #CCCC00 #CCFF00

#CC0033 #CC3333 #CC6633 #CC9933 #CCCC33 #CCFF33

#CC0066 #CC3366 #CC6666 #CC9966 #CCCC66 #CCFF66

#CC0099 #CC3399 #CC6699 #CC9999 #CCCC99 #CCFF99

#CC00CC #CC33CC #CC66CC #CC99CC #CCCCCC #CCFFCC

#CC00FF #CC33FF #CC66FF #CC99FF #CCCCFF #CCFFFF

#FF0000 #FF3300 #FF6600 #FF9900 #FFCC00 #FFFF00

#FF0033 #FF3333 #FF6633 #FF9933 #FFCC33 #FFFF33

#FF0066 #FF3366 #FF6666 #FF9966 #FFCC66 #FFFF66

#FF0099 #FF3399 #FF6699 #FF9999 #FFCC99 #FFFF99

#FF00CC #FF33CC #FF66CC #FF99CC #FFCCCC #FFFFCC

#FF00FF #FF33FF #FF66FF #FF99FF #FFCCFF #FFFFFF

�%:%� &���� X�� �.:( &� 3 ���� ���( X���� �0� ! �O�� �(� � �� FG� &���� P�(� H��� ���� � 2 ��,X���� &�� b!�2�� F��1 ����� H��� � ��� X������ #�/ #% &�� �����(� ���� .

-R7S -TUVS: r1s # بpi ا6mnojR2ت ` hijkف def رS^ز ا2b^ان إ` ب^[\ إ6Zرة

6Ru67 داS0اwj4ا rxybا zS {2|2 ،ز^Sh2ه|~ ا.

����� #�5��� &� CD�� @����� &���� OG6 ����, #��(��� &2��� &� ��0����� � ����� &���� )�� �������� ��1 .�.�� ���� &���� OG6 R+� ���0 �G6� :

Black White

Red Green

Marron Purple

Navy Blue

Page 17: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

17

Teal Lime

Gray Silver

Olive Aqua

Fuchsia Yellow

�.�"��( � #���� ;� ����� ...

<BODY BGCOLOR="#FFFFFF" BACKGROUND="image.jpg"> ... < /BODY>

� ��(� #�/�BACKGROUND � ��(2 @��� � ����)&���0 '�� (��� �5� ������ ��� @���� ���(:

@������image.jpg �0 ��� OG6 ���2� $���� $!

����� �2 $�L� ����, �.�,� ���0�� �/ ��� @���� )�1 ���2�� #�5 �5 R����� &, 4�:� . ��0� - �� � ��(� &��2 O����� FG� ) ��� &��� C�+ ,) � ��(� �:( &�BGCOLOR( ����1 �/! �.4 &��� &, �/ /���

Page 18: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

18

� ��(2 �� @��� #��(���� #�/� D .� ��� O� ��� �+� *G 3�� �.�7� ���� �� �/� �������� )�� &,� ���( C�� � �� �������Text-Based Browsers) ���� )�1 �.��2�Y� � F, .( & ��(���� )�� *��6 ���� �,

#.������� &� C� "�/�� ���� )�1 �� ( ��LY� ����5 & G� . &� &���� )�� @�6��� ���! �5�� ;�1 #.��� &G���� ��� ��� #���� @�6 .

C� "�/�� #�/ FG� �6 ��� R������ ������ �� ��(2 C� +�1 �, C� �� ����(� #�0�7� ���� #��(��� 3 ���� ����@� �2 @��� �.�7� 9����D� $�� ��� ���0�� 3+� $! �.+��� .

#�� $! P"��(� $5�� 3� ��2��>BODY<:� &, �����c *���(��� �:( �4�D ���� �:��� #4� � �����)Links( �'�H�� &���� @H �� C��"�� $6 �2��� ;�1 N�(, 35��� �, ����� ;� *�/�� �. �1 �/�� $��

FH��/� ;� �.�� ���� �5 C:�! �.��� H� ��5 $�� �:��� &,� . �6����� $�� � +���!B� &���� $6 OG6 �C������������ .G *�0� D �5 &2#�4�� �G6 � L� � ��� * . � ��( �/��Q @��� �, &� #��(��� � �� ���� ������ �,

�.��� ����� P� ����(� ;�� �, �:��� OG6 ����(� ;� F�Z � ��� ����� . <���� ��! P���� &��, $! #2���� #�/� $�� P"��(� OG6 * � :

TEXT="#rrggbb" $����� P�� &� � ��� �����

LINK="#rrggbb" � ����� �:��� &� � ���

VLINK="#rrggbb" �.��� H ��� $�� � ����� �:��� &� � ���visited links

ALINK="#rrggbb" �. �1 �/�� #� ����1 F, ����� � ����� ����� &� � ���active links

�� P"��(� ��0� ��1� �&[��@���� @���1 $! �/�� . $�� &���� *�� ���� &����� ���(� H���� ��2, �����.�%�� .@����� �(�� P"��(� OG6 ����2 $! � ���� � �6, D �, ;� *�4� ��,� .

<BODY BACKGROUND="backimag.jpg" BGCOLOR="#ffff00" TEXT="#000066" LINK="#00ff00" VLINK="#ff0000" ALINK="#999999">

�.���� &, ���� ! @���� ���� �5 $��, �0����� �6backimag.jpg ����� &��� ���(� $��,� <����� � ��(2 � ��(�)� ��(2 �/���� @���� )�1 #�1 ��� $!( �:��� ��, <'��L� '�H�� &���� �.4 � P�� &�� <

�� $�� �:���� ��+(, �.���! � ���������� &���� �.4�� �.��� H � . &���� �.4��! ����� ����� *�� ��,@�7��� �. �1 �/�� �4� $! F�����.

*��0������ $6 OG6 ���2 �G� ...��0� �/ �*����! . �G6 3� C� 6�H� C����� C��5� � +5 �5 &�2� &, O����, �� �2�

���� .

Page 19: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

19

*����� ����� +�+,��

ص6mnت ا�نhjن� وا3�mj2 ` ز682 ن6iS �s68 أ6�464ت HTML .���8kأهV وV74 ب} إd2 ا02رس اzS �26�2 دروس 67ou6owط. ب^�w266ص- بw2ا2^4^م ا def فhij2ل اVخ zS ه|ا ا02رس �y {26ب\ ذjو4^ف ن.

�u6ow2ا �n6ء ن�fأو إ ،rRi2ا �nداء نb -�.h� zS hأن ه68ك أآ� -�UV2ه|ا ا02رس وا02روس ا �y ¢UVk 4^فاjS �u6ow2¥6بk �y -7¤ث�hهz�2 ،6 بzS r�e�26 ا��s0j2 وب6�R26ب0s r .01و 2} أن بpi ا2^4^م و. 6mno2ت ا�نhjن�

¦jص�^oو34 خ r�2 أن §¥j�j4 -بh¨j2وا .

و0182أ zا6�2ب�� z�4ا02ر �y 67�y 68eRf �j268 ا���12- اjmnراج\ ص . zS r�Z 67 و` ب¤ي�y ط^�w2ا \S rS6ij26إن68 32 ن�3 ب

.أي أنhk 68آ68هdef 6 إ0fادا67k ا`hjyا[�-. ا6�Zbل ¦f^6دي، نf «0ادات ه� خfن ه|~ ا�¬y -1468R26وبTimes New Roman ¦R¨Uن� (3 وhj6ت ا�نmnojS 6س��Rب .(

>FONT < ...>/FONT<ا2^34 اbول ا6w2ص ب�w26^ط ه^ 3¨m2ن وا^e2ا82^ع وا ��U zS ط^�w263 ب�mj26ى . وه^ .�^م بhخbه|ا ا2^34 وا2^4^م ا \S 67S0wjن� �j2ا �u6ow26 اSأ

2�26j26�7 آy ط^�we :

Face C��� 9�� &� �%2, � ���� #�/� �5� �O� �� FG� �(� 9�� � ���� � ��(� OG6 #�/� . OG6 $!� �(� ����1� #� 35��� R��� FG� P(�� H�.0 ;�1 CD�, ����� �(� �0��� # �G� ����

$��%� ... �G26�

<FONT FACE="Traditional Arabic, Arabic Transparent, Simplified Arabic"> ... Text ... < /FONT>

C� "�06 �� ��� @����� ���(� ����, ����2 &� �27�� &, ��� D C���� .

Color ��%��� $�� &���� � ��� d���� ���� *G� ��(� &� ����! � ��(� OG6 ��, �.�1 $! '���� ����

<FONT COLOR="#FF0000"> ... Text ... < /FONT>

Size � ��(� OG6 #�(��� �(� #0� � ���� .�/!� �������� 3 ���� �( F� #�0�, ���� *��6 �. �1 �����.

& ����7� ������ #0�� � ���� #�/�� :������ ��.�, .��2 #� - � & � �� ^���� #5� ��1S7 .@����� O� �� FG� #0�� ���(� ���, F, .

<FONT SIZE="4"> ... Text ... < /FONT>

Page 20: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

20

���(� #�0�7� EG��� * ��

#0�� �(1 #0�� �(2

#0�� �(3 )$+���!D� �(�( #0�� �(4

#0�� �(5

#0�� �(6

#0�� �(7

���� �.! $��%� ������ ��,$ : &� #�5��� ��2� - �1 ;� 6 @���Y� ��� �/!�� + @���Y� �,S .

<FONT SIZE="+4"> ... Text ... < /FONT>

#�5��� &Y! �/ ��� OG6 $!�1S6 � �2�� ��0�� �%�� (+) � L��� �,)S ( C���� *G� �(�$+���!D� #0�� ;� . #5�� :%�!+4&1 ��0�� 3��, �(� � �2� $�� $+���!D� #0��

�6�3 #0��� R�� �, F, �7 . #5�� &7! ���/���S1 F, @���� �0�� �(� � L�� $�� #0��� R�� 2 .

EG���� OG6 * � ������� �G6 R +���:

#0�� �(S3 #0�� �(S2

#0�� �(S1 #0�� �(+0 ) �,S0$+���!D� �6� (

#0�� �(+1

#0�� �(+2

#0�� �(+3 #0�� �(+4 #0�� �(+5

���(� #�0�, ���� &� �%2, ;�1 ����� 3 ���� D $���� ������ $! ;�� �, 4�D .

Page 21: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

21

#0�� ����2� ��6 ���! ��2 �L�, �, ��2, #�5�, ����2 ����� &�� ;��S3 �, +5 .

08f dدنb0~ اU def «w23 ا¨U �1ل 0�2 ث^�j4 ،ل¤�k 0 أن.hk 6ذاS فhf08 ا02رج- 2-ا02رج- وا±ن أf defb0~ اU defو +4 . zS rsbى اhخbوج^د ا02رج6ت ا zS 0ةu6n26 اS 2-إذن zS h1آb؟4+ وا

hال ´خµ68 وأن6 أج�1} ب��U : d2إ -mno2ا rآ �y «we2 �]اhjy`3 ا¨m2ا h��¶j68 بRs ^2 6ذاS1 zS و4^ف ن�^م (؟ 3 ب0r�es 0iب Viy {2|ه|~ ا)ب �y 6جjmأ` ن ، zS ا02رج6ت d226- إm2+1 d20.0 6+ إmj68 بRs 8¦؟ وإذاS h1آb6م ا¨Ubا r��Rj2 7

zS ا02رج6ت d26ج إjmا[� أ` نhjy3 إ¨m1-آ d2ه|~ 6- إ d2إ Viy 6جjmن zm8¦؟ إذن نS h¶صb6م ا¨Ubا r��Rj2 .ا02رج6ت ��2 ن¶�� ج�R\ ا�6RjU`ت ا2^اردة

{i8s0 أs أرج^ أن .�^ن ه|ا ا2¨^اب:-(

. وه|~ بpi اj2 -e�Sb^[¹ 2} آ��n- ا0wj4ام ه|ا ا2^34، و4^ف أر�y ن�j¨- آ6�S rل بhZ61S ~0iة

<FONT FACE="arial" SIZE="6" COLOR="#FF0000"> This font is Arial, Size is 6, Color is Red < /FONT>

This font is Arial, Size is 6, Color is Red

<FONT FACE="arial" SIZE="+3" COLOR="#FF0000"> This font is Arial, Size is +3, Color is Red < /FONT>

This font is Arial, Size is +3, Color is Red

<FONT FACE="Times New Roman" SIZE="5" COLOR="#0000FF"> This font is Times New Roman, Size is 5, Color is Blue < /FONT>

This font is Times New Roman, Size is 5, Color is Blue

<FONT FACE="courier" SIZE="2" COLOR="#800000"> This font is Courier, Size is 2, Color is Maroon < /FONT>

This font is Courier, Size is 2, Color is Maroon

<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> This < /FONT> <FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF"> is < /FONT>

Page 22: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

22

<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi < /FONT> <FONT FACE="Impact" SIZE="4" COLOR="#000000"> colors, < /FONT> <FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> multi < /FONT> <FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> faces, < /FONT> <FONT FACE="Courier" SIZE="6" COLOR="#FFFF00"> and < /FONT> <FONT FACE="Arial" SIZE="5" COLOR="#808080"> multi < /FONT> <FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes < /FONT> <FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF"> text < /FONT>

This is multi colors, multi faces, and multi sizes text

<FONT FACE="Impact" SIZE="6" COLOR="#000000">C < /FONT> <FONT FACE="Impact" SIZE="6" COLOR="#008080">O< /FONT> <FONT FACE="Impact" SIZE="6" COLOR="#FF0000">L< /FONT> <FONT FACE="Impact" SIZE="6" COLOR="#0000FF">O< /FONT> <FONT FACE="Impact" SIZE="6" COLOR="#800000">R< /FONT> <FONT FACE="Impact" SIZE="6" COLOR="#FF00FF">S< /FONT>

C O L O R S

.>d2>BASEFONT ا2^34 ا6�2ن� zS ا2^4^م ا6w2ص- ب�w26^ط وه^ نr�j8 ا±ن إ -mnoe2 -1�826ب ¦ou6oوخ «w20.0 ن^ع اmk ^ه ¦eRf67وeآ . �y 0مwj��4 �464 ا2|يbا «w2ن^ع ا §.hijأي أن¦ .�^م ب

¦R¨U0د 2^ن¦ وm.67 وj.67ن d267 إj.ب0ا zS -mno2ا. 678e2 34و def ي^jm. `د وhnS 34ان¦ و �TU` rه -mno2ا \S rS6ij. ¦6 أنR26� -.6782و34 ا d26ج- إm26 اS \1�26؟ ب-.

67kة ب|اh�y أو h�4 أو -Reآ \S ��2�464- 672، وb0ادات اfا� \Sو rآ� . ،§eR2أول ا �y 6دةf ºj�. 34^2ن ه|ا ا¬y {2|2، > S h>FONT\ أ6S ا�u6ow2 ا�7y ¦iS -S0wj�R2 ن�n اn264 �u6ow2- ا2|آ. >BODY<و.hZ61S rxnة ب0i و34

Name zSن���j\ ا0wj4ام ا6w2ص�- ( : وإ�2} ه|~ اhn�¥2ة آ6�Rل. وب�n8 اh�2.�- وب0ون أي اخ6yVjت). iS Face¦ ب0

<BASEFONT Name="Arial" COLOR="#FF0000" SIZE="5">

¦f^¹1 نo. ��mب -mnoe2 �]اhjy`ا «w2ا r.0ijأن¦ .�^م ب »j8j6ل ن��R2وب0را4- ه|ا اArial ¦R¨U5 وhRUو2^ن¦ أ .«w2ا zS «R8267 ه|ا ا�ef �1��4 -mno2ا {ek �y -ب^j�R2ص ا^o82ا rن آ¬y �26j260ام ا2^4^م . وبwj466 بi1� 36 32 ن�S

>Font < ...>/ Font < 34^2ا zS -ونhS h0.0ا وأآ�mk h�7 أآ�y ،-ا6�2ب� -e�Sbا �y 68eiy 6Rه6 آh7TR3 ب�mj267 واe.0ij2>BASEFONT <

-mno2�464 �82 اbن ا^e2ا h��¶k2^ان وbا zf �.0m21468- اR6ص�- . وبw2ا zf 68Re�k ا02رس ا6�2ب� �y 68أن hآ|k `أText 34^2ا \S ºj�k �j2ا >Body <-mno20.0 2^ن ن� اmj2 668هS0wj4ا �j2ذ2}... وا hأن6 ` ز�2 أذآ.

y¤ن� ب�r ب���j�k -�6\ ا0wj4ام أي > �y >BASEFONT اColor 34^2` .^ج6ik 0رض ب�z ه|~ ا6w2ص�- وخ6ص�- {jmnص �y 6R78S . 34^2ا \S 0دmR2ن ا^e2ن ا¬y 6RهVآ �S0wj40ث واU وإذا>BASEFONT < ¦�1��4 ه^ ا2|ي~0Rji.¹ وnojR2ا .

z.68وi2ا ¾��Rj2 0مwj�k -ه68ك و4^م خ6صHeadingsن� وه�hj6ت ا�نmnص �y :

>Hn < ...> /Hn<

Page 23: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

23

. .j�S r�R^ى ا8i2^ان6-1 ب�z ه^ رn3sوhUف

<H1> Heading 1 < /H1> <H2> Heading 2 < /H2> <H3> Heading 3 < /H3> <H4> Heading 4 < /H4> <H5> Heading 5 < /H5> <H6> Heading 6 < /H6>

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

و�e. 6R�y ا2^4^م ا6w2ص- بf^1jS 67- ب6�Rل . اj2¤ث�hات اz�R. �j2 إ[67jy6 إd2 اo82^صون¤�k ا±ن إd2 ا6���8j2ت و¦j¨�jون:

* �S6¶2ا «w2ا)p.hi24^د اb�26-)اj20م 2¦ ا2^4^م اwjون� ، :

<B> ... < /B> <STRONG> ... < /STRONG>

<B> Bold Text < /B> This is Bold Text

<STRONG> Strong Text < /STRONG> This is Strong Text

* ru6R2ا «w2ا

<I> ... < /I> <EM> ... < /EM>

<I> Italic Text < /I> This is Italic Text

<EM> Emphasized Text < /EM> This is Emphasized Text

* h��R2ا «w2ا

<U> ... < /U>

<U> Undelined Text < /U> Undelined Text This is

w2» اnkhR2\ ا*

Page 24: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

24

<SUP> ... < /SUP>

<SUP> Superscript Text < /SUP> This is Superscript Text

* pnw8R2ا «w2ا

<SUB> ... < /SUB>

<SUB> Subscript Text < /SUB> This is Subscript Text

* h�1خ» آ

<BIG> ... < /BIG>

<BIG> Big Text </BIG> This is Big Text

h خ» ص¶�*

<SMALL> ... < /SMALL>

<SMALL> Small Text < /SMALL> This is Small Text

ن� .hji[¦ خ» *

<STRIKE> ... < /STRIKE> <S> ... < /S>

<STRIKE> Striked Text < /SRTIKE> This is Striked Text

<S> Striked Text < /S> This is Striked Text too

* -iن� ا±2- ا6�2بTeleType

<TT> ... < /TT>

<TT> TeleType Text < /TT> This is TeleType Text

:وj2^[�¹ ه|ا ا7nR2^م إ�2} ا6�R2ل اMonospaced Text .�26j2وه|ا اhi. �82ف أ.6x ب0U^S �826 ا6y6�R2ت z�yhm2إذا أخ|ن6 اm,i67 اe¶Z �j2ا -U6�R2أن ا ¢UV�26- نjjS اتhS h¥f 6R78S r681 آjف وآhm2m -U6�R26ف اi]ه� أ

iا67e¶Z �j2 اhm2ف

iiiiiiiiii mmmmmmmmmm

y¬ن اU6�R2- ا67e¶¥. �j2 آV ا0U^S ¹1ok z�yhm2ة> TT < ...> /TT<أ08f 6S ا0wj4ام ا2^34

Page 25: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

25

iiiiiiiiii mmmmmmmmmm

6iS 6���8تk 0ةf zب� \R¨k -e�Sوه|~ أ :

<B><I><U> This is a Bold, Italic and Underlined Text < /U> < /I> < /B>

This is a Bold, Italic and Underlined Text

<FONT COLOR="#FF0000" SIZE="+3"><U><I> This text is red, size +3, Italic, and Underlined < /I> < /U> < /FONT>

, Italic, and3+This text is red, size Underlined

أن ب¬6�Sن68 ا0wj4ام 0fة و4^م و6���8kت �y 6iS ن�n ا�s^2 و�n82 : ~ ا8�iS ru6�S ¹�]^k -e�Sb- أو672و0s أردت zS ه|وآ6R ذآhت 64ب�6، ` أهº�khj2 -�R ه|~ ا2^4^م و` ). وذ�R¨2 {2\ ا2^4^م و�y ��2» 2^4^م ا�w2^ط. (اzS \��R2 ا�82

���...أ.67 ورد أو :آ�§؟ أنhT إd2 ا34h2 ا��S �y ...!�26j2\ واhS º¨. 0Uا6fة 0fم ا0j2اخr ب�08f678 ا0wj4ام ا2^4^م ا0ijR2دة

: 6j�yب- ا2^4^م ا6�2ب�- بh�26ق ا�26j2- ه^ خ�¤

<B><I><U> This is a Bold, Italic and Underlined Text < /B> < /I> < /U> <B><I><U> This is a Bold, Italic and Underlined Text < /B> < /U> < /I>

Page 26: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

26

-m�mص -¨�jن def �eoU 6Rب- ه|~ ا2^4^م وربh¨jب �Rs {�8 وأنs0ok 32 {ف أنhf61رة . أf �y ���2 ةh1i268 ا�U�h ب�y r صmn- إنhjن� آ6ÃS zS §2¤jk 0s -eS6ت أو djU ´`ف وا0Uة �S^ن- zS وz�R4 أو ثVث- eS �y 671j�k§ ص¶

ا2^4^م j�S^ب- eS �y§ خ6ل zS اbخ�6ء ا���8R2- وا0j2اخVت اº1�k 0s �j2 ا�رب6ك 6mnojRe2ت، وµkدي إ0f d2م hfض .ه|~ اmno2- بr�¥26 اº468R2 واe�R2^ب

�n اbه�R- اº¨. �j2 أن 6j�2 67�2^kب- ه|~ ا2^4^م y {2|2¤ه�R- أن º8¨jk وج^د ا2^4^م ا0jR2اخ�y -e صjmn} ه^ ب86�uVSإ -m�mo2رة ا^o263. بUhk ` 6تmnojR26y `6ت . وإmnص def ن^RRoR267 ا�y roU �j2ات اhR2ة ه� اhوآ��

r�S 6رةZ0 أو إUف واhU ن��6ن º1678رة ب�S > أو > أو " 0.0Z 6رojج�0ا ه... ب¬خ -RRoR2ا -mno20ة أ�464-، اf6وآ�-e0اخjR2ا h�Åو -m�mo2ذات ا2^4^م ا -mno2ا �.

Page 27: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

27

-����� ����� ./������ ����%��

#�1 �2�� �./ ���� ������ � ���� P�( �2�� ���/��� ���(� #���� V5��� ��� ���� �G6 $!. $��� ���(� &,� �� � �� &� C�1�� �. �1 $�+ ����� $! �������� &��f *���(��� &, R �� *����

CD��0� C�/��� . ��.�"��5� �.���/! # 4��� #��� �.�2 6 ' ��� $! �5�� )�� $+/� �, *���� � ���� #�.� # &� *�2��0�� � � ���� ;�1 ����� * �1 ���� &� �Y! . d��/� �, �"�H� #���6� �G0 ;��� @��(� �6 � ����!

� �+ ��� ���(� #.! �1 �.��� *�������� .

$! ��5 �/���� �������/��� ���(� #���� )�� ^�+ Y� .�.� *� 2G� &� �7� D� . #���!>P < ��.�Y� #�/ @�/�� . #����>BR<� �0 ��� ;� P�� �/� � $��� ���� $.� . #���� &nbsp; �/ ���Q���� �!�+Y� #

������ ��Q���� ��1 ���� ����2 ���2� �0 �. �6� Q� #���� OG6 3� ���� �G6 $! 3����� .

#��� &� ��5 �/>P< E��H� #��2 C�+ , #�(�� �2 ���� #�� �6 >P < ...> /P< &� ���g2� ���� OG6 $!� #�(�� - � �. ! P�� O�0��� @�/�� O�0�� � ��� P"��(� ��ALIGN, DIR.

� ��(�!ALIGN # /� G(7� $6� @�/�� @�G��� ���� Left ,Center, Right� ��� ��%���� �.�+�,� :

<P Align="left"> This is a left-aligned paragraph < /P>

This is left-aligned paragraph

<P Align="right"> This is right-aligned paragraph</P>

This is a right-aligned paragraph

<P Align="center"> This is a centered paragraph</P>

This is a centered paragraph

#���� #��(��� 3 ���� ����� $! #�1 �2�� ���"�2� �, ���/�� � ��� *G2>CENTER < ...>/CENTER <

<CENTER> This is a centered text </CENTER>

This is a centered text � ��(� ��,DIR 3� C�+ , �.��(��� $��� >P< # /� G(7�� P�� @���5 O�0�� � ���� #�/�!

LTR & � � ;� ��� � &� P�� O�0�� (Left To Right)

Page 28: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

28

RTL ��� � ;� & � � &� P�� O�0�� (Right To Left)

)0 � ��(� OG6 �2G�� ���� �L��� ����� ����2 ��1 ��.� $.! C�� (

#���� �0� C�+ , ���/�� ' ���� >BLOCKQUOTE < ...> /BLOCKQUOTE<����/�� ���/�� #��� F, . �:( &� @�/�� H �� �.�� 4��

�. �� ��� &� �� & ���.� ;�1 � !�+� �!��� E���� .

��� @�1 3+� 3 ���� *�, �/ /�����2, V���6 E���� ���, �G� C��� # .$��� ��%�� $! ��2 :

<BLOCKQUOTE> <BLOCKQUOTE>

��6 P��

< /BLOCKQUOTE> < /BLOCKQUOTE>

�/! ����/�� ���/�� 3� #���� �G6 #�(��� &, C���� � 3����� . &� ���� �2 � �.�� � ��� $! �.�+, C:%� ��7!35��� �G6 ����� .�������0,� �. C�/�:� &�2 &, &� �+!, �G.! ����� � ��� &1 C: �5 C�� �� P�� �.4 $ .

O���1Y� ��5 � 2 X����� &, ����� �2�� �G6 ��7� &[��!... <

A B C D E F G H I J K L M N O P Q R S T

��Q���� #��� &� C�� �2 C���1 ���(��� $�, ;� ����� ���� &nbsp; ���� � �.�� >BR<. D *0������ �C���� ��6 #���� OG6 &� C� , #�(��, # ��7! C�/ 5� � �2� � �7� .&�+ �+� �6 �2�� �G6 ���1� ��� ���! �� �2 �� :

<PRE> ... </PRE>

���2 ����(� ��6�PreformatedC�/��� '���� F, .��� �2�� �G6 4���� �/! ������ O���1� #� FG� '���� ' �� � .$���2 �0 ��� ���2 #���� OG6 &�+ �+�� #5, # �� ��!���� ���� �( ;� �(� � ��� #� &2:

A B C D E F G H I J K L M N O P Q R S T

�� �, ���(� @����� ��/ ��� ;� �. ! E���� D $�� ���/�� 3� #�(�� #��� �G6 &, 4�D&�� . ���/�� 3� �/! ����/ ����� �(� @���� � ����.

Page 29: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

29

./�����

�L F����HTML���� ( @�1 #��(����� #"��5 $! ���� �� # 4��� ���(� #���� &� �1��0� ;�1 . *��6�#"��/� &� & 1��: �������� ��.�,Ordered Lists. �. �1 $��� ��%�� * ��

� &��� )�� ����,� � ����

1. ��/� 2. ����� 3. W� #�� 4. � �(� 5. & �0 6. #�2��

�������� � Q #"��/� ��. ��%�Unordered Lists �. �1 ��%� �G6�

� � ����� �����0� )�� ����,

• ^�0�� ����0 • ������� ��/� ����0 • � H� � ����0 • � �(� ����0

;� E���� ��. 1��� #"��/� 3� ������ ��1��"�/� OG6 ���� ���� #���� ��"�/� � �.�� � ��� � ���� ���( #���. #���� #�(��� �������� #"��/� ������

>OL < ...> /OL <

#�(���! �������� � Q #"��/� ������ ��,

>UL < ...> /UL <

#��� #�(��� ��"�/� ���� &� ��� �2 & ���>LI<$! ��2 ���� #�� �6� ��� �2� P�(� ���� � ��� List Item.

� ��� @�� �� ���(��� �/���� #"��/� ����Y� ��5 ����1 &G� :

<OL> <LI>سKLMا <LI>OPQRS

Page 30: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

30

<LI>رام Vا <LI>WXPYMا <LI>ZX[\ <LI>م]^M_` < /OL>

<UL> <LI>abcR\ حRe[Mا <LI>af_ghiMس اKLMا abcR\ <LI>abcR\ jزی]XQ <LI> Mا abcR\WXPY < /UL>

$6 #���� OG6 3� #�(��� $�� @� ��� � ��(��TYPE ���"�/� ���� 3� �6�4� H��� �2� � ��� �.�� 4�� #"��/� � ��� #��� 3� #�(��� @��1�>UL< �, >OL<��"�/� �2 C����� C�H�� ���� *G�� . �.���(��� 3 ���� &2�

����� #�� 3� C�+ ,>LI< #2�� ���1B ��� �2 ���(� H�� � ��� �:( &� ��"�/� �.4� $! ��2, .

# /� G(7� �������� #"��/� � ��� &�+ �.�+� ���! :A, a, I, i � ���� #�5��� &� # 5��� H��� � L� $�� � +���!B�) �6H�� $���1 (�� #��(���� �, �@� L�� �, @� �2� � � �:� ����� #��(���� # 5�� ;� � ������ #�5�

$��� ���0� $! N�� ��2:

<OL TYPE="A"> <OL TYPE="a"> <OL TYPE="I"> <OL TYPE="i">

A. B. C. D. E.

a. b. c. d. e.

I. II. III. IV. V.

i. ii. iii. iv. v.

�L $! ��.� �7�� &1 - ��� ;� $���/ � ��(� OG6 &1 - ����HTML #���� �7�� $6� P"��(��O� Q 3� ���� D� �������� ��, 3� ���� $�� F, O� Q &�� & �� R����� @����� .

�/��� @���� � &2 ��������� � Q #"��/� 3� C�+ , #�(��� � ��(� OG6 &, *G $! �����... N�� ��, <� 2'�� ����� ��/� &1 @���1 �6 ��"�/� $! ��� �2 ��1 ��0��� H��� &, #�� �. �1 Disc $! C���+ �!���� $6�

� ��(TYPE. 3���� $6� �6��.4� &2� N�(, H��� *��6 &2 square, �Q���� @�"���� circle ����� $��� �2��� :

<UL TYPE="square"> <UL TYPE="circle">

2�� � R���� 3� D� �6� %7� �.4 D� ���� D � ��(� OG6 ��f &2� FG� ������2� �!����2 �� 3� � � �� ��(� � +���!B� �� /� 3� �/! ����� ) . P"��(�� #���� &� � %2� *��.! ������2� ���(��� �+L D h��0�

C�+ , �.+�1 � 2�� � 3 ��� D $��.( Q #"��/� ����B #�(��� N�(, C����� *��6 &, * �2G, �#"��/� &1 - ��� #���B� �/ ��� ����� ��������� �

3� ���(����>UL<...> /UL<$6 #���� OG6� :

Page 31: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

31

<DIR> ... < /DIR> <MENU> ... < /MENU>

��� ���� �, ^��� #"��5 ;1� #"��/� &� P�( 9�� *��6Definition Lists � �� ����1 #�(��� #�B� �� ��2�

�� ���� �2 3�� �������� &� ��"�5 E����' ��� �, ^�� �. . HTML

Hyper Text Markup Language WWW

World Wide Web FTP

File Transfer Protocol GIF

Graphical Interchange Format JPG, JPEG

Joint Photographic Experts Group

#��� �%:% ;� #"��/� OG6 ����B E�����: ����>DL < ...> /DL <��� � �����"�/� � �.�� � .

$��%��>DT <���� #�� �6� �O� ��� R���� �2 ��5 3+� � . �.! -�%� ��,>DD <���� �+ , �6� ' ���� �, ^��� #�� �6� . �/���� ��"�/� @�� � ����2� &[� #/��

<DL> <DT>HTML <DD>Hyper Text Markup Language <DT>WWW <DD>World Wide Web <DT>FTP <DD>File Transport Protocol <DT>GIF <DD>Graphical Interchange Format <DT>JPG, JPEG <DD>Joint Photographic Experts Group < /DL>

Page 32: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

32

���,�� ����� ��������� ��&��

� �!�+B�� ��.�� ������� '��� ��� �������� ���� &1 - ���� #�5, ��� ���� �G6 $! 9���7� � ���� ;�����B� $! �0���� � ����� ������ .

$! *G &�2� ������� �� ��( �!�+� ;�1 &[� ;�� ���� &1 ��% �� ���5� �/ $��%� ���� ���� E���� ��,, �N�(, � �2� �! �.��� ������ &�+&[� * �.� ���� ,�� .

�6 ����� �(�� �� @��� � ��� #�(���� $� "�� #��� &�>IMG<���� #�� �6� . E���B �G6 $�2 �6 &2�6� �� $�� @���� ���� &, �0 3���� �:2 <@��� . � ��(� � +� *GSRC@���� #��� 35�� � ��� .

�.��� � ��� @����thedome.jpg� �.0���Y� ��5 ����1 . $6 *G� ���(� @�� �� ���2

<IMG SRC="thedome.jpg">

$! @��0�� @���� &, )���� OG6 �L ����)0��� �� �(�%�� ������ �% ��� �0��� - � HTML ��1, FG� :( &� @���� ��1����� ��5� � �1 . *�� V5��� ��� ���� <�(I $1�! ��0� $! @���� ���2 � �G�� &2

�7��� OG. & ��� .

;��� ���� ��� � ��0��� ��0�� &1 9���� ��0� $! @��0�� @���� &�2� &, HTML$��� �2�� ��� :

@���� ���� ��0�� �G6 #�� ����2� ���� OG6 $! #�/� /@���� #�� #% .

� ��%� ����: ��� &�2 &, HTMLN����� ���� �(I ��0� $! @��0�� @���� &�2�� �� ��0� $! C���0�� . F,0�� & ��0� ��.�,�([� &1 ��6��, & 1���� �� � & ��� .

Page 33: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

33

��2� ���� OG6 $!�) ..& ��/� ( $��� $1��� ��0�� &� E��(� R����� 0��) ��� �0� - �HT ML( ��0�� ;� ��(�� #% &��images@���� �0�� - � .

���� �G6 '��� &1 E�(� D �. � ������ �.�5��� � ��� � ��1 &Y! ������ �0��� 35��� ���2 ��.� �#�1 �2���@�� �� &� . � ��(�� �0 FG� ��0�� #�� ����2� �$1�! ��0� &� E��(� & ��/�� ����2 F, .

6 @���� OG. � ����� ������ &� $200×145 ��2 � Pixel OG6 ;�1 �4!���� 3� @���� E���� #� 4�:� ��2� ������ .#��� �G6 �:( &� O� �� FG� #0��� @���� ��.4�� �.� C�+ , #2��� 3 ���� &��! *G 3�� . <� 2

P"��(� �!�+Y�HEIGHT, WIDTH& ������ )���� 9����B� �%�� #�5�7� �1���� .

<IMG SRC="thedome.jpg" HEIGHT="70" WIDTH="120">

<IMG SRC="thedome.jpg" HEIGHT="300" WIDTH="500">

3� #�(��� $�� � ��� � ��(�>IMG< $6 ALT@���� &�2� �.4 C: �� C��� ���� �. !� . 4�: P�� �G6� �� ( &�2 ����1 C����("C� "�/�� ���� ��.4� "R����� $! ���! � Q . '��� $�� @���� $! �4�:� 3 ���� ��2

���(� ���� � ���� ���� �" �� 35���� $! .

<IMG SRC="thedome.jpg" ALT="The Dome Of The Rock">

F, �%� �.�%� �@�/�� $! �6���� � ��� ��� 3���� ���� �6��.4 35�� &Y! @�/! &�+ @��� E���Y� #�/� ����1N�(, @���1 �, ���2 . � ��(� #�(����ALIGN P�� 3� @���� @�G��� � ��� @����� �/� �, �. '!����

N�(, :�1� ��� ��� �1�)� 23�� 4 �� -��� ��� $# /� G(7� $6� :BOTTOM, TOP ,MIDDLE, LEFT, RIGHT$� ��2 �� 5 �2 � %7� * R+�,� :

Page 34: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

34

و6S08f ` ن�^م ب0.0mj أي 6mSذاة y¬ن ا�82 ا2|ي .r�S ( �e ه|~(�y ا26m2- ا6i2د.- 672 den�2ا -y6m26ذاة اmRب h7T. رة^o2ا . �j2ر وا^o27^ر اT2 -�]اhjy26- ا�m2وه|~ ه� ا

-R��267 اe�RkBOTTOM

<IMG SRC="image.jpg" ALIGN="BOTTOM">

TOP

و0.0mk 08f ه|~ اy -R��2¬ن اh��2 اbول zS ا�82 ا2|ي .�e اo2^رة .�\ 672 6�ei2ا -y6m26ذاة اmR67. بen40 أjR�y �82ا �s66 بSأ .

<IMG SRC="image.jpg" ALIGN="TOP">

MIDDLE

. أ0.0mk 08f 6S ه|~ اy -R��2¬ن اh��2 اbول zS ا�82 .�\ ب6mRذاة oj8S§ اo2^رة67en40 أjR. �82ا �s6ن ب¬y {2|آ .

<IMG SRC="image.jpg" ALIGN="MIDDLE">

LEFT

S\ ا6nj2ف ا�82 ا2|ي . �6ره|~ اµk -R��2دي إ6mS d2ذاة اo2^رة إd2 أdos ا�2 . .def 67�e ا2¨7- اd8R�2 و0i2ة أº�U h�4 ار6nkع اo2^رة

<IMG SRC="image.jpg" ALIGN="LEFT">

RIGHT

z�R�2ا dosأ d2رة إ^o26ذاة اmS d2دي إµjy -R��26 ه|~ اS6ف ا�82 . أnj2ا \S . ا2|ي .def 67�e ا2¨7- اh��2ى و0i2ة أº�U h�4 ار6nkع اo2^رة

<IMG SRC="image.jpg" ALIGN="RIGHT">

�6���0 FG� P�� & �� �.� � ������ �!���� � ��� ;� E���� @���� @�G��� � ���� ���5 &, ��� &[�� . #�(����� ��� P"��(� *G:

VSPACE:@���� ;����� � ��� & �!���� P�� & � ������ � ����� �!���� � ��� . HSPACE:@���� N�� �� ;�� � & �!���� P�� & � ������ � /!�� �!���� � ��� .

��%�:

<IMG SRC="image.jpg" ALIGN="RIGHT" VSPACE="20" HSPACE="20">

Page 35: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

35

-¨�j826~ : اR�R2رة ا^o20رج اj4 ةhn�¥2ه|~ اimage.jpg -mno2ا z�R�2 67k6ذاmS \S

ب���r 20وإ[6y -y6�S -y6ر0�S -Åاره6 -iربbا2¨67ت ا def) . ه|ا ا��6ر z6رن ب�s

ALIGN \Sوا��6ر ا6�2ب� ا2|ي و[�y �m¦ خ6ص�- -R��2اRIGHT . �82رة وا^o2ا zب� -y6�R2ا ¢U`و

672 �yاhR2ا (.

#��� 3� #�(��� $��� @� (�� � ��(�>IMG< $6 BORDER #2���� ���� ��� ���� �!�+� �.�� 4�� i2�K�� .� ���� ����2 �� @��� & �� ��1 P�( �2�� #�(��� � ��(� OG6� . ����� �:( &� *�K��� #2��� #� �

��2 ��� *�K�� �%� #5� . $6 � +���!B� �� /��0@���� ��� ���� �0� D F, . 2�K� ���� �!�+B j:%�5� ��� @�� �� ��2� ��2 � :

<IMG SRC="image.jpg" BORDER="5">

#�1 �2�� �������� ����� '���� $�� ����� )�� C��� V5��� $2 �5�� &�� &[�� .

*<�����B� 35��� *���� �:( �.� ���� #�/� $�� � ����� ������ 9���, ;�1 ����� &, ���� �6 �� ��/ ���� � ����� ������ 9���, &� ������� ��� ��2� #�1 �(H �� . @�1 &� O� Q &1 ���( �.�� �2�

�.�� * �2G, �^��� :���� $� H(�� #0��� ��.�1��� $�� &���� ��1� ��5�� . OG6 &� �/! & 1�� *��6 &2��6� �����B� $! C� �� ��.���� #� ������:

JPG ,JPEG k ����(�ointJ hotographicP xpertsE roupG.' ���� �G6 #1� � �� �� C���� 24 �� ) F,16.7 &� ��

&� .( ��� ;�1 ����� $����� �.� H(� ��1 ����(� ���� ���� �L+ � ��2�� $! �%��� ' ���� �G6 @H ��C� ��� #0�� @� L�).@���� ����, � � ��� ���� 2�� & H(�� #0� ��6 $�1, .( ���� ����H� ���2 ���/��� &2

�� #0� �L�� �L+�^�+��� @��0� ���� ;�1 *G &�2 �� .

GIF k ����(�raphicalG nterchangeI ormatF �6 ' ���� �G6 $! &��f ��1 ;�5,� 265&� . &Y! *G 3��

' ���� ����/� C� ��� � �2 � ��H(�� ���� #�0�,JPG. ' ��� �.� ���� ��"�� � �H� *��6 &2 GIF $1��� ��� $! ���(��� �!��� �� ��(� ��� & H(� ;�1 @��/� �.�, �� �� �����Transparent Images ���� �. ��%�

�2�����Animated Gifs <$����� $! #�(��, & / ���� & G6 &� F, ��7�� �5 &[�� ! & ��6 * � &2 ��Z�� �G. $��5 ���0 �0� D

& ������ :

JPG=2� ���� ��G � / /�� ���� @� �2� ������ ��G� �&���� &� � � GIF=���H�� �%� ������ @� L�� &���� �� �5 ���� .

Page 36: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

36

* *���� ������� �0�� $6 ��Resolution? R��� #5 ���0� ���� D ��2 �G� .� $�� � �� (control panel) $!���/ , ��(�� H��� � !�"��(display) � ���� ��(� #% �����(5 (settings) �6��� ��� *��6� 6+� � ���

7$���� (screen resolution) &�2�� ��Q�� ;�1� ������ ������� �0�� ;�1 �� FG� 640×480 �, 800×600)��� ���� @��5 ;�1 ����� ;�1, ��0�� *��6� � . �6��� ��� *G2������ 8�� (color quality)

&2� $�� &���� ��1 ;�1 �� FG������ � ��� �����1B�� �.+�1. H��� � $! ��,3.11 �, 3.1 ���1� X����� ���/ , ��(�! Windows �.��+� �0� ��"�5 * �.4�! #2��� ��� &�

����� �������� 9�� .

��2 �� @��� ;� $���/ - ��� �G6Pixel k ����(� $6�Picture Element. ������Y� *���� ���2 �G� 640×480���/� �.�, $�� �G.! )C� �4� ( &� �2�� ;�640� ���1 480��� . &� � �( �2 &� ������� ;.�����

��2 � �%�� �2��� OG6��2 �� @��� #0� �L� ���2 ������B� ���H ���2 3����� .

* R����� ���� &,� * '�� �6Thumbnail� ����� D �C���� <�����B� ������� &�+ � !��� ��0��� ; $��� $��� ����2� OG."#�.�B� ��4 ." F�Z�! �. �1 �/��� #�/� $�� C��0 @� L�� @���� *�� $6 �.� C�/ /� ���/��!

��2, #0�� @��� )�1 ;� . �6 �.��� ����� R����� &�2 �5 *G"��J ��." ) � 2 � ,� � ���(B� 35���� ��, ��H �5 ��2 �G�� �/�� ��1� -����� ���/� @�L�� ���� ��� 1 )�1 #�

� ���� @���� �.4� �� �� ;�1 . #0� ��G @��� ��.4 & � � �� �5� ��4��B� ;�1 C���0� �� ��, &G��.� C� ��� �� ��/� � �2 .(

F���� $�� 35���� $! �.�+� &,� C��0 $��1� � �� ��� �� #��(��� &, R+��� &�� F�Z ���� &� � ��� ;�1

#0�� @� �2 � ���� ���� ��.4 ��4���� �5�� 9� + ��0�� ������ � ��� #H:� &�H� � �/� ;� . �.���.�6�0� �, ���� � Z� $! �Q� �G� �. �1 �/�� $! � ��� �"�H� $��� . *G! <��� �� OG6 ��1 #� � 2 ��,

� �0��� X���� ��, #��(���� X�����2 #���Paint Shop Pro. �������� ����� ;� � ���� ���� ����, � L�� .

#��(��� F�Z D, <�6����7� #2��� 3� ���� )�1 � � 2 � �5 ��5 #���� #, ��/�� �&[� �7��� �G�� ��1, P"��(�WIDTH, HEIGHT����� �6 �� ��� @�L�� ���� �.+�1� ���� #0�� #2��� ;� <

- �� @���� ��.4� ;� F�Z P"��(� OG. *���(��� &����� �"�H� R���� ���0Y� ��5 C� ��! *�2 �@�L�� ��0� &� � �L� '/�� # � �.�� $! *�, F, �L��� #0��� �.+�1 #% � ���� ������� #0��� @���� � ��� ;�1

��� �� OG6 .

Page 37: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

37

������ ����� ���"9$�� �:&���

Links...�����B� ^�� $6 � ����� �:��� �, . OG6 &Y! ���2��� �2�� $6 �.��0�� �����B� ���2 �G���.�5��� &� & :�� & � ���� ��/�� �Z�� �2��� OG6 �2�� $�� �� (� $6 �:��� . �� ���� ;�1 �/��

35��� ��� $! N�(, ���� ;� *�/��! ... N�(, ���� ;�1 �/��� &� �([� ���0� $! 35���� ��, ;� C� �2 *�/��#��� ...@��� * )��� �%�%� C� / ��� ���/� �gL�� *��0� N�(,� C���� �J��� *��0� ���� ...

*����� $! � ����� �:��� E���� � � 2 #��� ���� *�, ���/�� OG6 &� &[� �0����� *�, �2Z�� &� �C���� ... �/������ '������ ;� � 6 *G *0 ...

35��� �(�� N�(, ���� &�2� &, �, ��(I 35�� ����� &�2� &, �.�� �� ����� �:��� ���� ( @�1 *��6 ����� ��� $! �(I &�2� &�2� &, �.��� � ���)��%�� � �� ;�1 ���, �, ;�1, ;� ( &���� ���� &�2� &, �,

$����2� � ��E-mail3 �0 $!� � ����� )�� ���(� &2 ���� ,���� &Y! �D��� . ��� �2 *�� V5��, ����� ������ @�� ;�1 .

#���� #�(��� >A < ...> /A< ���2 ����(� $6� �� ����� �:��� E���B � ���, #���2 Anchor. D $6� � ��(� �.�6,� �.�, �� �� P"��( �!�+� ����� �� �6��� ����HREF � � �� FG� 35��� �.:( &� ���� $�

C:��2 35��� &���1 ��2 &, �0 � � �1 �D�� .

;���� ��� ��:$0��( 35�� ;� � �� � ���� ���� E���� . �(� �2�� 35�� �6� ���"���� @�"��� � ���� 35���� ��, ;� � ���� ���� E���Y� #/� . ����1�

http://www.sakhr.com $! $��� �2��� @�� �� ����2 #� ���� OG6 :

<A HREF="http://www.sakhr.com"> < /A>

& ���� & � 3+�� &, �0 OG6� ������ � L�� �. �1 �/�� #� � $�� ���2� �, @����� �6� ���� �$� $/� &2>A < ...> /A<.���1 F, �.�� ��2� &, �0 �/���� ����� ���2� $2 F, �/��! �"�H� �. �1 �/� $2 ��6� �� @

������ &����� ;� .@����� * ,� �� :Go To SAKHR$��� �2��� �.�� @�� �� R��� $��� :

<A HREF="http://www.sakhr.com">Go To SAKHR< /A>

$� ��2 ����� �.4��:

Go To SAKHR

�0�� #�6� �� $�� ����� &����2 O� �� �$� F, ����2 3 ���� ��7! ��2�� *G � <* . ���2 ����0 � * ,� ��SAKH R����� OG. &����� �/! $6 .

Go To <A HREF="http://www.sakhr.com">SAKHR< /A>

SAKHR Go To

��� E���� 3 ���� *�� �� �, @)�H ( ����2� &1 � ��2S35���� &� � %2� $! �6��� ��2S $! ��! * �1 �� �2� & ���� & � @���� E���Y� P�(� #��� ����2 �6 ���� OG6>A < ...> /A<$��� �2��� :

Page 38: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

38

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif"> < /A>

���� ��.4 ;� F�Z FG���(� 35�� � ���� ����2 � ��� @

& ���� & � 3+� �$� F, &Y! #�1 �2���>A < ...> /A<��/� FG� &����� �, �� ��� &�2 ��� 35��� ;� �C��� ��6:2 �, @��� �, C��� �$�� �G6 &�2 h���� �� ����� ����� $! � ����� .

$! �#�� <�����B� &� 9��� �G6 &1 - ���� ���5 ;�� �2G� �6� <@���� ��� �6�4� ���B� 4�:� �6 &[��'���� ����. 2�� ���� �.�� �.4 � ���� ����2 @��� E���� ��1 2� +���!B� ���� $6 OG6� ��2 � .

� ��(� ����2� ��H� 3 ���� 3�����BORDER="0" @���� #�� &�+ .

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="0">< /A>

� ��(� OG6 3� ������ *��� ����2� O� �2� ;�� �, .

<A HREF="http://www.sakhr.com"><IMG SRC="sakhrlgo.gif" BORDER="6">< /A>

;� &[� �/����� ���� ��� �� 35��� ��� $! ��0�� ��� ;� � ����� ����� � �� &, $6� �)$��� ��� F, ( h���� ��� &�2HTMLG � Q �, @��� �, * . � ��(� 3� ��2 �� &Y! ���� OG6 $!�HREF ���� �G6 #�� �6

� ����� ������.

� 35��� �G. � � "�� ����� ;� ����/� � ���� ���� ����Y� #/�&, )���� ��� �. ��� FG� ���� index.html $6 *G� ���(� @�� ��� :

<A HREF="index.html">Main Page< /A>

Main Page

�/���� ���� $! �.���� $�� � ����� ����� � ����� ����� &����2 C�+ , ��6 @��� E���� 3 ���� *�7� *�2G,� .

� ���� @���� � ���� ���� &����2 @�L�� @��� E��� � 6 .

<A HREF="nablus1.jpg"><IMG SRC="nablus_1.jpg" BORDER="0">< /A>

O����� @�L��� @���� � ���� ��5 ��%�� �G6 $!nablus_1.jpg � ���� @���� ;� ����� � ���� ����2 O�����nablus1.jpg

Page 39: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

39

���� &2� � �0� FG� ��0�� &1 ���(� ��0� $! C���0�� � @���B� � �� FG�� ������ ���� &�2 �G� $�� �/ ��� ���� *G� ���� �G. ���2� ����� � ��� * �1 �0 ! �$��� ���� ����1 '���� ���� $! �6���5��

���� E���Y ���5 .

������� ��� �� ;� ������ ��� �(�� �(I &�2� ;� @���B�� #�/� &, $6 �.�, ;� �, C:%� �6�(I �(I &�2� F, �, O� ��...

�� �!��� &�� ��� D ��.! ������B� R����� ��� ��2� �.� ��� $�� � ����� ��2G� �0�� �L�� ��.� C����� *�"�H �/� � �� FG�� ����� ��� $! ��0��� &�2�� �!��� &�� ��� D $����� *�2�� ��� �:( &�

� ����� ����� .O� ���� ��, #�/� &, �0 *G.

� ����� ����� $! ���(���� �/�D #�/� ��� & �� #�Y� &�2�� �G6 � ��� �, � ���� #�/� &, �6 ��6 ,����� . $!� #��� � ��%� � ��(� #��(��� * �1 #��� ���� OG6>A< $6� NAME

���� E���Y� C��� #/� @�/! ;� ����� ��0� &�2� &� �"�H� �/�� #�/� � ���� N�(, #���� �(�� �.�+� #% �. ! ���2 ��, �� �(�� @�/�� OG6 ;� ��6G� �6 ��! �0 �� ��,>A < ...> /A<

<A>LINKS< /A>

� ��(� #��(��D �5�� &�� &[��NAME #�� F7� ���2� OG6 � ��� $6 � ��%� @��(�! O� ��) ;/�� &, #.�� & �2G�� .( #�D� ���1Y� #�5, ���attrib1

<A NAME="attrib1">LINKS< /A>

�,< �)� 2� ��� �� =�)��� �> ���� 2� �� �1��5 ���"9$ �:&� ?���@� .�� ��� ABC�0 A��%�� D3C � �&� ��� ...� E�,�� -������ � � �> �� � � ���� �35 F � #�3 �� ����� F$(�+$��� �@> F"��� �� �1� ���"9$ �)&� -'� �

-�+��� G��"& ��� �3C� F� �C� >H�( 23�� .�I� ��"� �� +�9 #�3 .

@�/�� OG. � ����� ����� E���� $6 �%�%� @��(� . @�/�� OG6 � �0�� FG� ���� #�� �!��� ��6 ���H� �) � ���� FG� ���� F, ( ����htutor06.html �2� � ��

@����� @�/�� ;� ����� $����� �(��� .$���2 $6 @�/�� OG6 ;� ����� @�� � &�2�� :

<A HREF="htutor06.html#attrib1">3rd Paragraph< /A>

rd Paragraph3

���, 4�D @���� �:( &� �.��+� FG� ��� ���� #��� &�/� &, �0 �� �6��� @�/�� #�� �2G� ��2� # #

��,A��,�� ��� �� X����� ':�� ;� �. �1 �/�� F�Z �$����2� � �� &���� � ���� ���� E���Y� �. ! #�/� $��� $"�/�� �2�� �"�H� $����2B� � ��� . � ��� �:�(B�! ���2 ����2 �6 ��6 ,�� FG�MAILTO � ��( ���

HREF &���1 �6 $� FG� &����� &, ;�1 ��� $2 EMAIL �(I &���1 F, � �

<A HREF="MAILTO:[email protected]"> Email Me < /A>

Email Me

Page 40: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

40

(��� �� ���, ��� &� � .��� &, ��� &[�� )�� *��6 $/� � �� ����� $! �.0����� � ����� �:��� #��* �6�2G #.�� &� &, �0, $�� ��4�:��� ��� +���.

&���1 �, � � 35�� &�2 ���� �$0��( &���1 ;� � ����� ���5 ����1Email � ����� ����2 ����(��� ���, ��4�D 2! R����� ��1,� �&����� �G6 �� �� �H � � ����D� �/ ��� &����� �G6 3� ������ �� �� &1 @� . ����, �����!

���2 ����2 � �� 35�� ;� �����HTTP �6� �35��� �G.� ����D� $! #�(���� ��2������ 9�� ;�1 ��� $��� ������� P���� �/� ��2�����HyperText Transfer Protocol &���1 ����2 ����1� Email��� ���2 ����(

MAILTO&����� �G6 ��5 . OH .0�� $+���!D� $����2B� � ��� X����� R��� R����� H�� B�� ���5 $�����E���� &����� ;� ���� ����B .� �� 35��� $! *�0� �:( C�� %2 ���� OG6 �%� �!��� �/ C����� .

� �����B� #��(��D N�(, �D�0� ��6 &2P�(� �2����� �.�� �2 . @������ ����H�� &� �D[� *��6 C:%�!

��1 �. � ����� #� � � ���� @H6�0� X������ ������ &� ;��� D ��"�6 ���1, ;�1 F���� $��� �����B� ��1 ;1� ������ �/� P�( ��2�����FTP (File Transfer Protocol) .C�+ , �D�0�� OG6 &�� � �6, �/� D $���

� ���(B� ��1��0�� $����2B� � ��� �, � �� &1News Groups �.�� �2 P�(� $�� V�/�� ��1��0� �, & �� 9�+�� ��5���� . ��2����� �:( &� ���� OG6�NNTP (Network News Transfer Protocol) .

�8i. ` 67�y أن} 6jmkج bن .�j¢ إن 0ikد S¨6`ت إ0wj4ام ا�نhjن� و0ikد اh12وk^آ^`ت67iS rS6ije2 »Sاh12ا zS 0.0i261} بj�S ¹�4 . def ي^jmk 67S0wjن� �j26ت اmnojR23 اTiRy

.بhاS« خ6ص- 3f0k ه|~ ا6S0w2ت .3j ا02خ^ل إr�S ¦e�S ¦�2 أي s^S\ و.6f ºدي و08f V�RyFTP h7Tk ا8f def h�82^ان S¾ود

¦�y 6تneR20ات واe¨R2ا -Ru6s �y §¥�j�Re2 ¦6ب¥S r�¥ب Windows . 8^انf def h�826 اSأإ0Uى ا6f^R¨R2ت ا�خ61ر.- µ�yدي إe4 d2^ك S¥6ب¦ 68f def h�8e2و.z اh12.0 ا�hj�2ون�، أي

¹nojR2ا -S¾U zR] 6¨S0S 6ت ا�خ61ر.- .�^نf^R¨R26¹ خ6ص بnok »S6نhق بVإ��eصbا .

&[�� ...* �1 ���� &� � �, �/�1, ��H� � ���� �:�� �.� � +� $�� � � 2� E������ FTP. �2����� �, � ��0�� X����� &� � %2� ;�1 F��� $�� ����H�� ��� &����� �G6 * �

ftp://ftp.simtel.net/pub/simtelnet/win95/

� ��� @�� �� ����2 �6 ��! * �1 �� �2� :

<A HREF="ftp://ftp.simtel.net/pub/simtelnet/win95/">Simtel FTP Server< /A>

Simtel FTP Server

� ������ ���2� #��(���� �. � ����� �:��� ��2�! � ���(B� ��1��0�� ������ ��,NEWS. ���%�� � �� ;��! ��0� � ���� ���� 3+� V�/�� �1alt.html �L ��5���� ���(� HTML� ��� @�� �� ��2� :

<A HREF="news:alt.html">Alt.Html< /A>

Alt.Html

Page 41: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

41

-����� ����� ����0��)1(

����0� ��� & ��� &� ���� &�2 � ���� �G6 .�G6 � �6� *G� & ��5 ;� �.�"H0� ��+! �5� ����� 9�+��� � �� ����� $! �.���(��� �D������ ����0� P"��(.

�L �.��+�� $�� ������ N�5, &� ����0� ���HTML �.��(�� � D� �����B� $! 35�� �0� D �7� #H0, ��2,� N�(7� �, @���� .�� &� #"��/� *�� ;�1 ���/ D � �� ����� $! ����0� 3+� &, �/ /��� E���� $�� ����

�6�.4�� #2���� ��.� 4��� �.��� ������ # ��� $! �.���(��� ;� *G N��� �� �@��1,� ���� $! �.� ��������� ' ���� ���( #��� &� ����(��� ��.� �6Z��, &2� D ���!� � �5 @���� .

� �%� C��0 �.� � �� ����� $! �.0����� ����0� 3� ������ &� ����, &� @��, F, �%HTML * ��� �5 �2 ����� 3 ���� $�� 0��� ����� �.�� ������ $�� P"��(� ���� *G� �� ���� $! ���(� �$�� )�� C�2���

�.� .C:.� R�� �� &�1�� &2� � ��� $! C���� ��� �$� �2! '�/� D &2.

��� �J 6 &G� <����� ��, �6 …

� �� ��� ����0�� ���(� � ����� #���� � ��� ���� �G6 *

<TABLE>...< /TABLE> ا2¨0ول §.hik و4^م

<TR>...< /TR> Table Row �y §o2ا §.hik و4^م

ا2¨0ول

<TD> Cell Data < /TD> Table Data �y 6.Vw2ا §.hik و4^م

-�eخ r6ت آ.^jmS §.hikو §o2ا

5� �%2, @���� #�2�� &[��C: ���� �:

� �( &� �� &� �, @���� � �( &� &�2� ���0 E���B �.� ,��� $�� #���� $6 OG6 … &� � ����

>TABLE < ...> /TABLE<

��. �1 ���0B� $L�� & �Z� *��6 �& ���� & G6 E���� ��� &[�� .���� : <���0� $! �6� �� $�� ����� ��1 #2� D <�"�� �����, ��%:% #���� �!�+Y� #5 ��7

>TR < ...> /TR<

�6� �� $�� ����� ��1 ���� .�%:% �.�, ��6 )����� .

Page 42: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

42

<TABLE>

<TR> < /TR> <TR> < /TR> <TR> < /TR>

< /TABLE>

� :(� ��1 #2 ��6 $��%� ��Z���)@��1�� �, (<�� �2 $! �6� �� $�� #���� � +� ��6�

>TD < ...> /TD<

������� � :(� ��1 ��� . #���� & � �.��2� &, $. ��� &��>TR < ...> /TR< &� �H0 $6 � :(� &, ���� ����� .�� �2 & ��� �.����2 ���2� �0 *G�� ��� �2 $! & � �( � �� ���, )��!7� ��6�.

& ���� & G6 &�+ ��2 � �(� $! 0���� � �� FG� P�� &, *�2G,� .

<TABLE>

<TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR>

< /TABLE>

&[� @���� * ��+�� �6 .�. �1 ����� $�� ���� �0 �� ;� �4�, .

Data Data

Data Data

Data Data

Page 43: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

43

P/� �� �$� *��6 . 3���� ...����� . &� �6� Q� ���0� ����� �!�+Y� #�/� $�� � ��(� ������ C: �5 �4���N�(�� P"��(� .����0� $! �� �� �7�� *�4� ��, &, ��, ����, &, ��5 $��� . �.�� ������ �/ �� &, $6�

�� ���� �%:% ;�1 #��:

• �22 ���0� N���� • O�� ;�1 ���� �2 �, �22 ����� N���� • O�� ;�1 @���� �2 �, �22 � :(� N���� .

#���� �2 3� #�(��� �2���� P"��( *��6 &, ��2 �.� ���� $�� �"��( �� ����� OG6 &� �2�.

#���� 3� #�(��� $�� P"��(� ��5���� ,���>TABLE < ...> /TABLE <* �6���� CD�, #�57�� #% &�� ��.�+�� $�� ��%��� )�� E���� .

BORDER

-R��267، واj6آR4 0.0mk0ول و¨e2 0ودU -y6]¬6ص�- بw2م ه|~ ا^�k ا�hjyا[�- 672 ه� صhn أي ` 0Uود

<TABLE BORDER="5"> <TABLE BORDER="0">

WIDTH

rض ا2¨0ول آ�hf 0.0mj2 -6ص�w20م ه|~ اwjن� . zب�^e4وه68ك أ0.0mj2ضhi2رة : ا^oض بhi2ا r�R. 3 ا2|يsh26ب- اjأي ب� �e�R2اوا�1�82 أي آ6jب- ر3s ن�ÃS �1^ي .0mد hfض ا2¨0ول . hZ61Sة

¹nojR2ة ا|y6ض نhf º�U) . §ejw�4 ض ا2¨0ولhf أي أن¹nojR2ة ا|y6ض نhf فVjب6خ .(

<TABLE WIDTH="600"> <TABLE WIDTH="80%">

HEIGHT

ول، و.�^ن 0.0mk ه|ا ا�ر6nkع zS خVل 0.0mj2 -R�s ار6nkع ا2¨0r���1266ع بnk0د ا�رmk -�e�S . 6ع ا2¨0ولnk0د ارmk -�1ن� -R�s أو

¹nojR2ا -mn6ع صnkب1�826- �ر

<TABLE HEIGHT="500"> <TABLE HEIGHT="100%">

CELLSPACING 0.0mj2 اy6�R2- ب�z آr خzS -�e خV.6 ا2¨0ول

<TABLE CELLSPACING="10">

CELLPADDING

-�eخ rآ �y �820ود وب0ا.- اm2ا zب� -e6صn2ا -y6�R20.0 اmj2 .r�82 أو : . U 0.0mk¨3 ا72^اVw2 �S.6 ا2¨0ول

<TABLE CELLPADDING="10">

Page 44: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

44

ALIGN

وه^ .¤خ| . 6mS 0.0mj2ذاة ا2¨0ول أdef 6��y ا68�R. -mno2 أو .�6را right ,leftا3��2

<TABLE ALIGN="Left"> <TABLE ALIGN="Right">

BGCOLOR و.�0wjم 0.0mj2 2^ن اe2 -�new2¨0ول

<TABLE BGCOLOR="#00FFFF">

���0� 3� �������� P"��(� $6 OG6 . $��27�� ���� �G6 � ��� $! ����� ��%�� ;�1 �./ ���� &[� #�57���� $.! #���� $5�� ��, � ���� #�� ����2��.� :

<TABLE BORDER="5">

Data Data

Data Data

Data Data

<TABLE BORDER="5" CELLPADDING="5">

Data Data

Data Data

Data Data

<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10">

Data Data

Data Data

Data Data

Page 45: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

45

<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10" BGCOLOR="#FFFF00">

Data Data

Data Data

Data Data

<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10" BGCOLOR="#FFFF00" HEIGHT="300">

Data Data

Data Data

Data Data

<TABLE BORDER="5" CELLPADDING="5" CELLSPACING="10" BGCOLOR="#FFFF00" HEIGHT="300" WIDTH="75%">

Data Data

Data Data

Data Data

��� #��� 3� ���(���� P"��(� &1 &[� #�2���>TR < ...> /TR< ����� ��1 &, *� 2G� &� �7� D� #���� OG6 ���� ���� ���0� $! .,$.! #��� �G. ��+� $�� P"��(� #6, �� :

Page 46: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

46

ALIGN 6mS 0.0mj2ذاة ا�82 أ6��y داخr اVw2.6 ا�j. �j2^ن 678S اo2§، وا3��2

Center واR��2- ا�hjyا[�- ه� Right, Left, CenterاeRjmR2- 672 ه�

VALIGN 0.0mj2 ا6mR2ذاة اRi2^د.- �8e2 داخr خV.6 اo2§، وذ2} إdefÈ2 6S أو

-�ewe2 �464bا «w20اد اjSا def أو §oj8R2ا �y أو rn4È2 . def 67R�sو Top, Bottom, Middle ,Baseline: اj2^ا�2 ه�

BGCOLOR §o2678 اS ن^�j. �j26 ا.Vwe2 -�new20.0 2^ن اmj2 . 2^ن r6ه¨k 3j. 68وه

.و.��1�k 3j اe2^ن ا0mR2د هTABLE <68<ا�new2- ا0mR2د [zR و34

[� ������ ��� ��%��� �:( &� P"��(� OG6 �1 '��� '���� ����0 ;� & :

<TABLE BORDER="5" HEIGHT="300"> <TR ALIGN="Left"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR ALIGN="Right"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR ALIGN="Center"> <TD> Data < /TD> <TD> Data < /TD> < /TR> < /TABLE>

Data Data

Data Data

Data Data

<TABLE BORDER="5" HEIGHT="300"> <TR VALIGN="Top"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR VALIGN="Bottom"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR VALIGN="Baseline"> <TD> Data < /TD> <TD> Data < /TD> < /TR> < /TABLE>

Page 47: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

47

Data Data

Data Data

Data Data

<TABLE BORDER="5" HEIGHT="300" BGCOLOR="#FFFFFF"> <TR BGCOLOR="#808080"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR BGCOLOR="#C0C0C0"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR> <TD> Data < /TD> <TD> Data < /TD> < /TR> < /TABLE>

Data Data

Data Data

Data Data

<TABLE BORDER="0" HEIGHT="100%" WIDTH="100%"> <TR BGCOLOR="#808080"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR BGCOLOR="#C0C0C0"> <TD> Data < /TD> <TD> Data < /TD> < /TR> <TR BGCOLOR="#FFFFFF"> <TD> Data < /TD> <TD> Data < /TD> < /TR> < /TABLE>

Data Data

Data Data

Data Data

Page 48: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

48

(�� ���(� #���� � /� 3���� <�� � $/� �G�� &[�� � : .W� ��� &� #��/� ���� $! �.�1 - ��� 3���, ���� .

Page 49: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

49

������ ����� ����0��)2(

����0� &1 - ��� ���� �G6 $! C��� 3���� . @�2! &[� * � &,� �^�0�� '���� ���� � .�, �5 *�, )��!, ��,����� 3�� �.�"��( 3� ������� �."���� � � 2� ����0� &1 C��0 @� 0�.�"��(� � . ����5�� - � &� &[� ��2��

� :(� P"��( 3� F, .

#���� ����2 �:( &� ���� ������ � :(� ��1 &� <����� ��� $! � :(� ��1 &1 O���5 �� �2G� �6>TD < ...> /TD<������ ���� ���� ���� . �L ����1 &� ���1 F, ;�1 � �(� F���� &, &2��� &��HTML :

����0 ;��� �� �� ���� �:�� �#"��5 �#��� �P���) .�(I ���0 �(�� ���0 E���� 3 ���� �#��(

�� ���� �G6 ��2� ���! �'���� ���� $! �1 ������ ���5 FG� ��%�� ��� 30���� . &�2� � L� ���0 �6� & ���1� ���� �%:% &�)�� �2 $! & � �( F, .(

<TABLE>

<TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR>

< /TABLE>

�.� ���0 �G.! �� :(� 3� ���(���� P"��(� ��, :

ALIGN R26، وا3��2 ا��yأ -�ew2ا �y ج^د^R26ذاة ا�82 اmS 0دmk ه� -S0wj�Left,

Center, Right

VALIGN ,0mkTop, Middle, Bottomد ا6mR2ذاة اRi2^د.- �8e2، وه^ .¤خ| ا3��2

Baseline

Page 50: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

50

WIDTH ،r���126ب ب^e�R2ض اhie2 ةhZ61R2ا -R��26ب- اjوذ2} ب� ،-�ew2ض اhf 0دmk

-.^ÃR2ا1�82- ا r�R. 3s6ب- رjأو ب� .Uأ �y 6.Vwe2 ضhi20.0 اmk �n�.0 و . اno2^ف def ¦��1�k 3j. ��2 آr ا�y 6.Vw2 آr اno2^ف

HEIGHT . 0mkد ا�ر6nkع اe�R2^ب �y -�ewe2 اo2§، وذ2} بh�26ق اhZ61R2ة أو ا�1�82-

rآ def ¦��1�k d2دي إµ. §o2ا �y 6.Vw20ى اU6ع إnk0.0 ارmjب {S6�sو¦�y 6.Vw2ا .

BGCOLOR -�ew2ا -�ne0د 2^ن خmk

COLSPAN

^�. 6��y67 أ�ek �j26 ا.Vw2ا zS ب^e�R20د اi2ا \S -�26m2ا -�ew2ا »S0م ب

<TD COLSPAN="n">

��Un 67¨S3 دj�4 �j26 ا.Vw20د اf ^ه

ROWSPAN

أي (.�^م بS0« ا�ew2- اS -�26m2\ ا0i2د اe�R2^ب zS اVw2.6 اRf 67�ek �j2^د.6 67en4أ .(

<TD ROWSPAN="n">

0د اVw2.6 ا3j�4 �j2 دS¨67 ه^ nfوب1�26\

�6�2G $L�� $�� ��.�� ��4�:�� )�� *��6 &, $ ��� ������ &, ��5� :

• #���� 3 �0 3� ��2�� P"��( *��6 4�:� ��2 . � ��(� C:%� G(BGCOLOR. �.�� ������ #� � 2 �� 3� ����� &��� ' ��� #� ����� �2� <#���� 3 �0 3� ���2 �G� '�� C����� &2 # �GY! �� �(� #

���0� #�� 3� ����� &��� '�� �0� # �GY! ���� #�� 3� ����� &��� . O���� C����� �G6 &2 # �G�� #��� $! ����� ����� � ��( &� ����1� #� >BODY<.

• P"��(�� '���� � ��%� �4�:��WIDTH, HEIGHT.� ������ ����, ���( &� P"��(� OG6 3� �"�� ����� '��� �� ! C����(� �.�� @����� # /� � ��� �/ �� C�+ , ���(�� �� ��([ R����) . 30��

9�+��� :��������� ���(� #����.( � ��!:�(B� OG6 � ���� $! )�(� &����* � �D�2�B� &� � H�� ;� D� F�Z� & $� ... ���0�� ����

)��� � ���� *�� 5 $6 P"��(� OG6 3� ������ �/ �� �+!, &, ��� )*G ���, �G� 9����B� *G2� ( #��� �:( &� �22 ���0�>TABLE<. )��� � ���� � :(� #��� $! P"��(� OG6 #��(��� #%

� �( �2 ���������0� $! �� �2 ������ 9����D�� ����� ��� $! O�� ;�1 . *�5�� ���H 3 �0 ���0� @�6��� �+!, �.� &�+� �/ �� �+!, $ ,�� OG6�.

• #�/� &, $�2 :! ������ $5�� &� �5, � :(� &� ��1 ;�1 ���0� $! ����� )�� F���� &, ���, �G��.�� � :(� #��� �G��) . N�� ��2� ��� @�� �� $!(:

<TABLE BORDER="5">

<TR>

Page 51: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

51

<TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD>

< /TR>

< /TABLE>

�1 ����� �� �G6 &� :

Data

Data Data

Data

��2 C�H�0�� �!�G��� � :(� &�2� $/� �/�G�� # �.�, � . ���� �4���� ��4! � 5��� � :(� ��,�G�� � ��1 &� ����� # ���, F, ��.�"��( . #�/� &, $6 *G ;�%�� �/ ��� &, �/ /���L��� C��� � :(�

P"��(� #��(���� *G�COLSPAN, ROWSPAN.

P"��(� OG6 #��(��� 3� ���0� @�� � ����2 @��1Y� #/� &G� :

<TABLE BORDER="5">

<TR>

<TD COLSPAN="2"> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

Page 52: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

52

< /TR> <TR>

<TD COLSPAN="2"> Data < /TD>

< /TR>

< /TABLE>

Data

Data Data

Data

���� &, 4�D2�.0��� ���5 $�� � :(� ��1 �6 .C�+ , 4�D� C:�, ���� �!�G��� � :(� #��� @��1Y� #5, # $��� X���� ���5 &, ��� �. E���� D .������ A�(���� : �&�,�� ���"$�� .��� �3 �������� 70� �10�� .$� ��), ��

�1� .-�+��� ������� ��),�� ���"$ ��( �� .

�(I ��%� : ���� ����� $! @��0��� � :(� X��� #/�

<TABLE BORDER="5">

<TR>

<TD ROWSPAN="3"> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD>

< /TR>

< /TABLE>

-�%�� $��%� ��� &� �0����� � :(� � ��� �G�� ��5 �F����� X��� � ��( � ��� ��� N�(, @��� . �G6�� �6X���� ���0 .

Data Data

Data

Page 53: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

53

Data

#���� #��(���� �.� ��� #� $�� � :(� &� P�( 9�� *��6>TH < ...> /TH< ����(� $6� Table Header ���0� �� ��� F,.

& �� �.� � � ��� '����>TD < ...> /TD<! ��G���� ) �1 ���, �(� �.4 ���� FG� P�� &, �6 $� +���!� @���� � �(� �����) .�/�1, ��2 �#.�� �$��� � ( ��� $6 �.�� ���(���� P"��(� &,� ���( �

P"��(>TD<��2G $�� � ����� ����� .

$6 ����0� $! ���(���� @� (�� #����>CAPTION < ...> /CAPTION < $� "� &���1 �!�+Y� P�(� $6��22 ���0� .1 $.! *G #��� ��� @����� �.�+� #� ��2� ����>TABLE< #��� &�+ � � ��/��� @�����

� :(� �, ����� .

<TABLE BORDER="5"> <CAPTION> Table Caption < /CAPTION>

<TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR> <TR>

<TD> Data < /TD> <TD> Data < /TD>

< /TR>

< /TABLE>

Table Caption

Data Data

Data Data

Data Data

Page 54: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

54

C�� (,� ...���� OG6 � �.� ;� ����� . ���� $!� ! ���� ��5 �� ' ��� ;�1 *M%�, &, �6 F� $/� ���� �D����D� 3 �0 ���0�� ������ $5��� '����# /�� P"��(� @����. #��(��D � / ��� ��%�,� '�� @�1 * �

����0� .

Page 55: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

55

�����+$ �)��� ����0�� ;)(

<TABLE WIDTH="80%" BORDER=10 BGCOLOR="#C0C0C0"> <TR> <TD> ... < /TD> < /TR> < /TABLE>

ج0ول �S^ن zS خ�e- وا0Uة

<TABLE WIDTH="80%" BGCOLOR="#C0C0C0"> <TR> <TD HEIGHT="200"> ... < /TD> < /TR> < /TABLE>

ج0ول �S^ن zS خ�e- وا0Uة وب0ون 0Uود

<TABLE BORDER="10"> <TR> <TD><IMG SRC="image.jpg">< /TD> < /TR> < /TABLE>

Page 56: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

56

<TABLE CELLPADDING="5" CELLSPACING="5" WIDTH="50%" BORDER="3" BGCOLOR="#FFFF00"> <TR> <TD>...< /TD> <TD>...< /TD> <TD>...< /TD> < /TR> <TR> <TD>...< /TD> <TD>...< /TD> <TD>...< /TD> < /TR> <TR> <TD>...< /TD> <TD>...< /TD> <TD>...< /TD> < /TR> <TR> <TD>...< /TD> <TD>...< /TD> <TD>...< /TD> < /TR> < /TABLE>

... ... ...

... ... ...

... ... ...

... ... ...

Page 57: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

57

<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH="100%" HEIGHT="100%" BORDER=0> <TR> <TD WIDTH="33%" ROWSPAN=3 BGCOLOR="#FF80C0">...< /TD> <TD BGCOLOR="#ffCCFF">...< /TD> < /TR> <TR> <TD BGCOLOR="#ff99FF">...< /TD> < /TR> <TR> <TD BGCOLOR="#ff9999">...< /TD> < /TR> <TR> <TD ROWSPAN="3" BGCOLOR="#FFFF00">...< /TD> <TD BGCOLOR="#ffff66">...< /TD> < /TR> <TR> <TD BGCOLOR="#ffff99">...< /TD> < /TR> <TR> <TD BGCOLOR="#ffffcc">...< /TD> < /TR> <TR> <TD ROWSPAN="3" BGCOLOR="#FF8000">...< /TD> <TD BGCOLOR="#ff9933">...< /TD> < /TR> <TR> <TD BGCOLOR="#ff9966">...< /TD> < /TR> <TR> <TD BGCOLOR="#ff9999">...< /TD> < /TR> < /TABLE>

<TABLE WIDTH="100%" BGCOLOR="#FFFFFF" BORDER=0 height="2000"> <TR> <TD WIDTH="25%" BGCOLOR="#000080">...< /TD> <TD WIDTH="50%">...< /TD> <TD WIDTH="25%" BGCOLOR="#000080">...< /TD>

Page 58: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

58

< /TR> < /TABLE>

<TABLE WIDTH="100%" BORDER=0 CELLSPACING=0> <TR> <TD COLSPAN=3 BGCOLOR="#00FFFF" HEIGHT="100">...< /TD> < /TR> <TR> <TD BGCOLOR="#00FF00" HEIGHT="2000">...< /TD> <TD BGCOLOR="#FFFFFF">...< /TD> <TD BGCOLOR="#00FF00">...< /TD> < /TR> < /TABLE>

Page 59: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

59

<TABLE CELLPADDING=0 CELLSPACING=0 WIDTH="100%" BORDER=0> <TR> <TD WIDTH="25%" ROWSPAN=2 BGCOLOR="#008000">...< /TD> <TD BGCOLOR="#808000" HEIGHT="100">...< /TD> <TD WIDTH="25%" ROWSPAN=2 BGCOLOR="#008000">...< /TD> < /TR> <TR> <TD HEIGHT="2000">...< /TD> < /TR> < /TABLE>

Page 60: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

60

-��$�� ����� ����+I�)1(

����� ���� �G6 $! �����B� ;�1 ������ #�/� ��� & ��� &Frames � �� ����� )�1 �/ ��� �.���(����…

* �.�+�7� ����� <�����B� $6 �� ���� �.! … ;� ���/� �.�, �6��� ������ N��� ��H &,� * '�� �6�� #��5�� &1 ������ @���� ����� ���/��� ���� �.�� �2 $! �.4 - �� #��5, @�1N�( . ��5 �5 &�2� �����

�([� #�/� $! �.� �/����� ����� �.4� #��5�� ��, $! @��0��� � ����� �:��� N��� ;�1 �/��� . D�� * � �!�7� �����B� &, $�� �G.! ������ OG6 �%� ��6�� �5 ��2 �G� �6��!%� ������ ��G ���� ;�1 CD�

��2� �6����2� ����� &Y! �#��5, �%:% &� � :&� ,� �� ,� F��1 … ��� &1 @���1 �6 �.�� #�5 �2 &, �/ /���Html ��G ��� �/���� ���2 . ����� $! �6����� ����� $�� *�� &1 C���, ���(� D � ��1 ����� ��0� $6�

� ����� � 2��� - � &� N�(�� ������� �.�� �2 �5:1 D� ��/����. 0 #� � 2 ��, FG� �2��� �.4� ��� �.���� �/� � � ��.! <O�6�� . � �� �1B� ������� ������ ;� �!�+B��!

�.�"��( � ���� �.� �0�� �����B� ���� � ��� �� �( OZ���� #� $���, ��� C��"�� �0� . ������ &, F,k� P(���:

����+I� � %& �� ��� = �1�% � %&�� ��%)� ��( +&�1"�0� 23�� ������ �)��� � % .

����� & �2� ����� ����, ;� C� ��! �0��� '���� ��%�� $! $��, F, .

Page 61: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

61

,��� &, ��5� …���� �G6 $! ���� $�� ��%�f � +���� #/� . $2 �� �� ����� ����, �, �%:% ����Y� #5 *G/� *����� #�(��� �, ��%��� ' ��� $! �.��(����/���� ����� $! �. �1 ������ ��5 $�� �� � . ����Y� ��5 ��,

$��� ���� ;�1 �����)��%�� $! �.���(��� $�� $6� ( �.� ��,�frame1.html, frame2.html, frame3.html

<HTML> <HEAD> <TITLE>Frame1< /TITLE> < /HEAD> <BODY> Frame 1 < /BODY> < /HTML>

�� &[� ,����������� �����B� �!�2 #+ � FG� $� "�� ���� � �� . #�/� - � ���( ��� �G ��� �������� �6� #���� #��(����

<FRAMESET> ... < /FRAMESET>

#���� &� CD��>BODY < ...> /BODY <

)) #��(���� �� ��� &�+� D �����c $� "�� ���� &G�BODY ((

<HTML> <HEAD> <TITLE>Master File< /TITLE> < /HEAD> <FRAMESET> < /FRAMESET> < /HTML>

P"��(� ;� &[� $�7� : $6 #���� OG6 3� #�(��� $�� ;��� � ��(��COLS #�0�,� ��1 �J��� $6� ����� � ����� �����B� . & �/ ��� #�0��� ���m��)<��.�!�1 �6 (#�� …@������ �/ ��� ��.�� �/ ����

� ����...��� ��6:2 �, .

@��1�� #�.�� R+�� $�� ��%��� OG6 * � &[�� ...F�$ 5 ��� ! +�> ��9�� �31� �1$��$�� �)�$�� ��P A�%�9�� D31> ����+5 2� ��1Q ;�5 R� �0�$ 2� ;�5 2�S� �� �(�� @�6�4� ������ ����� ���( N�(, #��� �.�/� - �

������B���57C�/�D ��.�� P"��(� $5�� ���� #� .

<FRAMESET COLS="50%,50%"> < /FRAMESET>

6R78S r3 آ¨U z�.د^Rf z.0د إ�6رm.50 % -Z6¥23 ا¨U zS

<FRAMESET COLS="20%,50%,30%"> < /FRAMESET>

67S6¨Uث- إ�6رات أV0د ثm.20 % 30و % 50و % def -Z6¥23 ا¨U zS �2ا^j2ا

<FRAMESET COLS="200,300,*"> < /FRAMESET>

¦R¨U ولbد.- ا^Rf ث- إ�6راتV0د ثm.200 ،rب��� ب���r، 300وا6�2ن�

Page 62: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

62

أي ان¦ 0mS h�Åد بz�iS 3¨m و8�2¦ ��4^ن * أ6S ا�26�2 -Z6¥2ا zS ��1jR23 ا¨m26ب) -Z6¥261ن- اj4ف اhi6 أن68 ` نR26�\s^R2ا hu67 زاS0wj�. �j2ا (

<FRAMESET COLS="200,*,15%,20%"> < /FRAMESET>

ب���r، وا0m.200 �26�2د أربi- إ�6رات U¨3 اbول ه^ U zS¨3 اZ6¥2- أU zS20 % 6S¨3 اZ6¥2-، واh2اب\ % 15

-Z6¥2ا zS d�1k 6Rب ¦R¨U ن^���y ا6�2ن� .

<FRAMESET COLS="150,*,2*"> < /FRAMESET>

¦R¨U ولbث- إ�6رات اV0د ثm.150rب��� .... -U6�R26 اSأ �ni] ^ه ¦R¨U �26�2أ64س أن ا��6ر ا def 3��jy -��1jR2ا

(*) U¨3 ا��6ر ا6�2ن� ) 2(*

$.! � ��%� � ��(� ��,ROWS�.��1 �� �� �0���� *�, �/�1,� . � /!�� �����B� #0�� ��1 ���� $6 #��)����� (����� �(�� .�� 3� 3���� ������ ���� *G��/���� �, � ���� �/ ��� #��(���� ��� F, �@��1 .

�.� +�� ��%��� )�� ���� #�57��)����2� � Q ��%��� OG6 &, � ��% *�2G,� :(

<FRAMESET ROWS="50%,50%"> < /FRAMESET>

6R78S r6ع آnkار z���yأ z.0د إ�6رm.50 % -Z6¥26ع اnkار zS

<FRAMESET ROWS="20%,50%,30%"> < /FRAMESET>

67k6f6nkار -��yث- إ�6رات أV0د ثm.20 % 30و % 50و % -Z6¥26ع اnkار zS �2ا^j2ا def

<FRAMESET ROWS="50,120,*"> < /FRAMESET>

¦f6nkول ارbا -��yث- إ�6رات أV0د ثm.50 وا6�2ن� ،rب��� 120 -Z6¥2ا zS ��1jR26ع اnkوا�26�2 ��4^ن ب�6ر ،rب���

<FRAMESET ROWS="50,*,15%,20%"> < /FRAMESET>

ب���r، وا0m.50 �26�2د أربi- إ�6رات أ��y- ار6nkع اbول ه^ zS ار6nkع اZ6¥2- أzS20 % 6S ار6nkع اZ6¥2-، واh2اب\ % 15

-Z6¥26ع اnkار zS d�1k 6Rب ¦f6nkن ار^���y ا6�2ن� .

<FRAMESET COLS="*,2*"> < /FRAMESET>

إ�6ر.z ا6�2ن� ار�ni] ¦f6nk ار6nkع اbول .0mد

#����� �/����� P"��(� �2 �2G &� ��� ��� #>FRAMESET<� %2� *��6 ��H :! . &, F���+� &� &2� �O:1, @��2G�� �.�"��(� �/���� #����� C�/ %� C������� ����� �� �����c �(I #�� ;� ��/��B�� &[� #�/�

$6�>FRAME< <#��� �G6 ��1 �6 ��!

�.�"��(� �����B� &� �1��0� � ��� �6 &[� ;�� � ���5 �� �2 �����)�����B� � ��� �/! ( ���� # &2�6����� D� �.�� ���� D� �����B� OG6 � 6�� . $! �.�"��(� � �� �1B� � �� ����� � ���� #�/� ��2 �����

#���>BODY< $�� &, &�� ������ OG6 �� ���� � ��� *G . #�(��� C:%� @��� E���� ��� �� ! ����, �GY! �6� *G� P�(� #��� >IMG SRC="imagname.ext"<

#��� #�(��� ���Y! �����B� ��� $!�>FRAME< �%� C����� � �.� #�� � F, ���� #�� �6� >IMG< . ��� �2 P"��(� ���� � ���� #�/� !������B� ��, �(�� O��.4� � �� . ���� ���� #��� �G6 #��(��� #� �

Page 63: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

63

�(�� @��2G�� �����B� ��1>FRAMESET<. � ��(� #��(���� @����� #�5, ���� SRC ���� � ��� ���� .

O:1, @��2G�� ��%��� )�� @�� �� #���Y� &[� #�/� ��1� .���� ��%��� ,���� :

<FRAMESET COLS="50%,50%"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> < /FRAMESET>

&[� ...������ ������ ���� * � R��, �/! &[��.

�(I ��%�:

<FRAMESET COLS="200,400,*"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> <FRAME SRC="frame3.html"> < /FRAMESET>

-�% ��%�:

<FRAMESET ROWS="50,*,15%,20%"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> <FRAME SRC="frame3.html"> <FRAME SRC="frame4.html"> < /FRAMESET>

3����:

<FRAMESET COLS="*,2*"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> < /FRAMESET>

#��(����� ���B� �(�� C@����� @��� E���� 3 ���� ��2G �� ;� �!�+B���>FRAME SRC< �.0��� ��2 C����� #��(����>IMG SRC<��%�� �G6 * �� :

<FRAMESET COLS="50%,50%"> <FRAME SRC="frame1.html"> <FRAME SRC="thedome.jpg"> < /FRAMESET>

$6 OG6� <�.� (��� �2G� �/���� � ����� ��2!�� ��0���� C��� #/� D �G�� &[��:S

�دراج صmn- إ�6رات ن6jmج إeS d2§ رh1ji. ���u ب6�Rب- ا6f^2ء ا2|ي 3x�4 ه|~ •

Page 64: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

64

. ا��6رات• §eS ^ه ���uh2ا §eR2اHTML ا2^4^م ºjأن68 ن� h�Å 6دي�jfإ >FRAMESET <

...> /FRAMESET < zS وبjm. ^7y �26j26^ي . >BODY <...>/BODY<ب067k6n.hik6رات و�Ê2 60ه.hن �j2ا �u6ow2ا def .

• �u6ow20م اwjن�COLS, ROWS 0د ا��6راتf 0.0mj2 )0ةRf6 آ6ن� أو أy^nص (67S6¨Uوأ .

• h7Tk �j2ا -�fhn26ت اneR2ا �y 67u6¥68 ب¬نRs �j266د.- آf 6تneS ا��6رات ه� zR] . و` jmk^ي def أي ���8k أو و4^م خ6ص-. ا02روس ا6�2ب�- أو ص^را

داخr اeR2§ ا68R2 ���uh2داة ا6neR2ت ا�fhn2- داخFRAME < r<ن�0wjم ا2^34 • . بy6]�6- إd2 ا0wj4ا0.0mj2 ¦S ب�s6 اSRC .�u6ow2ا��6رات، وذS {2\ ا6w2ص�-

$��� �2�� �:( &� �����B� � �2 6 � %�� 3 ���� ��2 :

&G� 3���� <��/�� OG. *�.! &� ��27� �6 ... B �, � /!, �����B ��� ����� # �/�� ���5 &[� ;��� ���1 ����� . $! ��6:2 E���� � � 2 �!��� E���� &2

����� .� ��� ��%��� $! ��2 :

• & ���1 ;� O���� #�/� ��.�� $��%� �& �� &� ���2� ����

Page 65: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

65

• & �� ;� O���� #�/� ��.�� $��%� �& ���1 &� ���2� ����

���� ��%��� ,���: /� & �� ;�1 F���� ����� &, ����.� ��Q��� ��1����B� ��� CD�, ��.� ���� #� :

<FRAMESET ROWS="100,*"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> < /FRAMESET>

�L #�.��� ���� ��6� & ���1 ;� #�/� $��%� ��� &2HTML E���� D *G @� �0 ������ ���� �72� � ��������� � ��� #��(��� ����� *G &� CD��� ��2 ! F,>FRAMESET<N�(, @�� .

Page 66: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

66

<FRAMESET ROWS="100,*"> <FRAME SRC="frame1.html"> <FRAMESET> < /FRAMESET> < /FRAMESET>

$��%� ��� &, ����)$��%� ���B� �/� �, (� �1 $/� &G� �& ���1 ;� #�/�@��1�� OG. � ��� �!�+� � . *G��$���2 � "�.�� @�� �� &�2� :

<FRAMESET ROWS="100,*"> <FRAME SRC="frame1.html"> <FRAMESET COLS="200,*"> <FRAME SRC="frame2.html"> <FRAME SRC="frame3.html"> < /FRAMESET> < /FRAMESET>

��. ��%� ��%��� ���(� @�� ��$6 OG.!

<FRAMESET COLS="100,*"> <FRAME SRC="frame1.html"> <FRAMESET ROWS="200,*"> <FRAME SRC="frame2.html"> <FRAME SRC="frame3.html"> </FRAMESET> </FRAMESET>

� ���� �(I ��%� E���Y� &[� #/� :

Page 67: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

67

@��1, �%:% ��G ������ ���� � ���� #/� &G� <*G2 � , �@��1, �%:% �� � �0� ) #�0�f � �6, �0� D C���� �� �(� ��, 3 ����� $��Q� ��� �.���(� ��7! �@��2G���6� �� $�� #�0��� .(

<FRAMESET COLS="100,*,100"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> <FRAME SRC="frame3.html"> < /FRAMESET>

� ���2� ������ ���� �(I � ���� � ��� ������ &G� �& �� ;� #�/� ����� OG6 &� ����� ����� & �� &)��/��� @���� � ���� �6 �G6� (

<FRAMESET ROWS="80,*"> <FRAME SRC="frame2.html"> <FRAME SRC="frame4.html"> < /FRAMESET>

� "�.�� @�� �� OG6 ;�1 ���� C��� & �/���� & ��� �� X�� ���� :

<FRAMESET COLS="100,*,100"> <FRAME SRC="frame1.html"> <FRAMESET ROWS="80,*"> <FRAME SRC="frame2.html"> <FRAME SRC="frame4.html"> < /FRAMESET> <FRAME SRC="frame3.html"> < /FRAMESET>

$! ���5 �5� � �.� ;� &[� ����� ���� �G6����B� E���� �� ���, ��5���� �G6 $! ��/ � %2� *��6 ;/� &2� ����0�� . & ���/� & ���� $! ��2�� �� �6�

Page 68: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

68

�9�"�� ����� ����+I�)2(

�����B� 9�+�� V5��� ��H D . � � 2 ������ �9�+��� �G6 $! �� ����� ;�1 '���� ���� $! �!��� �/�����B� ,��� #��(���� � � ���� ����� .C��� 3������.� �/����� ��� ����� P"��(� $5�� ;�1 ����� .

��6� �$����� ���� $! ��.0��� & G��� �����c & ����� & ����� *�2G, &, F���+� &� �0, �� ���>FRAMESET< &� CD�� 3+� FG�� >BODY< ����� $! �����B� �1��0� � ��� $����� #��� �g2� �

�0�� OG6 P"��(��22 �1� . �>FRAME< �2 ����� ���� �J�� � '���� #��� '��� �(�� 3+� FG� �"��( ��� � ���� .��.� � ��(� D &,� #�� �2� �/����� P"��(� & � H �� &, m��0 #.�� &�� .

� �� ����� $���� C��"�� '�Z� $�� @� ��� ��2��� *�� 0��� ��� �����B� &1 - ��� ��1� �7�� $6� D, � ����(�� �������� 3� P"��(�� #���� '!���) �.� +��� ��5 $���$!��1 ����� ���� .(

#��� P"��( 3��, �� � C:%�! >FRAMESET<� "�� & ������ :2 3� ���� �/! �.�� @���� &2 � & Netscape, MS Explorer. �2G� �6�2G� $��27� �5�� ;�1 &2 � P"��(� OG6 ;�1 H2�, & ��� ����1� ��2�

���, &� �.���0� � �� * *��,� �.��1 .

$6 P"��(� OG6 ;�,FRAMEBORDER G(7�� �����B� ��� ����� ��.4 #�1 �, ��.4 � ���� #�/� $6� # /�1� ���.4� 0� #�� ��.4 .�. �1 ��%� �G6� :

<FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> <FRAME SRC="frame3.html"> <FRAME SRC="frame4.html"> < /FRAMESET>

$.! N�(�� -:%� P"��(� ��, :

• BORDER: ��2 ��� C�� 5 G(7� $6� �����B� ��� @�6�4� ����� *�� ���� .) BORDER="n" ( ����� 3� �/!Netscape

• BORDERCOLOR : ����� &� �!�+B) BORDERCOLOR="rrggbb" ( 3� ����� NetscapeC�+ , . • FRAMESPACING :�2 ��� C�� 5 G(7�� �����B� ��� � !�+� �Q��! ��!��� � ��� �

)FRAMESPACING="n" ( 3� ���� $6� MS Explorer.

#��� 3� ���(���� P"��(� ��,>FRAME<$���2 $.! :

• MARGINHEIGHT : ���c � ����� � ���� V���.� �2����� �Q���� �!���� ���/� ����)��2 ��� .(

MARGINHEIGHT="n"

Page 69: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

69

• MARGINWIDTH :�Q���� �!���� ���/� ���� ���c N�� �� ;�� � V���.� �2����� )��2 ��� .(

MARGINWIDTH="n"

• SCROLLING : ���, �, ����0 ;�1 � ������ � /!�� R���� ����, ��.4 #�1 �, ��.4 � ��2�� �������B� . # /� G(7��yes��.4� .no��.4� #�� . �auto C� "�/�� ��1 �, ������ ��.4 ���� $�� ����

�. � �0��� . ��/ ��� #4�� $! -�� ��2 C�����Windows

SCROLLING="yes" SCROLLING="no" SCROLLING="auto"

• NORESIZE �:( &� � �2�� �, � L���� ���B� #0�� #2��� � ��1 3�� #� � ��(� OG6 �!�+� ��1 �:!B�� ���� .# 5 F, G(7� D $6� .

��1 ,��� R +��� ���%��� OG6 * � P"��(� OG6 ) $! @���� ! �0��, FG� $� "�� ���� #��(���� #�57��.� +�� ��%� �+!, �.! �'���� ���� .( ��%��� &1 X�� � ��� �.���/� $2 � ���� $! ' 5���� ����� #5�

� ;�1 ��Z�� 3+�� O� L�� �, ���B� � �2�� #� /� ���� *G2 �� ��� O�0�B�� �:!B�� ���� #��(��� #% �������� . � ��(� ��1 H �� 3 ���� $2 *G�NORESIZE

<FRAMESET COLS="50%,50%"> <FRAME SRC="thedome.jpg" MARGINHEIGHT="40"> <FRAME SRC="frame2.html"> </FRAMESET>

<FRAMESET COLS="50%,50%"> <FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30"> <FRAME SRC="frame2.html"> </FRAMESET>

<FRAMESET COLS="50%,50%"> <FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes"> <FRAME SRC="frame2.html"> </FRAMESET>

<FRAMESET COLS="50%,50%"> <FRAME SRC="thedome.jpg" MARGINHEIGHT="40" MARGINWIDTH="30" SCROLLING="yes" NORESIZE> <FRAME SRC="frame2.html"> </FRAMESET>

Page 70: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

70

P"��(� *��6 *G2FRAMEBORDER, FRAMESPACING, BORDER, BORDERCOLOR $�� ����� ����� #��� �G6 3� #�(��� 3� ��2G $�� �>FRAMESET<. O��� ���B� P"��( ���� 3���� �.�2

����� $! �22 �����B� �1��0� � � .�6� Q &�� �� �� ������� ;�1 ���� $6� .

� ��(� �� � $/�NAME �����B� & � ���� ' ��� �/ �� ���� $�� $.! �#��� �G. � ��( #6, ����� $��� ����,� ������� *G� �P"��(� $5�� &1 ��/��� @����� C���( C�1�+�� �. ��!, &, ��+! �/! *G �.+�1

W� ��� &� $��� ���� $!.

�6� � �.�� $! @��1� $� "�� ���� �(�� 0���� #� � ������B�� '��� -�% #�� *��6 :

<NOFRAMES> ... < /NOFRAMES>

� �� � !�� #��� �G6 #�(�� D C������ C���(��� 35��� ��(�� ���H� ��, #� 5 ��� $! �����B� ���� &1 & �������B� #1� ) . k �� �/� ������B� �%� �����B� )��� &, �. &2� D ������� *��6 &Y! ��������

Netscape, MS Explorer(&� ������ ������B� &� *G� �.��6��� 3 ���� C���� *�2 $6 �������� OG6 �����B� #1��� C� ��� �% �� ������� .

�6 ��! * �1 �� �2! �*�5�� @�6��� ���! C�% �� C������ &���(�� D & G� *�5�� ���H R��� &, ���, �GY!� ��1 � � ���� ���2 � ��2 *���� ����2� ����� �����c $� "�� ���� � �.� $! #��� �G6 E���� .

<HTML> <HEAD> <TITLE>Main File< /TITLE> < /HEAD> <FRAMESET ROWS="50,*,15%,20%" FRAMEBORDER="0"> <FRAME SRC="frame1.html"> <FRAME SRC="frame2.html"> <FRAME SRC="frame3.html"> <FRAME SRC="frame4.html"> < /FRAMESET> <NOFRAMES> <BODY>

*���� ��2, @�����

��6 � �� �1B�

< /BODY> < /NOFRAMES> < /HTML>

�G6 &�+ �� �� �4�:� ��2� D #�! ��.���� 35��� N�(, �(�� ����� � �� D� *������ ;�1 C���� ��2 �G� ��, ����� R���� ;� E��� �,� �����B� OG6 ;�1 F��� 35��� &7� *�"�H �. ! ��(� #���) ��(� $2 �5�� ;�1

����� �1 !!(

��� �G���... � ��(� ��1 �����B� P"��( 3 �0 ��5���� ���5 �/! ���� �G6 $! �2G �$� F, '� # <NAME.� 35��� �G6 &� �(�� ����� ;�1 ������ ���5 � * ,� �� �� ���� $! �����B� #��(���<$�

Page 71: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

71

�9( 2�� �� ����� ����+I�)3(

�2 �� -�%� #�/� $!� ������B� 9�+�� $! 3���� ��H D &����� &� N�� � . *����� 9�+��� �G6 � �6� *G� ���( .��� &� �%2, �(��� �5�� ��� $! #�� &� �%2, 3� ������ ;� E���� ���� C����(� . $1��� ���

������ ���� ����� � �� ����1 F����� H 2��� .

� .�, �/ $6 @���� ��1 ������B�� '���� $�� P"��(�� #���� �!�2 ^�� & +��� & ���� $! �NAME �/��� ��� $! � !�� @���� �.���� #�5, &, *��1�� . ������ �����B� 9�+�� ���0Y� #�/� &, *��1� ��2

, �G ��,�6� 35��� �G. ������ ���� ����Y� �%�� $�5�� ��%� �:( &� �. �1F�1�� $! .

#��� P"��( #6, &� ����� � ��(� OG6 &� ��5 �/>FRAME< �����B� & � ���� ' ��� �/ �� ���� �.�� �.+�1 ����,� ������� .G��/��� G�%��"$ �3C ��$" �. )������� #5 �� ��(� OG6 &� ��.� * R+�, $2�

��%��$��� html.mainfile/examples/hpinarabic/com.khayma.www://http � %��� ! ��5 FG� 35��� �G6 &� ��H0�� )��) ����� ,���� & /���� & ���� $! �. �1 ���� ��2 $�� ����� ��%��� *�� *���

F�0� .(���H, ;�1 �/�,����B� $! @��0��� � ����� �:��� . <��0� �G��! ���B� ��� $! �.4� ������ &� <)�([� ���B� $! �6��.4 35��� ��2 *�, ��1, ... �� ( �.!

<*g�4 .(�0 ��2 ���� $2 ���� &� � �/� ;� E���� �����B� OG6 ��H D �C���� . &���� &, ��, ��2� &, ��5�� ���� �� $!��%�� �G6 $! ���(���� ������� ���(� ���� �� 35��� $! $6� �� �� . �.������ #�/� &, �0�,�

$��� $�� ��/�� ;� �/��� &, ��5 �/���� ��2!�� �2 *�.! &� C��27�� &�2� $2 �5�� ;�1 �C�� 0 .

� ��, FG� $� "�� ���� @�� �mainfile.html

<HTML> <HEAD> <TITLE>Main File< /TITLE> < /HEAD> <FRAMESET ROWS="60,*"> <FRAME SRC="header.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1"> <FRAMESET COLS="120,*"> <FRAME SRC="lftframe.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1"> <FRAME SRC="htmintro.html"> < /FRAMESET> < /FRAMESET> < /HTML>

F���� ���� @�� �)�� ���� ( � ��, FG�header.html

<HTML> <HEAD> <TITLE>Header File< /TITLE> < /HEAD> <BODY bgcolor="#BCD8EB"> <CENTER><IMG SRC="frambnr.jpg">< /CENTER>

Page 72: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

72

< /BODY> < /HTML>

� ��, FG�� � ����� �:���� ���H�� ;�1 F��� FG� ���� @�� �lftframe.html

<HTML> <HEAD> <TITLE>Buttons< /TITLE> < /HEAD> <BODY BGCOLOR="#BCD8EB"> <A HREF="htutor01.html"><IMG SRC="lesson1.jpg"></A><BR> <A HREF="htutor02.html"><IMG SRC="lesson2.jpg"></A><BR> <A HREF="htutor03.html"><IMG SRC="lesson3.jpg"></A><BR> <A HREF="htutor04.html"><IMG SRC="lesson4.jpg"></A><BR> <A HREF="htutor05.html"><IMG SRC="lesson5.jpg"></A><BR> < /BODY> < /HTML>

! ������ ��.4� � �� FG� #��� ���B� �� P�( ��� ;�1 F��� D �6� ��2�� ���B� �� � $/� 3����� . &��1 � ��� F, ���0� #� ������ *�� ; . O������ ���/�� ���� ;�1 N��� �, ��6�� �/ � "��� @�����

htmintro.html

� ��(� ��� $�7 ��6�NAME ���c �� #�� & ��� �.:( &� #�/� $��� � F� �1Q$ �� 7P� 23�� ��+I� 2����"9$�� �:&��� ;)( �� ��� .�� ��� ( ��%)����� �� ! #� � - � �G6 ���.��� �0, &� #�B� �G6 #��(��� ��

N�(�� ������ $! ;�� �, N�(�� �����B� $! � ����� �:��� ��5 &� ���B�. #��� P"��( &� @� �0 � ��( �2G &[� &�� �/! ���������>A < ...> /A< ) ��2 � ����� �:��� #�� �6�

$! �!�1����� ����. ( $6 � ��(� OG6�TARGET.) �G�� ������ C: �5 �4��� (

C:����� C���+� �%2, @���� ����� � ���� #�/� ��1�: � ��(� 3+� &, �0 �/���� �%:%� ������ &� F7� * ,��NAME?� (� ��Z� ! N��� �.�, ���� <*G2 � ,

P"��( #��� >FRAME< �� ��� &, C��0 $. ��� &� &G� . $� "�� ���� $! �/! 3+� #��� �G6 &, ����$� "�� ���� $! 3+�� $6 &G� ...��+�� ����, OG6 ! #��� &� #�� F, 3� &2>FRAME< $! @��0���

�� D �G.! �� ���� ��� � ���� P�(� #��� 3� � 3���� <<$� "�� ���� ������ ���� *G2� � !��.��� �C�+ , !��.��� � �� D FG� � ����� �:��� ��� � ��� . #��� ���B� � ���� P�(� #��� D� �� � '� # &G�

������ � �.4�� FG� . #�D�� ���B� �G6 � ��� � �� ���, )���!���mainwindow. �� ��� ��, �/��(� #�� �6� ��,� � �, �%� P�( H��� � � #5� �, F���, ���� ,�� �, ���� O� �, �(I #�� F, O���1� 3 �/<$#% ^) ��1

H��� _���� �G6 $! C�/�D * �6�2G7� ���( �D�� $! #�(�� FG� .(

$6 $����� ���� @�� � R��� &G� :

<HTML> <HEAD> <TITLE>Main File< /TITLE> < /HEAD>

Page 73: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

73

<FRAMESET ROWS="60,*"> <FRAME SRC="header.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1"> <FRAMESET COLS="120,*"> <FRAME SRC="lftframe.html" NORESIZE SCROLLING="NO" MARGINHEIGHT="1" MARGINWIDTH="1"> <FRAME SRC="htmintro.html" NAME="mainwindow"> < /FRAMESET> < /FRAMESET> < /HTML>

�"���� �"�� ���! ������ ��� &�2 $� "�� ���� ���1� &� �� .��� �5 &�2� �G.�� . *G ���.��� &[� 3 ����� � O��!�1 FG� #�B� #��(���� &�2� F, &� ���B� .

������ ��0� �/ ��� � ����� �:��� � ��� $6 � ��%� ����������� ���B� $! �.4� �:��� OG.� �/����� . � ��(� ��� $�7 ��6�TARGET�� 4�� OG6 ���7� ����� ���� ;�1 #�/� $2 �2G� ���� . &[� ���� ����

;���� ���� ;�1lftframe.html.<� ����� �:��� ;�1 F��� FG� ���� �6 � , !$��� �2��� R�� :

<HTML> <HEAD> <TITLE>Buttons< /TITLE> < /HEAD> <BODY BGCOLOR="#BCD8EB"> <A HREF="htutor01.html" TARGET="mainwindow"><IMG SRC="lesson1.jpg"></A><BR> <A HREF="htutor02.html" TARGET="mainwindow"><IMG SRC="lesson2.jpg"></A><BR> <A HREF="htutor03.html" TARGET="mainwindow"><IMG SRC="lesson3.jpg"></A><BR> <A HREF="htutor04.html" TARGET="mainwindow"><IMG SRC="lesson4.jpg"></A><BR> <A HREF="htutor05.html" TARGET="mainwindow"><IMG SRC="lesson5.jpg"></A><BR> < /BODY> < /HTML>

����� �� ...�� ���

���, �/ /���� �� ;� �� ��/��� @���� R0�� # ...^�0�� �G6 * �1 ��L� $�� * �G�1,� . � �� ���, ���� &2*G &�+� $�� �1��/� ' ��� C��"�� �� �1 �0 ! ���5�� ���, ;�1,� N���� �+!, ;� ����� . * R+�, $2�

��� ;� @���� *�� ���, ��� ���:��2 #�2�, $���0 FG� ���� �!�+Y� ��5 &, ��� �����c � � "�� ������� ;�1 ����� � ��� @��1� F, ��.��� �����B� ���� ;� ��/��B�� ���( @���� ��. � !�+� � ���� �:�� .

������ &��� )��� ;� �����B�� )��� �/ �� &� ��/��c � ��%�� �:��� OG6 ;�1 �/�� ���0�� #5�@� �0� .

�2�� ��(���� ������ ����, *G�� � ��� ���B� �(�� ����� � ��� #� ;��� ���� $�! <*G2 � , �@� �0 �� ��%� ���� $! ���� *G2� ��.� � �� $! .�2��� #��� ��/�� 3 ���� D ����(Y� ���, F,:

<A HREF="filename.html" TARGET="mainwindow"> ... </A>

���� D ��2$��� �2��� ����2 3 :

<A HREF="filename.html"> ... </A>

& ���� ���2 $! ���� ���� ��, C����� .

Page 74: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

74

�����B� @� �� $! ���5� �/ . �L O�!�� ��� <��� ��! &G�HTML � ��(� �� �� �� 5 3+� �:( &� �.��� TARGET $6� " _top"����� � ���� #�/ &, R����� ��(� $! ;)(�� E�$��������� &� . #�/ &� F,

�.��2� @� �0� ����� ��� &,� C:�, @��0�� � ��1 ����� �, ������ F, ��LY� . '��� �2�� �!��� �� /� OG6� �L $!HTML #�B� $! ��2 F��1 &� �� � mainwindow.

;� �!�+B�� N�(, # 5 -:% �0� �, �/ /��� _top� �!��� �L $! '��� �2�HTML ��.4 35�� ���� � ���� ����� . @� L�� ������ ��2� �.�, C��"�� �2G�� &, �0 �lowercase. &�! @� �2� ������ ���2 �GY!

� ��1 ����, �.�72� ���� OG6 $! ������ �.�� �6� �� $�� �0 ��� ;�1 ���� .������ # /� $6 OG6� :

_top

�y -mno2 أj�S def^ى Z6¥e2- أي ek¶� ا��6رات اR2^ج^دة أصrRmkV ا

_blank

¦�y -eRmR2ا -mno2ض اhik¹ وnojRe2 -Å6رyج0.0ة و -Z6Z ¹jnم ب^�k

_self

�k^م بr�Rmj ا�y -mno2 ن�n ا��6ر ا2|ي k^ج0 ب¦ ا2^صe- ا�1i¥j2- ا3k �j2 ) ا26m2- ا�hjyا[�-( ،67�ef h�82أ��2 آ|2}؟(ا ،-R��26 دون وج^د ه|~ اRu0ث داm. 6S وب1�26\ ه|ا (

Page 75: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

75

_parent

�k^م بhiض ا��6ر ا6�S rRmR2ن ا��6ر اbب، . وrS¤k اr�¥2 ا�26j2 ا2|ي .r�R صmn- إ�6رات hSآ1-

> FRAMESET < ...> /FRAMESET<أن� hikف أن68 ن6jmج إd2 ثVث- أزواج zS ا2^4^م -mno2ه|~ ا r�S اجhخ� .

• rآ� -mno20.0 اmj2 ولbا • z.0.0 ا��6رmj2 3 و 2ا6�2ن� -���uh2ا -mno2ا zS z�fhnjR2ا • z.0.0 ا��6رmj2 �26�2ا��6ر 5 و 4ا zS z�fhnjR23 ا

ه^ 3 وأن ا��6ر 3 و 6�Ê22ر.z ) أو اbم إذا أردت(mno- ا���uh2- ه� اbب وب�26j26 ن�^ل أن ا2 z.6ر�Ê2 بbى ا��6ر . 5 و 4ا^jU6ل إذا ا�R2ا r�14 def4 أو 5و -R��267 اy0�1- هi¥k -eوص def

_parent 6ن ا��6ر�S 67e�Rmk 3j2 3 ... z.6ر�Ê2 -1�826ب hSb2 و 1وه�|ا ا -mno2ا r6ب�Rب ��uh2ا-�.

-R��2وا -R��2ه|~ ا zب� ¾��Rje2و _top -R��2ن ا¬y _top ولbى ا^j�R2ا �y r�Rmj26م ب^�k )defbا (-�1i¥j2ا -eا2^ص \s^S zf hT82ا p¶6 وبRuدا .

������ ;� &[� ����� .� ����� �:��� ��� ;� & ��� & ���� ���+, ��! :

<A HREF="mainfile.html" TARGET="_top"><IMG SRC="mainpage.jpg"></A><BR> <A HREF="htmintro.html" TARGET="_top"><IMG SRC="noframes.jpg"></A><BR>

@�0��� �0 ��� ;�1 ����� .*G �J�02�� ��/� &, 3 ���� *G�� �/% �

������ �����

Page 76: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

76

�9( � ���� ����� .��� ...#� C� � C ��!!!

N����� - � &� �/���� ����� '��� &1 C: �5 C�0��( ���� �G6 &�2 &, ���(� �/! &����� &� N�� ��2 . &�!�2G #��� � !�+� P"��(� ���1 C����� �� �& �� 9�+�� ��� �6��� 3 ���� @���� C����� ��6 �0�C�/��� � .

�.�� ���� �2�� #2���� ����� � ��� �.�4�� &� ��.� &�2 &�� . ;�� �.+�� � 07� ���5 $�, * �1 $�(, D� 3���� ���� ���(� ��/��� ���� &�+ �.0���� &2��� &� &�2 �, 3� ���� �G6)���/�� .( #�1 $! $�J0� &2

���(��� #� & #���� OG6 &, � � $! �.0���� $! �.��� J#� N�(, #��� #��(��� ��1 gD� �.��1 �/ �� #.�m� &� �.����0�� ���� �%� ���/�� ��� '�D �5� . ����1� ;�1 ��� F, &�+ �6��� #�1 ��+�! �([� )��� ��,

9�+�� F7� P�(� D ���1 #��� �.�, . ��� ��2 �.� ��� � �� * *��,� ���/�� OG6 �� �2 ��� � , ;�1* .

�L�� ;�� �� <�/���� @�/�� &1 @�/�� OG6 � ���! FG� �(� �G6 N��,HTML � /!�� @������ Horizontal Rule #��� ����2� *���� # �/� 0���� 3 ����� >HR<� Q D �/! .��2, :

<HR>

�(� �G6 * � �.4 :

�$� �2 � �G6 &2 .�G6 *�K� � ��� 3 ���� *�� � ��(� ��+, �G� �(� SIZE �G6 �%� #5�� �.����,� C:%� *�K�� :

<HR SIZE="5">

<HR SIZE="1">

<HR SIZE="10">

� ��(� #��(���� �(� )�1 � ��� *�2� *G2WIDTH � ��� �, �/��� �� 5 G(7� &, &2��� &� $���

<HR WIDTH="80%">

<HR WIDTH="400">

<HR SIZE="5" WIDTH="60%">

Page 77: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

77

O�G���� � ��( �(� �G. N�(�� P"��(� &��ALIGN # /� G(7� $��� center, left, right

<HR WIDTH="80%" ALIGN="center">

<HR WIDTH="400" ALIGN="left">

<HR SIZE="5" WIDTH="60%" ALIGN="right">

G6 &Y! 4�:� ��2� � ��(� �!�+Y� #/! �"�Q � Q C� ��1 C��( ���, �G�� ������ $%:% C��"�Q C��.4� ���2 �(� �NOSHADE

<HR SIZE="5" WIDTH="60%" ALIGN="center" NOSHADE>

� ��(� �:( &� *��� FG� &��� �� �(� 3 ���� *�, G� ��2�� &� ��! �*�0� D �(� �G6 &� &�2 �G� ��,COLOR) 3� �/! ����MS Explorer (

<HR SIZE="5" WIDTH="60%" ALIGN="center" COLOR="#FF0000" NOSHADE>

��4�:�� #�� �6 �1��0�� OG6 $! $��� #��� >!-- ... --< ��4�:�� )�� ����2 �0��� ��1 ��(���� D &, ��/ $��� ���� &�+ � � +��� ������� �, ���(�R����� $! ���� �G6 )������ ��1 �.4� .

This is line one<BR> <!-- This is line two --><BR> and, this is line three<BR>

�0 ��� $6 OG6�

This is line one and, this is line three

#��� ���� *�, �2Z�� &�>BR< ����� �� �.� $! #2���� #�/ FG�� ) F, �.4 - �� $��� ���� $.� �,� �0 ��� $! � FG� P�� .( $6� #��� �G. � ��( �0� �, #��� �.!CLEAR <

$! O���2G �� ��0���� #5 �� ��(� OG6 ��1 �� �� * R+��� $2 ���(� ������ ���� &1 ������� � ��(� #��(����ALIGN����� ;�1 ���� OG6 35�� ���� $�� . �� /� &, ;�1 � � $! ��/��� �/ �C����

rightN�� � �.0� ;�1 ���, @��� C����� �.4 �. � FG� P�� &,� ����� & � ;� @���� 0�� . ���� *G2�

Page 78: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

78

)���2�� @���� ( �� /� #��(��� ��1left.�� �� /� ����(��� � ;�bottom � ��(� �!�+Y� #/� # �, ALIGN @���� ;���� �!��� @�G���� �.4 �. � FG� P�� &, �0� ���! �C:�, .

� ��(� ��1 P(�� CLEAR@���� $���0 &� F, ;�1 ����B� &� P�� 3�� $! . # /� G(7� $6�right��� ��1 gD� P�� ��.4 3��� $�� @���� ��� _���� &� �� V��.� � ) ������ ;.���� F,

@���� N�� � �.0� ;�1 !����� P�� ��.4 3��� ...<#.�� �.�, @����� OG6 �� , (!! �� /� OG6 &Y! $����� �� 5 &�2� ����1 #�(���ALIGN $6 @���� right.

�� /� #�(��� ���2�� @���� &2 ,���� �����left &� ;�� � �.0� ;�1 P�� ����� 3��� �.�0 �� $! $��� @���� . $6 @���� @�G��� &�2� ����1 *G�left

��2�� '��� ... #�(���! �$�%� @���(�� '��� ���� ��� /��� OG6 @�2� ��2 �G� ��� � , ;�1 <*G2 � , �� /�all����0� 3 �0 &� ����B� 3��� $�� .

* ,� �� OG6 E��, ���� <� ��(� OG6 �!�+� 3� ���� � 2 �6��� ���(� ���� &� ��%��� )�� ���/� &, ����� &���� @H ��� $.! ��!�+B� ��, C�!��� C��� $6 ��2 ��%���

RIGHT

z�R�2ا dosأ d2رة إ^o26ذاة اmS d2دي إµjy -R��26 ه|~ اSأ . def 67�e. 6ف ا�82 ا2|يnj2ا \S . - اh��2ى و0i2ة أº�U h�4 ار6nkع اo2^رةا2¨7

<IMG SRC="image.jpg" ALIGN="RIGHT"> <BR CLEAR="right">

2^ج0ن6 أن�i8S 67 اS CLEAR="right" zS �82\ ا6w2ص�- > y>BR¬ذا أ[68n ا2^34 ا�6nj2ف

�� /� #��(��� ��0� &[��left ��� ��%�� �G6 3�

RIGHT

S\ ا6nj2ف ا�82 . اµjy -R��2دي إ6mS d2ذاة اo2^رة إd2 أdos اz�R�2أ6S ه|~

. ا2|ي .def 67�e ا2¨7- اh��2ى و0i2ة أº�U h�4 ار6nkع اo2^رة

<IMG SRC="image.jpg" ALIGN="RIGHT"> <BR CLEAR="left">

S CLEAR="left" iy 6S r�y ¦je\ ا6w2ص�- > BR<نUV¢ أن ` 0u6yة zS ا0wj4ام ا2^34 ه^ إ[6y h�4 -y6رغ أdef ا�82

Page 79: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

79

�� /� #�(��� C����left @�G���� 3� F, �R ��� �.��2� $! left

LEFT

S\ ا6nj2ف ا�82 ا2|ي .def 67�e . ه|~ اµk -R��2دي إ6mS d2ذاة اo2^رة إd2 أdos ا6��2ر . ا2¨7- اd8R�2 و0i2ة أº�U h�4 ار6nkع اo2^رة

<IMG SRC="image.jpg" ALIGN="LEFT"> <BR CLEAR="left">

º¨. 6Rآ -R��2ه|~ ا rRik 6ن (ا±ن�R2ا �y º468R2و[\ ا2^34 ا zS rxyء أ�Z `º468R2ا (!

�� /� ��0� $2 ��0�� * *��,�all *����

������� ��� � "�/�� @���� #�/��� ���� @�/! �2 $! ����� &, �������� � +���!B� �1��/� &� )�1� �����R����� @G!��) .���� ���� &� �.!��� OG6 .( ���/� &�2 ��.� #�/� D &, ����� ��, &� � �� ���, �/� &2

@G!��� )�1� ������B� . #���� &�+ ���� �G6 3+� �6 ��! �� �1 �� �2 �C����

<NOBR> ... < /NOBR>

k ����(� $6�NO BReak F, )#��/�� D .(

Page 80: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

80

�9( *����� ����� ����&�� +/��,��

@���� � �� ����� ����� ;�1 C����5 ����,� ��L�� OG6 3� C: �� C���� ���5 �5 &�2� ���� �G6 � ��� 3����! . ������� �� C�1�� ���/��� 3 +���� &� C����� ��5��� ���� �G6 P�( ��)3+����� $ ,�� ( �L $!

HTML+�� �6� D, � ���� �"��(� 9� .

� ���� ���� �%�� �6� �� @��� F, E���� 3 ���� ���, �� ����� �:��� *����� �:( &� *� :� ���� ��,�� .����(� 35��� ;� ���� Y� #�/� $�� �:��� OG6 &� � ��� ;�1 F���� @���� @���� * ,� �� &2!! �6 �G6 <

� ���� �"��(� ,��� ������ . �2Z�� &� &2 �* �1 C�� �0 9�+��� �G6 &�2 &,� �.!��� D &�2� &, ������ &���5 &� �.���(��� *�, .

C�+ , ���� ��� 9�+��� �G6 �:( &� �. �1 ������ $��� �"��(�� ���(� @� �0� #���� ;� C�!�+� �&G� ���� #��� 3� ������)� ��� �"��( &1 -���� ���, ��� (2 � ����� �:��� 3� ������� *G) �"��(� &�2

�:��� �(I ' ��� $6 � ���� ..( ����.� &� � �/� ;� C�+ , E������) #�� ..����.� . *��0 FG� #��� *G@�"�� � #��� ��2 �� ��� ;�1 ! #���� .. �$� F, &�2 �5 C� �"�01 C:2� �0 ��� &�2�! ..�� &�2 &, D�@�" .(

�%� ���� � ��� X���� ��, ;� E���� C�� (,�Paint Shop Pro ���(� � ����� )�� �!��� $! ����1��� ����� .

�35 T)+ � U�"$�� � � �C .

���� �( � �5 ��� R��� ��� �� N����� �, ���� �( $6 OG6 ..����� $! �.0���Y� #�/�� � ��1 @��� ��0� .

�.0���Y� ���(� @�� �� $6 OG6�

<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0" >

Page 81: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

81

#��� P"��( &� @� �0 � ��( @�� �� OG. � +� ��� &[��>IMG< $6 USEMAP="#map_name" �� �(� OG6 � ��� $! @��0��� ��� ���� ��� *G� �� �(2 @���� OG6 #�(�� &, R����� ��(� $���

)W� ��� &� C�/�D ��� ���� OG6 &1 -������ .( �� /� ��,map_name �J �� &, � �� FG� #�D� �%�� $.! �� �(�)O� �� #�� F, .('���� #�D� �G6 &Y! N�� ��2� @���Y� # .

#��� �� �(� $��� &, * ,� ��ourmap .$� ��2 @�� �� R��� ��� �6��1 :

<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0" USEMAP="#ourmap" >

�� �(� � ��� $! ;��� @��(� $6 OG6 ���2� .� ����� � ��� $6 � ��%� @��(�� .

�(Y� #/� #�B� ���� �� �( � �� ���, R����� ��ourmap

<MAP NAME="ourmap"> ... < /MAP>

@���� #�(��� D ���, 4�D� #��6 � ���� 3� $��� �2��� �6� �� ���, )����� �� ����� �:��� ��(��� '����� ���� &, E���� *G ���:

��(��� '����� ,��� R +�� )�L� �/! �6 � ���.� ��2��� OG6 #�� &, @���� @����� * �1 �2Z, &, � �, ��6��/��� �2 35��� �2� � ���� �* .�(�� ��5 �/! *G2 � ��� �� �( ����� � �� ����1 C���, �. E���� D� �6��

�6� �� ��2�, F, �� �(� 3 ���� ��2 @� �L� N�(, '���� F, �� �(� 3 ���� *�, ;���� �� "���1 @���� �.���� .� � ����� #���2 *��Q� C�/!� 3���� *G� .

#��(���� '����� OG6 ���� � 2 ��6 &[� ��Z���HTML ���0�� <�6� Q &�� �6H � &, R����� &2� � 2� ��� �6 #��� #��(>AREA<�6� �� $�� ��(��� '����� ��1 ����� '���� #��� &�+ E�� FG�� .

<MAP NAME="ourmap">

Page 82: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

82

<AREA> <AREA> <AREA> <AREA>

< /MAP>

� ��(� )�L� �G. #�(���� �/��� �2 �2� � ��� CD�, E���� ���� �$� �2 � �G.! *G 3��SHAPE #% &�� �� E���� � ��(�� #� �G6� �/��� �2 35�� � �COORDS ;� � ��� � ���� ���� �%�� �/��� �2 &, ��� C�� (,�

$6� 35���� � ��� � ��( #�(��� &, $. ��� &�! �� 35�� &���1HREF ��� $��� �y 68iSا02رس ا6�2دس

�5��&�%$�� ;...

� ��(� G(7�SH APE$6� ��(��� �/���� �2� � ��� # 5 �%:% :

RECT ��4���� �� ������ ������ ��2�f

CIRCLE �"����

POLY ���+��� � "����� ��2�f

$� ��2 @�� �� R��� &G� �& "���1 & �2�� � ����� @�"�� �� ��)�6, &���.� ��� � :(

<MAP NAME="ourmap">

<AREA SHAPE="poly"> <AREA SHAPE="rect"> <AREA SHAPE="circle"> <AREA SHAPE="poly">

< /MAP>

� ��(� #��(���� #� FG�� ��� �(� &� �2� �2 35�� � ��� ;� &[� $�7�COORDS . C�� 5 � ��(� OG6 G(7� %���� �%�� � �5� �� �(� ;�1 ��2 ��� $���.� �2�� ��)����.� &� � �/� ;� E����� *�, * �5, #, ( &��

���/�� �2�� �:�(Y� �� 5 �2 �D� ���(� &, $. ��� .� ��� � � +��� ��2��� ;� �4�, :

Page 83: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

83

;���� ;�� � � ��H� $ %����� � ��� N�� � � ��H� $ %���� �!��� E���� #4���� $1���� �2�� $!) .#�5�, ����, (

�� �6 0���� �� �2! @�"��� $! ��,�6��5 ��� �!��� ;� �!�+B�� @�"��� OG. H2��� ��/� $ %��) . #�5�, �%:%�/! (

�%�� $�� ��/�� &� ��/� �2 $ %���� �!��� E���� � "����� ���+�� ��2��� $! C�� (,� &�2 ��.� �2�� �G6 � ��H �6��1) .���/�� �2�� �:�(Y� ���( � ���� � Q #�5��� ��1 (

��2�� &� �� <�� %���B� OG6 ��0 � 3 ���� � 2 �&[� �7�� �5� ! �6 * �1 �� �2! ��2 !��0� X����� ��� $�7 ��6� ������ &�2�� $! ��Z�� 3+� #% X������ �G6 $! ���� � ��� �. �1 3/ $�� ��/�� �� %���� �6��� ���

X������ @G!�� ���, ��0��� � ��� ;�1 ��Z�� .�22 @���� ����, �!��� 3 ���� *G �!�+B��� . ��� � , ;�1��� �(� � ��� $! �.���(��� �0, &� ������� ��/�� 3 �0 �� %���� � 0�� �6 ��! * �1 �� �2 .

Page 84: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

84

���� �( ;� &[� ����: $6 � ��� ��/�� �� %���� ���2 � ����� �2�� ������):28,255 ( $6 ;���� ��/�� �� %�����)310,300 .(

$6 �6H2�� ��/� �� %���� ���2! @�"��� ��,)140,160 (�� �6��5 ��175��2 � .

&� �� 3�+�� �2�� ��,)-�%�� ( $6 O� ��H �� %���� &7!)150,10( ,)300,20( ,)315,230 ( D &, ��6 �2G����/�� OG6 �2G $! � ���� � �6, .�� �� ;� �/ 5� �� %���B� &�2� &, �/! #.�� .

�� �� 3�+�� �2�� $! ��/�� �� %���� &Y! C�� (,�)�$1��� ($6) :10,10( ,)130,10( ,)110,65( ,)10,140 (

$� ��2 R���� $��� �/���� @�� �� &�+ ���� �� OG6 ����2� &[� #/� :

<MAP NAME="ourmap">

<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140"> <AREA SHAPE="rect" COORDS="28,255,310,300"> <AREA SHAPE="circle" COORDS="140,160,175"> <AREA SHAPE="poly" COORDS="150,10,300,20,315,230">

< /MAP>

� ��(� �. #�(���� $��� � ����� �:��� �. � � ��� $�� & ����� & �� $/� <&[� $/� �G��HREF. * � @H����� � ���� 35���� &� ����, & ���1

<MAP NAME="ourmap">

<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140" HREF="http://www.sakhr.com"> <AREA SHAPE="rect" COORDS="28,255,310,300"

Page 85: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

85

HREF="http://www.ayna.com"> <AREA SHAPE="circle" COORDS="140,160,175" HREF="http://www.pcmag-arabic.com"> <AREA SHAPE="poly" COORDS="150,10,300,20,315,230" HREF="http://www.asp.com.lb">

< /MAP>

$��� �2��� @�� �� OG6 3� @���� E���Y� ���(� @�� �� 3 �0� ��� C�� (,�) . &� 3 �0��� ��5 �/! ����������22 �� �(� @�� � � "�.�� �0 ��� R +�� �0, .� $!� O� �� &�2� F, $! �� �(� � ��� 3+� 3 ���� ���, 35��

@���� E���� @�� � &� C�� �5 &�2 &, C���� � � ���� �(�� (

<IMG SRC="flowers.jpg" WIDTH="320" HEIGHT="310" BORDER="0" USEMAP="#ourmap" >

<MAP NAME="ourmap">

<AREA SHAPE="poly" COORDS="10,10,130,10,110,65,10,140" HREF="http://www.sakhr.com"> <AREA SHAPE="rect" COORDS="28,255,310,300" HREF="http://www.ayna.com"> <AREA SHAPE="circle" COORDS="140,160,175" HREF="http://www.pcmag-arabic.com"> <AREA SHAPE="poly" COORDS="150,10,300,20,315,230" HREF="http://www.asp.com.lb">

< /MAP>

'� �� �G6 $! & ��.� & �7�� � %, &, � �, &[��: ;��� : @�� �� ����2 ���2� ;� E���� �.! ������ $! @�� &� �%2, �� �(� OG6 E���� ����, � �G��>MAP < ...

> /MAP<D C���5 ���0� <@���� �. ! E��� @�� �2 3� !!. ��! � ��(� ��2� ���, ��USEMAP OG6 3� �.��� ����� $�� �� �(� @�� � &1 -���� #�/ R����� &Y!

�.0���� ���� ��1 &�2 ��.� @����� @���� ;�1 �./�� #% &�� �� ��(� .

� ��%� :�.��2� N�(, @��� 3+�� @���� OG6 ��L� ����5 � �G�� .�6 �0� D C�+ , <��2�� &� �6��2�� F, � .�.� �� @���� @���� ����� � Q �� ��� �� �(� � ��� &� .35���� �2��� @���� '���� ��� �/! �6 . ��

@��� �0��, � *�� �� <*G2 � , ��.� �� @���� ������ �.�, ;� � � �� �0� &�! � ���� �G6 $! �4�� �/5��� �0 ��� �L�, @��� ;�� �, �0 ��� ��2, � ��( ���(��USEMAP 0��� &�! ��� �(� ;� � �� ��.��

*G $! ��2�� F,) .R����� ��2�� ��6 $�1,� ( �:�� &�� '���� ;�1 F����� @� �2� @����! 3���� &2 �� �(� $! �!���� �:��� )�� ;�1 F���� & ��� @� L�� @����� �� ����

Page 86: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

86

&, ����� ������ �(�� &�2� F, $!� �/! @���� @�� 3+� 9��� � ��� �6 �� �(� � ��� &, ��:(�� &�+ &�2 >BODY < ...> /BODY< ����� �(�� �.�� �� ���2 ��.� ���� ����1 E���� 3 ���� ���/����

&�2� � ��(� ���+� ���, ���� �� �(� OG6 � ��� ��� #�(��� � ��� �"��( USEMAP="#map_name" ���� OG6 3� .

#��(� *��� :& � 6���� ��.�� �1��� � ���� �"��(� # ���� #�/� $�� X����� &� � %2�� �����B� ���� .. �/! ��2��� #��� #% �������� @���� � ���� #�/� ��2� #% &�� �#���� X����� #�(��� ��2 � ��2 �. �1 �6� �� $��

��2��� OG6 &� �2 ������� � ����� �:��� & ���1 . �2� ���(� �� %���B� ��0 Y� X������ #�/ ������ �G26�������� �� �(� @�� � ������ �2� !!��(� �/1, ����� 3 ���� @����� '"�5� �:( *�, F,� ���� �" .. ��� &2

X����� &� 9��� �G6 �+��� *�, �/�1� :! � ����� N����� ���� N�.� *�,) . ����2 � (7� ��+! �/ ��������� �����c �1�.� C:�, ���� �G6 ���2, �� � ���� $! �.��+� � $�� ����� �G6 � �.� ;�� �4�:�� OG6

X����� OG6 �%� &1 -��� (� ;1� 3"�� X����� &����� �G6 * � � , ;�1Live Image php.index/a/com.mediatec.www://http C��"�� @� �� C��"��( * ;���,.

Page 87: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

87

�9( -����� ����� ?3�� ��)1(

&�2 ����� �G6 � &1 ��. ! -����� & ��� &� ���� � �� ����� $! �.� �+� � � 2� EG��� .

���/��� 3 +���� &� ����� EG���� &, 3�)��.�� � Q� ( �L $! �� C�1��HTML D ��2� � �� 35��� #4�� &, D� &� ���H�� �.0 &� ����� 35��� & � �1���� � ��2�� ��0 � �.�6, &� �� ����, @�� *G� ��6��0� &� ��(�

(, �.0N�... �"���� $��2� �5� �� �� �"��� $! *�5�� ���H ���I ���� &, � � 35�� #���2 E���� �5 ��� �,* �+!�� �� (� $6 EG���� &Y! �.��G� @���� �� �, �!��� � �� ����1 &2 �* �6���� $�� $����2B� � ��� .

� �.:( &� ��(��� ���� �� # 4�� � ��2�� ;� �!�+B��35��� ���H ��5 &� �.���(��� �1��� ��.� . H��, &��35���� �(�� ������� �, ����2� &1 -��� ������ ���H� ���!� $6 � �� 35��� $! EG���� ;�1 ��%��� .

:2 ��.��G ��� @�/�� �.��2 $! EG���� 3� ������ ����� &�2� D ... �L �.�1�� $�� ������ N��� $.!HTML �/���� ����� 3 �0 $! �.�� ������� $�� #���� �%� �.�%� � ��1 #��� ��0� $6� . $! EG���� ����� *��2�Y��

C����� �, CD��0 �. ! E��� $�� ��.�� ���� *�5��)��.� �����B�� ����0� &, �/��� ��2 �G� 3���� �G6 ( &2 �.� � �(����)EG���� $�1,� (� ��L & �� �%� � �� $! ���/��� �0���JavaScript, CGI ���(� �.��0 �� $6

N�(�� ������ �, #���� &� �. /��� &1 . &�+ ��L�� OG6 &� � 0���� 3��/�� )�� ;� �0��� �G� ���(*0G��� . �6�!�� $�� ��+����� ����2�B�� � ��2� �G� ��,HTMLEG���� ������ .��2�� &� ��! ... &�2 � ��

����� �2� �.�� ������ *��2�Y� . N�� ��L�� &� F, ;� 3���� '���� & ���� �G6 $!�HTML.

���H ��!� $��� �2�� )�����

$���2 $6 ��2�, ��� �0� �, �/ /�� <��!�� �G6 $! �0� ���� �� ��(�� ��2�, &� C:2� #2 :

Text

Option 1

1 2 3

Wxأر

]czا {|Sا

Page 88: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

88

�/! ��!�� $! @��0��� ��2��� $6� . �:( &� �.�� ������ #� ��� N�(, ��2�, ��0� ;� *�4� ��, &, ��,����� �G6 .

��"�� ;�5 ����

�.4��� ,���� - � &� )��� �.+�� &1 ���(� �/���� ��2��� &, 3�)C�+ , � ���� �/ ��� (�0 �.�, D� &, ��6 EG���� & ���, & ��� &�+ C�� �0 E��� :

>FORM < ...> /FORM<

EG���� �G6 �� ��� '���� $�� P"��(� )�� � ��� E���� @���� ��0 ��2� .P"��( -:% ��6 �� �� :

ACTION

������� @����� �.�0��� #�� � EG���� ���� � ����� #� � FG� &����� ���� .1� C�����1 �G6 &�2 @�� $����2� � ��Email � EG���� ���� � ����� #� ��� . X����� C�����1 &�2 �5 �,CGI ;�1 ��0��

#��(� ��� ��2�Server ��� ���� ��� �.0�� � ���� �� OG6 ��/�� - � �� �� ���� �1 �0���� FG� N��� ;� C:%� �.� + &72 ! @��0��� ������ )���H� ���!� $! @��1 -�� ��2 ( ��� &� '/�� �,

35��� ����� &�+ @���1 �, ���2 &1 -���� #�/ &, �, ��� �� � ��� �.�/����� ��(��� ��/�� )��� �� 35��� $! @��0��� -��� EG��� $! ��2 .

<FORM ACTION="mailto:[email protected]"> ... < /FORM> <FORM ACTION="name_and_address_of_CGI_script"> ... < /FORM>

METHOD

�/���� � ��(� $! ����� &����� 3� ������ �.� #� � $�� �/ ��� ����ACTION. OG. & �� 5 *��6� ��6 � ��(� :GET #��(� �(�� #�� F, � �(�� �0���� � ��1 &�2 ��� $! #�(��� $�� Server�� � .

�0���� � ��1 &Y! �35��� $! ���2 &1 -��� EG��� #�(��� ����1 '���� ���%� $�!)-��� F, ( F�0�35��� $! @����� . $6 � ��%� �� /��Post ����� #� &72 � 0��( �0���� � ��1 &�2� ����1 #�(����

$����2� � �� &���1 ;� ���� �� .

<FORM ACTION="mailto:[email protected]" METHOD="post"> ... < /FORM> <FORM ACTION="name_and_address_of_CGI_script" METHOD="get"> ... < /FORM>

ENCTYPE

�. C�/!� ���� �� ����� #� � $�� H ���� �/ �� ���� � ��(� OG6 .& � ��� & �� /� G(7� $6�) : &, �0 $6 ��2 # /� OG6 ��2�C�!��� C��� (

• application/x-www-form-urlencoded • text/plain

&1 @� �� � 0��� ���, $! �, H ���� '�� &� & 1��� & G6 ��0 � ;� ��, $�� � �/�� ������ $! )�(� &������� �� ;�1 N�0�� $�� �0���� � ��1 �� �� �6 & �� /� &� F, #��(��B 3!��� &Y! ���1�+�� X����� �� �� �, �

Page 89: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

89

:( &� ���� �� OG6 ��/���� FG� $����2B� � ���) #1� &�2 �G�MIME @����� ����(� $6� �D #, -ultiMpurpose nternetI ailM xtentionsE ���� �� 9���, 3 �0 �/�� '���� $��� �����B� $! @�"��� � ���� &� $6�

P���� �/! � � @���� ��� &�$����2B� � ��� �:( &� .( &� & �/ ��� & � '��� �6 ��6 �� �� ������� �� ���/���� ����� �/ �� - � . #��(��� ���!text/plain$��� �2��� ���� �� ���� :

NAME=Yahya Al-Sharif Address=Nablus , Palestine [email protected]

) ����2�Name ,Address, Email EG���� # ��� � ��1 ���%, �.� ���� &�� #�/�� EG���� $! ��/�� ����, $6 � �5 ��� ��/�� ����, � ��� &1 -���� ���� ���(��� ���� �� $.! @������ @���� ��� @�6�4� P���� ��, (

#��(��� ��1 ��,application/x-www-form-urlencoded�2��� ���� �� ����! :

NAME=Yahya+Al-Sharif&Address=Nablus+,+Palestine&[email protected]

��/�� ����1 ;�1 ����� �G� �.� ��� $! ������ s��� � (� &, *� . k� ���� ���( X���� �!��� *GFormaters�2 � ��2 R��� - �� #�.�� �2�� EG���� �:( &� ������ ���� �� � ��� @��1Y� #�/� ����� ��

H ����text/plain �/��� �0���� �/ �� ;�1 ���5 ��2 ���� *G! C��"�� �+!�� $6 ;��� �/ ��� &, �/��� D &2 � ���� .* ���, ��. , ���� & �/ ��� ��0� &, &� � + D *G .

��/� ��:( &G� : ���/��� ���, ��� $! EG���� � ��� �L � �+!, &�2� �5 &���1 ;� *�5�� &� ���� ��$6 $����2B� *� �� :

<FORM ACTION="mailto:[email protected]" METHOD="post" ENCTYPE="text/plain"> ... < /FORM>

' ��� � ��� $! ��H ��! �4��� &2 � �"��(� EG���� � ��� � ��1 &� �� .��� �5 &�2� �G.�� .

� � ��1 $! &[� ,���EG���� $! ���� �� ��2�, � �� . #��� #�(����>INPUT< ��2��� OG6 &, �/ /��� �.� ��� #��� �G. ����� P"��( # 5 N����� �, P"��( ��0� $6 . <� 2 ... �G6 * R+�� *G ;�1 CD�%� G(7�

#�.���

�4�:� : #�(��� ��2 �G�Sindbad 3.x ���0�� P��� �/�� ��� �! X����� &1 �0��� ��2�� $6� ����2�� @���� Netscape :( &� ��� FG�

Please enter your address:Nablus, Palestine

#��� ���(��� �/ �C����>INPUT< �2�� �G6 � ��� )C�/��� �. �1 ��/��� OG6 ( � ��(� �!�+Y� ��5 #% &��TYPE 9�� � ��� #��� �G. �� /� �.� �1,� O� �, FG� �2��TEXT F,

<FORM ... > <INPUT TYPE="text"> < / FORM>

Page 90: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

90

�2�� �G6 �� � X�� :

:/.(ة ,+*()' TYPEاS -S0wj�R2\ ا6w2ص�- ) ا3��2(إ�2} ج�R\ ا6�Zbل

s68S z�m2 ��eik آ67 ا±ن ب0ونhkو4^ف أ r�¥6 ب�U` 67¥ronS . 6 ب26^4^مR7ن0رج z.hخ´ z�e�Z أن ه68ك -TUVS \S

>SELECT> ,<TEXTAREA< <INPUT TYPE="text">

<INPUT TYPE="password">

<INPUT TYPE="hidden">

<INPUT TYPE="radio">

<INPUT TYPE="checkbox">

<INPUT TYPE="submit"> Submit Query

<INPUT TYPE="reset">

<INPUT TYPE="button">

� ��(� �� 4� &[� * ��+� �5 &�2, &, �0�,TYPE�.�� ���(���� # /� 3 �0� ���%� ;� &[� ����� .. 3� ���(���� � ��%� � ��(�>INPUT< $6 NAME - � ���� �� �/� � ��� #�(����

��5 #�B� ���1Y�address��%�� $! �/�� �G. ) .�/�� O� �� FG� #�B� ���1� $! � ��� �2 * .( &, �/ /��� �0���� �����+� � 0���� ��0��� ��� �� ! ���(��� &2� - �� � ��� EG���� �(�� $! �/�� �J�� #�B� �G6

�� #���2 �.� +� �5 $�� X����� ��5 &� ��0� &�35� . �/� &Y! � ���� * � EG���� ���K &, � �� ����1 ;���� ��(� OG6 �:( &� �. �0��, FG� #�D�� �J���) . &1 ��%��� ����1 ��/�� ����, � ��� &1 C�/��� m��5 �� 4�D

EG���� �� ���� �.� ��� $�� '���� H ���� .( �0� D N�� ��2�)&[� ;�� ( ;�1 �� �� P�( �/�� �G6 &,&����� ��(�Y�.

<FORM ... > <INPUT TYPE="text" NAME="address"> < / FORM>

@����� ��,Please enter your address : �1 �0 FG� �� �"�H� ��� �.��+, � � +�� @���1 ��0� $.! @����� OG6 �Q� � 3 ����� ����2� �� ��2 . � ��(� �2�� ��� EG���� �6�0� �5:1 �. � ������ �2 $�!

NAME.

Page 91: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

91

<FORM ...> Please enter your address : <INPUT TYPE="text" NAME="address"> < / FORM>

Please enter your address :

�(�� @�6�4� @����� ������ ��, �/�� Nablus, Palestine) �6� �� N�(, @���1 F, �, ( �� /� ���%�� $6� � ��(� �:( &� �6��.4� &�2�B��! ��/�� �6� �� $�� � +���!B�VALUE. �D��� $! #�(��� � ��(� OG6�

�� #� #. �1 � .���� ���H� #4�� ��5 &� @��2�� �, �0��� �� 5 ����2 �. ! 35��� $�� 3����� � +���!� �� /2 �.��.�� CD�� �� � �� ����2� �.!G� � ��2�� �!�� 3� .

<FORM ...> Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus, Palestine"> < / FORM>

Please enter your address : Nablus, Palestine

�� �5 � ��(� #�(��� *G� �/�� #0� � ��� ;� C��� �, E��SIZE #5�� ��0� ��/�� #0�2 O� �� FG� #5�� 3� 40

<FORM ...> Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus, Palestine" SIZE="40"> < / FORM>

Please enter your address : Nablus, Palestine

#5�� ��0� �,10C�+ ,

Please enter your address : Nablus, Palestine

� ��(� �0� DSIZE�/�� �(�� �.��2 &, �"�H� &2� $�� �:(��� #0� ������ � �2�� ��� F, . @������N�(, :*G &2 �/�� #0� ����� ���, R ������� ;�1 O�.4� ;�1 �/! F�� . &� �"�H� 3�� �� �0� D�

����� �/�� #0� P�� H��0� - �� ����2� . � ��(� ��� $�7 ��6�MAXLENGTH ;�5�� ���� #2��� �(��� P�� .

<FORM ...> Please enter your address : <INPUT TYPE="text" NAME="address" VALUE="Nablus, Palestine"

SIZE="40" MAXLENGTH="30"> < / FORM>

Please enter your address : Nablus, Palestine

&� �%2� �/�� �G6 $! ����2� ����30-�� � �G�� �4�,� C�!�� ?

#��� P"��( &� &[� �� .���INPUT$6 OG6 �C���� <N�(, @�� �.��0Y� * ,� ��! :

• TYPE : 9�� � ���)�2� (���� �� �/� .

Page 92: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

92

• NAME :���� �� �/� #�� & �� . • VALUE : � +���!� �� 5 & ��)� "��� (���� �� �/� . • SIZE :���� �� �/� #0� � ��� . • MAXLENGTH :�/�� $! ��(��� ����� ��� ;�5�� ��� & �� .

���� $! ���(���� ��/�� &� $��%� 9��� �/� �6 EGpassword �/�� �� �6� text C����� P"��(� - � &� �2� ;�1 �.4� �:(�� &, � Q******��.� � � ��� '��� �6� ����2 ��.� . &, &[� �0����� �5 &�2� �����

EG���� $! �"�H� ��5 &� �� ���2 ��(�B �0�� �0� ����1 #�(�� ��/�� &� 9��� �G6

<FORM ...> Please enter your name : <INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30"> Please enter your passwod : <INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40" MAXLENGTH="30"> < / FORM>

Please enter your name :

Please enter your password :

� +���!� # 5 ����2 $! �Q�, # $��, 4�DVALUES C� "�.� �. L, &, C�+ , 3 ���,� �Q��! �.�2�� *G� ���/�� @�� �� &� .�D��� )�� $! ��/�� � +���!� �� 5 ����2 � �6, #�1 * R+�, &, ���, ��%�� �G6 $! ��,� .

�6� ��/�� 9���, &� -�%� 9��� ;� &[� $�7�hidden$�(�� �/�� F, . �.4 & �.! ��� &� X����� ��2�EG���� &�+ .��%� �G6� :

<FORM ...> Please enter your name : <INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30"> <INPUT TYPE="hidden" NAME="my forms" VALUE="form1"> Please enter your passwod : <INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40" MAXLENGTH="30"> < / FORM>

Please enter your name :

Please enter your passwod :

&, ��6 4�D &, ��� & ����� �� �� ����� & �"�H� &,� �EG���� �.4� ������ ��1 �%� �/�� �G6 ��0� C� �(� C:/� *��6 .��6 ��Z��� : ��Z�� �G6 ;�1 � 0, $2� < ���(��D � ��2�� D ;�(� �$� ��0� &� @�"��� ��

� � ����� #���2 *.0��� �5 ��� �, CD�%� * ^��, $�1�... �.����� EG���� OG6 &,� �� C�0G��� �.�� �2 &�+�� ����� -:% * � &, )��� .��/�� ��� ;�1 F����� .

�/�� �G6 �!�+� *��2�Y� <���� �� ����B #�(��� EG���� OG6 &� F, H �� 3 ����� � 2 ���� �� *��� ����1�)$�6�� (EG��� �2 $! �� 5 F,� #�� F, ������ .

Page 93: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

93

$! ���� EG����...

<INPUT TYPE="hidden" NAME="my forms" VALUE="form1">

$��%� EG���� $!...

<INPUT TYPE="hidden" NAME="my forms" VALUE=" form2">

-�%� EG���� $!...

<INPUT TYPE="hidden" NAME="my forms" VALUE=" form3">

��� �� *��� ����1 *G�� ��5 $!�+� �/� �+ , *�� � �%:%� EG���� &� F, #�(��� �"�H F, ��5 &� ������ �� ��� ��2��� ��7� *G� EG���� ���� ����1 C���� �"���� *��� ��, :

my forms=form1 �, my forms=form2�, my forms=form3

� #���� #��(��D �6 $�(�� �/�� &, ��/� 3 ���� &G�# ���� ��1 @����� �(�� �� 5 &,� ��"�H� � . �.�"���� �"�H� #�5 $�� EG���� ���� � &�+ ��0 ;� C���0 �.���� #� � �� # 5 � ��� ��.� #�(�� �

��1� �Q :�#�1 �2�� EG���� ������ . ! ��/�� 35��� #2���� �/���� ����� @���� EG���� ��.4� �0, &�+!�� &�!���� :� ���0� ��0 3� ���0 �(�� �+� C��"�� � .

<FORM ...> <TABLE BORDER="0"> <TR> <TD>Please enter your name : < /TD> <TD> <INPUT TYPE="text" NAME="the name" VALUE="" SIZE="40" MAXLENGTH="30"> < / TD> < /TR> <TR> <TD>Please enter your password :< /TD> <TD> <INPUT TYPE="password" NAME="the password" VALUE="" SIZE="40" MAXLENGTH="30"> < /TD> < / TR> < /TABLE> < / FORM>

� ��� �0 ��� ;�1 ����� ���/��� *�2 $!�+B� ���� &� � �/� ;� E���� N�� ��2�

Please enter your name : Please enter your password :

�+!, �G26 ...<*G2 � ,

Page 94: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

94

�9( ���,�� ����� ?3�� ��)2(

EG���� ��� & ��� &� $��%� ���� �6� . � � 2 ������� EG���� � ����� #���� ��5���� '���� ���� $! ���5 �/� �� ����� $! EG���� E���� .)�� ��5���� ���5 ��2 $6� EG���� $! ���� �� ��(�� ��2�, Text, Password,

Hidden 30�� <�.� ���� #�/� � 2 �2G� �6 '���� ����R +��� &� � H�� ���, &� .

���� &� �� �(D�� ���(� ��2��� &� �1��0� 3� &[� 3���� ���9���, �%:% �������� $6� � :Radio ,Checkbox�� �(B� ��"�5�

;���� �2�� 3� ,���RADIO. &�2 &, ;L�� ^����� ��Z�� &, �2�� �G6 #��(��� ��Q��� &�� ���0� @�����/! @���� ���0� ���( &, �"�H� ;�1 N�(, @����� �, ��/! .

� �7�, &, � �, $��, )��� ���%�2� ��(�� FG� R����� &1 �"�H) �2� ;�1 ���H� ��!� $! ��0�� �6 ��2�� �(� ��"�5 ( �2� ;�1 &�2 &, O� �, �� �(� ��"�5 �2� ;�1 &�2 &, &� D�� &2RADIO �2��� *G�

$���): #�(��� ��2 �G� ��2�� �2�� �.4� EG���� ����1 &, *�2G, &, ��,Sindbad 3.0(

Sindbad 3.0

Sindbad 4.0

Ms Explorer 3.0

Ms Explorer 4.0

<��"�/� OG6 �%� �$��� � 2! ... C�0G��� �J���� ���� &� ,��� �C����

<FORM> < /FORM>

�� <*G� P�(� #��� �2G� �6 ��2�� �G6 � ���� #/� #%>INPUT<

<FORM> <INPUT TYPE="radio"> < /FORM>

#��� ����, ;� E���� &G� ��:(�� ����, *��6 &, ��� &2

<FORM> <INPUT TYPE="radio"> <BR> <INPUT TYPE="radio"> <BR> <INPUT TYPE="radio"> <BR> <INPUT TYPE="radio"> <BR> < /FORM>

Page 95: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

95

���� � ��(� #�(���� ���, F, ��:(��� OG6 � ��� ;� &[� ENAME�.�� . &�! ��G ��� ;���� #�D� ��, P(�2 * F���+ �6 �� EG���� F���+ �G6 &� � ���Z�� 9�+��� �� C�1�� C������ &�2 &, �+!��

�+!�� &� $����� �EG���� �:( &� ������ ���� �� ���/���� #�/ �H ��� )�L� ���� �� �J��� &���1 �0� &, . �6 #�D� �G6 &2 �! �������� &1 -���� ��6 ���, ����browser

<FORM> <INPUT TYPE="radio" NAME="browser"> <BR> <INPUT TYPE="radio" NAME="browser"> <BR> <INPUT TYPE="radio" NAME="browser"> <BR> <INPUT TYPE="radio" NAME="browser"> <BR> < /FORM>

EG���� �2� ;�1 �%Z� D� �/! � ��+ $6 � ���� OG6 &, �0 ��� &� 4�:� ��2�) 30��'���� ���� ( F, &26 &� �"�H� � #�/ � �� �(� #�D� ��� *�� ��� ���� ( ������ OGbrowser .

#��(��D �5�� &�� &G� �C������ O��� �� ��� *G� ��"�/� OG6 $! ��(�� �2 �� 5 ���1� $6 � ��� @��(� � ��(�VALUE :

<FORM> <INPUT TYPE="radio" NAME="browser" VALUE="Sind3"> <BR> <INPUT TYPE="radio" NAME="browser" VALUE="Sind4"> <BR> <INPUT TYPE="radio" NAME="browser" VALUE="Msie3"> <BR> <INPUT TYPE="radio" NAME="browser" VALUE="Msie4"> <BR> < /FORM>

� ��(� OG6 �!�+� 3� C� �6�4 EG���� �2� $! �J L� D &, 4�:� �+ , ��6� .2 � ���� &[� ;�� ���5 �/! *G 3� &@���� �� 5 �/� �2 ���1�� ��/�� .EG���� �G6 &� �� .��� �/ C� ��!� . �"�H� &�2 &, 35��� D &�� 3���� &2

�� 5 �2� P�(� ��/�� OG6 &� F, &�( $2 � L�� C���1 . R+� R �� #��� �/� �2 � ��� �� �1 ;/� *GO����� .

<FORM> <INPUT TYPE="radio" NAME="browser" VALUE="Sind3"> Sindbad 3.0 <BR> <INPUT TYPE="radio" NAME="browser" VALUE="Sind4"> Sindbad 4.0<BR>

Page 96: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

96

<INPUT TYPE="radio" NAME="browser" VALUE="Msie3"> MS Explorer 3.0<BR> <INPUT TYPE="radio" NAME="browser" VALUE="Msie4"> MS Explorer 4.0<BR> < /FORM>

Sindbad 3.0

Sindbad 4.0

MS Explorer 3.0

MS Explorer 4.0

* ��! $"�/�� �2�� O�� �(� #� �5� �6��, �.4 &, ���, �G� *�, $6� ���/�� &� 9��� �G.� '���� � ��( *��6� � ��(� �!�+Y�CHECKED�2 *�� 3� � � ��� �� ! O� � �� �� �(� $! �"�H� � ��� .

<FORM> <INPUT TYPE="radio" NAME="browser" VALUE="Sind3"> Sindbad 3.0 <BR> <INPUT TYPE="radio" NAME="browser" VALUE="Sind4" CHECKED> Sindbad 4.0 <BR> <INPUT TYPE="radio" NAME="browser" VALUE="Msie3"> MS Explorer 3.0<BR> <INPUT TYPE="radio" NAME="browser" VALUE="Msie4"> MS Explorer 4.0<BR> < /FORM>

Sindbad 3.0

Sindbad 4.0

MS Explorer 3.0

MS Explorer 4.0

C�� (,� ... �/� ��, �� �(� ��1 EG���� �.� *�� $�� @���� * R+�, &, ��,)�-�%� �� (� �, )���� .($��� �2��� $6� :

browser=Msie3

;1� FG�� ����� &� �� �(B� ��2�, &� $��%� �2�� ;� &[� $�7�CHECKBOX. �2�� �G6 ���( D C� �6�4 � ����� #�.��� - � &� � �G0 ��!:�(� *��6 C� ��1 &2 � /�� FG� �2�� &1 .�� &, �J+!, ��,� ;�1 ;/

'���� H �� �� �1 �.� ;�� '���� ��%�� �����(��� .

Sindbad 3.0

Sindbad 4.0

MS Explorer 3.0

MS Explorer 4.0

�5�� ��� $! �/� &� �%2, �� �(� *�1������ &Y! �/���� ��"�/� $! �/� &� �%2, ;�1 �/��� #�5 � ����� &, ��5 ! & � ���� '��� �6 �G6�CHECKBOX � RADIO $�! RADIO�%2, � �/! ���� �/� �� �(� &2� .

�. �1 'g���� #% &�� ����� �2�� �.� ���� ���/�� OG6 � ���� &[� #/� :

Page 97: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

97

<FORM> <INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes"> Sindbad 3.0 <BR> <INPUT TYPE="checkbox" NAME="Sind4" VALUE="Yes"> Sindbad 4.0 <BR> <INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes"> MS Explorer 3.0 <BR> <INPUT TYPE="checkbox" NAME="Msie4" VALUE="Yes"> MS Explorer 4.0 <BR> < /FORM>

�� /� �����, �/ CD�, <4�:� �G��checkbox � ��(� TYPE.1, #% $! C�H �� C���� ��"�/� $! �/� �2 �� � � ��(�NAME��/�� $5�� &1 ���( . � ��(� ��,VALUE��/�� 3 �0 @���� �� 5 �6�� �17! . 3�����

�/� �2 � � ���� ������ ����2� � �.�� $! ���5 .

�yRADIO �y 6Sأ «�y 0Uوا r�U 6ر�jاخ \��jن� CHECKBOX �U zS h6ر أآ�jw8y �j26`ت اm2ا �y 6دةf 0مwj�. {2|2 ،r

. .rRjm أن ن0f def 67�y romة أج^ب- �n82 اµ�2ال

�yRADIO �y 6Sأ ،-nejwS 3��20ة واU^S ل^�m26ء اR4ن أ^�k CHECKBOX 0ةU^S 3��2وا -nejwS 6ءR4bن ا^�jy

���! 3����� $��%� & �/�� �� �(� #� �, )��� C���� <���� �� ���� � 2$��� �2��� �0 ��� *��� :

Sind4=Yes Msie4=Yes

3� ����! ��2 � "�/�� @���� ��/�� )�� # ��� C�+ , 3 ���� ��2RADIO � ��(� ��� #��(���� CHECKED

<FORM> <INPUT TYPE="checkbox" NAME="Sind3" VALUE="Yes" CHECKED> Sindbad 3.0 <BR> <INPUT TYPE="checkbox" NAME="Sind4" VALUE="Yes"> Sindbad 4.0 <BR> <INPUT TYPE="checkbox" NAME="Msie3" VALUE="Yes" CHECKED> MS Explorer 3.0 <BR> <INPUT TYPE="checkbox" NAME="Msie4" VALUE="Yes"> MS Explorer 4.0 <BR> < /FORM>

Sindbad 3.0

Sindbad 4.0

MS Explorer 3.0

MS Explorer 4.0

#��� &� @� �0 #��� ;� ����/ ��� 9��� �G6� ��� �(D� #"��5 �6 ����� &� �� �(B� ��2�, &� -�%� 9��� &� CD�� #�(���� $��� � ����>INPUT< $6�

<SELECT> <OPTION> <OPTION> <OPTION>

Page 98: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

98

..... ..... < /SELECT>

&, - ��>SELECT < ...>/ SELECT< #���� ���"�/� � �.�� � ��� &����� >OPTION< ��"�� 3+� FG� ��"�/� ����1 &� ���1 �2 � ��� #�(�� ��.� � . ��"�5 $! ���� (� 3+� &2� � 2 N�� '���� ���%� ;� ���

<FORM> <SELECT> <OPTION> Sindbad 3.0 <OPTION> Sindbad 4.0 <OPTION> MS Explorer 3.0 <OPTION> MS Explorer 4.0 < /SELECT> < /FORM>

$6 �0 ��� &�2� *G�� :

Sindbad 3.0

#���� OG6 ��1 �/ �� ���� P"��( ��0� &� ���� ��( D ������2� . $! �6��!�1 �2���� P"��( *��6�������� �� ��/� &� �2�� �G.� �/! '���� @� �0 P"��( �0� ��2 C�+ , ��6 �.���(��� #� � �/���� ��2 . ������! k>SELECT< � ��(� �0� NAME��"�/� #�� ���� #��� ��2 $6� . � ��(� �0�� ��2SIZE ���� $��

#0�)N����� �, (� ���� �� ��1 $����� ���"�/� 9������. ! @�6�4 .�� �� � ��1 �� 5 F, G(7� $6� .

<FORM> <SELECT NAME="browser" SIZE="2"> <OPTION> Sindbad 3.0 <OPTION> Sindbad 4.0 <OPTION> MS Explorer 3.0 <OPTION> MS Explorer 4.0 < /SELECT> < /FORM>

Sindbad 3.0 Sindbad 4.0

���� � ��2�� *��6 &Y! �C��� ��"�/� ���� � 3 �0 )�1 �� ;� �� �5� �� �� 9����� F7� ��"�/� )�1 &�2�B�� � � ��(� �!�+Y� <<� 2 �@���� �� 5 �/! � � C������ ��"�/� OG6 &� ���� �� �� �(� ��0 C�+ ,MULTIPLE. #/�

# /� 3 �0 )��� &[�) /� &G� �# 5 ����, �� � 3� ����2�� ��SIZE &�2� &, �0 4( #��, ��0�� R�� #% &�� ���"�/� $! @���� �� 5 &� �%2, �� �(D �"�H� .

<FORM> <SELECT NAME="browser" SIZE="4" MULTIPLE> <OPTION> Sindbad 3.0 <OPTION> Sindbad 4.0 <OPTION> MS Explorer 3.0 <OPTION> MS Explorer 4.0 < /SELECT> < /FORM>

Page 99: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

99

Sindbad 3.0 Sindbad 4.0 MS Explorer 3.0 MS Explorer 4.0

^����� ;�1 �L+�� #�/� &, �0 ���� �(� @�1 ���� �, 4�Dctrl�� �(B� � ��1 ���%, ������� @���� .

#��� 3� ���(���� P"��(� ��,>OPTION< $.! VALUE[� �.��(����� ��5 &� �6����(��� $��� &��"�/� $! ���� � �/� �2 �� 5 ���1B . � ��(� *G2�SELECTED F, 3� �.��2� $��� >OPTION< &, � ��

� "�/�� @���� O�� �(� #� �5� �.4 .

<FORM> <SELECT NAME="browser" SIZE="4" MULTIPLE> <OPTION VALUE="Sindbad 3.0"> Sindbad 3.0 <OPTION VALUE="Sindbad 4.0" SELECTED> Sindbad 4.0 <OPTION VALUE="MS Explorer 3.0"> MS Explorer 3.0 <OPTION VALUE="MS Explorer 4.0"> MS Explorer 4.0 < /SELECT> < /FORM>

Sindbad 3.0 Sindbad 4.0 MS Explorer 3.0 MS Explorer 4.0

;1� ���� �� ��/� ��2�, &� $��� �2��TEXTAREA

#���� ����2� 0���� #� � EG���� $! @��� ��/ ���� ����2 @��1 #�(���� �6�

<TEXTAREA> ... < /TEXTAREA>

� ��(� ��0� &� �� D 3���� < �� ���(���� P"��(� & �(� 3 ���� �6NAME� ���� #�� O���1B . &2 � ��(� ��0� DVALUE���/���� � � "�/�� @���� �/�� �(�� +�1 #� � & ���� & � ��2 P� F, &Y!

<TEXTAREA NAME="comments"> Hello, please write your comments here :-) < /TEXTAREA>

Hello, please w rite your comments here :

$6� �C�1������ C�+�1 �/�� �G6 ����� � ��� P"��( �0�� ��2COLS� ���� $�� � )��ROWS ���� $�� 9����B�

Page 100: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

100

<TEXTAREA NAME="comments" COLS="30" ROWS="6"> < /TEXTAREA>

$.! ��6 @� (�� � ��(� ��,WRAP �/�� �(�� ���2�� P�� ����� �/ �� ���� $�� ) 3� � ��(� OG6 ���� DMS Explorer 3.0( �%:% *��6� $��� ���� ;�1 $6� �6G(7� # 5 :

virtual : ���� ��� �2� ;�1 ���� ��1 *�� � �2� ����2 ��1 ���, @�1 ;�1 ��� � P�� &, $��� $�� 3�����)�.�� �2 ;�1 � ��(� OG6 � %7� � � 2 �4�,� ��/�� �(�� ����2� ���� (

<TEXTAREA NAME="comments" COLS="30" ROWS="6" WRAP="virtual"> < /TEXTAREA>

physical : ���� ��1 ���� �G6 ;�1 C�+ , *�� �� ���, @�1 ;�1 ��� � P�� &, $���

<TEXTAREA NAME="comments" COLS="30" ROWS="6" WRAP="physical"> < /TEXTAREA>

Page 101: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

101

off : �� �(�� #� FG� �2�� ���� *�� � ��� � , ;�1 �2 ���, @�1 ;�1 � "�/�� @���� ��� & P�� &, $� �

<TEXTAREA NAME="comments" COLS="30" ROWS="6" WRAP="off"> < /TEXTAREA>

�� ���(� @�� �� ����2 &� �� .��� ���, )���!�� �C���� � 2 �6 ��Z��� �Of� &, 35��� �"�H F, &� �4���� EG��� #��� ;� &[� ���� <C� ��! ��� &, &2� >INPUT< 9��� 3� @��� OG6� submit ����Y� C� "�/�� #�/�� $���

EG���� $! �6Z�� #� $�� ���� �� ����Y� �1 �/�� ��1 #�/ � �H .

<INPUT TYPE="submit">

Submit Query

&, 4�DSubmit �, )Submit Query $! Netscape( ���, �GY! �� +���!B� @����� $6� �H� ;�1 @�6�4 � ��(� #��(���� * ��! �6� L�VALUE )�L� �G.

<INPUT TYPE="submit" VALUE="Press here to send the form">

Press here to send the form

#. R �� &, *�2� ��4� �(I $! #."��I &�� L �5 & G�� ���� &� @������ � 1��� &� *�5�� ���H &�2 ��� $! #��(���� *G� ����� ��L�� EG���� $! O���2 �� R�� � ��2��reset 9��2 TYPE #��� >INPUT< �/ �� ����

3� ���(���� P"��(�� � ����submit.

<INPUT TYPE="reset" VALUE="Forget about it">

Forget about it

#��� 3� E����� EG���� $! ���� �� ��2�, &� � (�� �2��> INPUT < �6 button �H ����Y� #�/ FG�� � 0��� P��� ;�1 F���� $�� EG����� ����� �6� �EG���� &�+)����2� X���� �, (�L &� �%� ���/�� �

JavaScript�.5:��� X����� OG6 � L�� #�(�� ��2 . ��6 � � X����� 3� �.��� �� �� '�� *��6 C������.��� ��0�� . 3� ���(���� �.��G $6 � ����� E���B� �/ �� &� ��5, C� "��� &2reset, submit.

<INPUT TYPE="button" VALUE="This is a sample button">

C�� (,� ...EG���� &1 ��% �� � �.� ;� &[� ����� . �.� �$� D <����� #, ��.�� 3 +���� &� �6 �6 <* ,� ��! � ��� $! . ����� ;� @����� �� �������� #���� ;�1 ��7� CD�, ����� C��"�� ����� &, * �+!�� &� *G

��-���� ����� 3� �.+�� ��(��� �G� ���(� ���� ;+�5� �G� �/��.

Page 102: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

102

�9( ������ ����� �&�,�� .������ �� %&$���

��.�� 3 +���� &� C����� ��6 V5���� ..�2"���� .. ����� # ��� ��0� $!� ��L�� OG6 $! �� C�1�� �01H���C����1 � �� .���(� #���� 9�+�� �6� ... ��! <#���� OG6 $6 ...��/� * � �C����:S

@���1 �!��� &,� * '�� �6Best Viewed with Netscape Navigator �, Best Viewed with MS

Internet Explorer �, ) � 2�� � R����� ������ @�6��� �+!, …������2� �, ( 35��� )�� *��� H ��1�����B� ?�� OG6 �%� ��6�� �/ C����35���� &� � %2� � G� ����� . ��� 35���� OG6 $���� &, �/ /���

�������� &� O� Q &�� #."D� ����� - �� *�G �, R����� �G.� & �0��� &� @���+�� . ���� ����� �2� &2#.����� $! �/! R����� *G �.�1� $�� P"��(� �, #���� )�� & �+�� ����5… ! �G� - �� �� �"�H #�5

�(I �"�H �6�6�� $�� �0 ��� ��� �6�� &�! � ;���� � Q �(I C������ C���(��� 35��� *G ;� ��(��������� R����� #�(�� ) . C������ C:�! &��+� & G� & ����� &� � ��� *��6 &� �G6 #�1, &, 3 ���, D C����

#���� & �+�� ����5 h���� O� Q &1D #, � ���(� (

�L $! #���� &� � ��� *��6 �0� �#��HTML � 2�� �� �!����2 ��2 �������� �0���� ��2��� ���5 $�� �������� &� O� Q &�� P�(� �.����� ;�1 ���� - �� �6� ����Browser Specific Tags ) &, * ��5 &�

�2 )��� �.+�� 3� ������ N��2� ��2������2 .( 3 �0 �.�1�� @���� #��� ��0� ;� C��� �, ���� �� �5����(� $�� $6 #���� OG6 )�1� G ��� �/ �� &2 �������� . $! O���5 ��� *�2G,�3���� ���� - ��� ��1

#"��/� &1 .2 &, � 2 ���6�� �/! #��� &��1� & ������ :>UL< � ��(�� TYPE # /� ;�1 &����( ��.�2 ��.�� E��� $�� .�:�(B� �G6 ;�1 �/! ���� ��%� �G6� .

������� ':��� �.0���� & ����� - ���� �� ���� ����� �2�� #�/� X����� ��2�� &, ;��� D �*G &� �%2,���([�� & �� & � �. @� �0 R����� ��� ��5 &� P"��(�� #���� #1�� ���( &, ������� � Q &� *G

������ �.4� �:�(� $����� �����(�� ������Y� . ��G�� �7��� OG6�)������ �.4� �:�(� $�1,� ( �� $6� �� ����� $���� C�5�, ���� .�6 #. � C���� Rg��� ��Z��� : ���� ;�1 ���, � 2 $! ���(� D � �

��.� �G6 ' /�� C��� �, ���� &� &�2 G� �C����� �%2, ���0 &�2 �5� <�([ R���� &� �.+�1 . ���H������� �. ���� $�� ����(�� ��/ ����� ������ ����H� ���2 ����� . ���/� ���� $! #2��� �.� ��� �

&2��� &� &�2 � �/! P���� ;�1 �.�� ������������ 3 �0 $! �/ ��� ���� �.0��(� .

<&G� ��� ��!

C: �0 C��.4� �. �1 $�+�� ������ ��"�� ��� %7� $��� ���(� #���� OG6 )�� &, 3� . &�+� D ���/��� *�23���� � ���� �G.! �R����� ��� &���(�� *�5�� ���H 3 �0 &, .#���� OG6 #�(��� D * ��5, D *G &2

���H� 3 �0 �6� �� $�� �/ ��� ���� *���� �.4� &, ���, �G� �.��0� &�2�B� ��5 ���� . C��"�� ���� *G2 $�� �/ ��� &1 � "��� @�2! * �� �G.! ����� ����(� ���������� & ������ #��(���� *����� )������

�������� ���(� ;�1 *���H �.� �6�6�� � .

0mkث zf ا6mno2ت ا�ن¨�e¾.- ا6S^Rf -�46��2، أ6S ا6mno2ت اhi2ب�- 6�U �7y.- أخhى أن6 ه68 أ �y 6هh6ل 2|آ¨S ` 0ة أ614بi2 -¨�j6�46 ن�s ��2 6تmnojR2ا �y -ب�hi2ا -¶e2 ج^د^R23 اf02ن اb

hZآ- ¹nojS V�RyPlugin zS ن�67Rf0. ` º���j أصV و.6jmج إd2 بhنS6« إ[�y6 . ه|ا ا6�R2مhwب�-، وه^ . وه^ 084ب6دصhi267 ا�y 6Rب -�R26i26ت ا¶e2ا zS 0.0i23 اf0. h¹ ´خnojS وه68ك

Page 103: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

103

zS ^¨6نk��2آ- أhZ. rxy6 أ�owZ 6أن z�2 إ �y^4وh�.6S رر^e1آ� �S0اwj4ا -�U6ن zS ��2 hأآ� -¶e2ا -�u686ت ثmno2ب�- واhi2ص ا^o82ض اhf �y rxybن¦ اb rو4^م خ6ص- ب¦ ب -.b

. zS ~h�Å zS ا6mnojR2ت

$0����� #�(��� $�7� ���� &� $ �� D #���� )������� ,��� &, ��5Sindbad 3.x � Ms Internet Explorer 3.x-���, ����1� ����B� #5� $�1,� & ������ & G6 $�1, ��7! �������� 3� �./!���� P"��(�� #���� &1

C�+ ,) 3.x.( C�0��� �%2�� D�H D ��.�� *G� )���� �G6 ����2 u ��� ;��( �2�� �, ��1 & ��(���2 ��� � ���� �C� ��1 �����B� $��(��� & � #�1 . #�(��� ��2 �G� ������ &�� �5 �, 4�:� &, X����� OG6 ��� -��, C������

�([� X������� ���(� #���� #1� R��,) �2�� #.0���� &���� & G� *"�, ��G �� �$��G � 3���� �G6��(I� ����� �2 & � ������, �/��� ����2�� D� 9������ #"�� .(� ��0�� �� ��� &���/ &�� ��2 �G� ��� � , ;�1� �

&���(�� *�5�� ���H &, * � 1 ��� C��+�� F, �D����B� ,��, )���!� 3� *����� # ��� C��"�� ������ �5 ������� . �2��� F, &���� @���� ���� *�5�� &��6�� � #.� �0 &2 # &� #.�4�� &, &�+� *G��

#����� �������� & � � /!����� '���� .

� )�1 �/ �� ������� #�/ �/���� ����� &1 C����(� C�0.�� ��6 3��, ��� �.� ���( C��4�! ����� �G. #��������� ���� $! R���� �2� ���(� #���� )�1 ;�1 . #�1� R���� �2 ���(�� #���� ��� ��.� *G�

N�(�� #���� 3� �.�(��� .+�1 ��1 ������ � �� $! ��( -��� ������ ��0� $����� D R���� �:( &� �.�.� ���(� ���� ��� #���� OG6 &� C�+�� #1� .

�([� #�(��� ��2 �G� �������� ��, #���� ���(� ����� @�6��� ;�1 *���5 #�1 $�� D �G6 &2 . 3���� ������2 ���(���� ���� ��� ���2�� P�� @�6��� *��2�Y� &�2 ���)H D � �.�� $! &��! �L #�(��� ��

HTML(������ R����� ���(��� �G� D� �6� %7� @�6��� *��2�Y� &�2 & �, *��6 �� �2 &2 .

Page 104: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

104

�&�,�� .����� Netscape Navigator

��.� �4�:� : R������ ���( #��� ;�1 ����� OG6 F����Netscape Navigator 3.x *G �:( *����� &�2 �GY! 6��� 3 ���� &�! ������� @����� ����� @�

• pSن� وا>BLINK< >MULTICOL<ا0Rfة 0ijSدة •• ^.0�y \�6�S���4- و^S أص^ات>EMBED<

>BLINK < ...> /BLINK <

����� ;�1 *���, )�� O�6��� ��� � & ���� & G6 & � O� �� P� F, 3+

<BLINK>H.P in arabic < /BLINK>

H.P in arabic

>MULTICOL < ...> /MULTICOL<

�/! & ����.. . <�:0��� �"��0� $! ���� �6 ��2 @��1, @�1 ;� C���/� *����� $! P�� �.4 &, � �� �6#���� OG6 * O�!�� �� �G6 . �2 & � ���� $�� �Q���� �!���� ���/� #% &�� �6� �� $�� @��1�� ��1 ���� &, *�!

22 @��1�� �L�� FG� )��� *G2� O���0 FG� ������ ���1�.

& ���1 $! @�/! 3+� ��0� . � ��(� )�L� �G. #�(��� ����COLS ������� @��1�� ��1 � ���� #�/�

<MULTICOL COLS="2"> OUR PARAGRAPH IS HERE < /MULTICOL>

� ��(� #�(���� &[��GUTTER��2 ��� �(I� ���1 �2 & � ������ �!���� � ��� .

<MULTICOL COLS="2" GUTTER="70"> OUR PARAGRAPH IS HERE < /MULTICOL>

@��1�� 3 �0 )�1 � ��� 3 ���� ���/��� &2 @�� ;�1 ���1 �2 )�1 � ��� #���� OG6 $! � ��2�B� �!��� D C���)�22 P�� F, (� )�1 $! � L� -���� ;� F�Z� � ��� �� 5 3+�� �, ����%� �/��� �� 5 3+�� ��� *G� P�

R����� @G!�� )�� C���� . $6 )�L� �G6 F�Z� $�� � ��(��WIDTH.

& ��� & �%�� �:( &� � ��(� OG6 * R+�7� : ����%� �� /�� P�� )�1 � ���� CD�, #�57�500 #��(��� #% � $6 � ��� �� 560 %

Page 105: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

105

<MULTICOL COLS="2" GUTTER="70" WIDTH="500"> OUR PARAGRAPH IS HERE < /MULTICOL>

<MULTICOL COLS="2" GUTTER="70" WIDTH="60%"> OUR PARAGRAPH IS HERE < /MULTICOL>

>EMBED<

#1� Netscape #��� �G6 >EMBED< h���� � �� ����� $! � � � ���� ����� E���B C����1 #�(�� FG�� � � � ! ����� �, � / ��� 3��/� ���2 . &2 ;1�� ������ OG. ��gL�� � !�+� X���� ��0� ��6 ���� Plugins. J#�

k� �.5���NetscapeN�(, �:L�� ;� �/�� ��� � ! �0���� �:L��� )�� ;�1 D� C:�, F��� D �� .) ��2, *0����� $! ���%�� �:L��� �!���about:plugins $! & ������ P�(� � ����� $! �L+, #% *�����

Enter ���� ��(� �, About Plug-ins ��"�5 &� Help(�����B� &� �:L��� OG6 ;�1 ����� #� @��1� . �2�� 35�� ��� *G2Netscape� OG6 &� � ���� �. � *��/� $�� � ����� �:��� �5�� ;�1 �, �:L��.

������ P�(� X���� �L��� &�mid $! #2��� �0, &� #�(��� $��� ;�1�� $! @��0��� @���� �.4, FG� �6 $���� ���� .��� �� �. �� @���� �.4� $��� � ���(� #2��� ���� �gL�� �2 �0� �, �/ /���&[� O .

$� �� #��� �G6 3� ���(���� P"��(� &� :

SRC : � L�� ����� ���� ���� � ���

<EMBED SRC="onceupon.mid">

����/� @��� ��0� $.! �O��� �2�� ��.4 �5 #2��� ���� &, 4�D . #0�� #2��� 3 ���� ���, ���� &��� P"��(� �:( &� ����HEIGHT, WIDTH &G�.. .

<EMBED SRC="onceupon.mid" WIDTH="145" HEIGHT="61">

AUTOSTART:����� � ��� ��1 C� "�/�� � L�� #� � ���� &�2 �G� �� ���� . # /� G(7��true $"�/��� � L��� )����� OG6 $! ��2 ( �false� +���!B� �� /� $6� �� L��� #�� . ���� OG6 $! �.4� N�� ��2� #2��� ����

*G � � ����1 ��1 �, � L��� $! #2��� �"�H� R � ��� ����� &�� �/! .

$6 @� (�� � ��(��LOOP # /� G(7�� D #, ��2�� �2�� +�1 #� � ���� &�2 �G� ���� $�� true, false. ��(� #���� O�!�� ��2 ���2�� ���� ��1 � ��� ��6 � ��2�� D &, 4�D k� �MS Explorer.

Page 106: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

106

�&�,�� .�����1 MS Internet Explorer

��.� �4�:� : R������ ���( #��� ;�1 ����� OG6 F����MS Internet Explorer &�! *G �:( *����� &�2 �GY! ������� @����� ����� @�6��� 3 ����

• � / ��� ����,>BGSOUND< • ���!D>MARQUEE<

>BGSOUND<

�����B� ��� $��� ��� F, & �� 3 ����mid �, wav �, au $! ����� � ��� #� ����1 C� "�/�� ��� - �� #��� #��(���� *G� �R�����>BGSOUND<) F,BackGround Sound ( E���Y� ��5 ���%�� � �� ;��!

;����� 3�/�baladi.mid � ��� �/ ����

<BGSOUND SRC="baladi.mid">

� ��(� *��6 &G�SRCE���� ���� #�� � ��� N�� ��2 #�(��� $��� . � ��(� C�+ , �0� ��2LOOP� $�@��1 �� �� C���5�, G(7� �.�, F, �1��/�� �H1 ���2� ���� ��1 ���� . �� /� �6���1Y� ��5 � ��, -1 �� /� �,

infinite � �.� D �� ;� �1��/�� �H1 ���2� ;� F�Z ��� �G.! ) ��� ���� � �H�� &, $�� D �G.! ��(� D*H�.0 ����Y� #�/� &, (��� �.���� ��� �/! �, N�(, ���� *�/��� ��0�� �5�� �� ����� $! ��0�� *�, �X������ &� *0��( .

<BGSOUND SRC="baladi.mid" LOOP="infinite"> <BGSOUND SRC="baladi.mid" LOOP="3">

�1 �/� &, �, �.�J�� &, �"�H� &2� - �� *�5�� $! � ��� ����� � ���� �:�� E���� ���, ��� $! ��, �G� �. $! �6������ $��� �:��� E���B � �� �1B� �/ ���� #� *G! ��.1��� ���,����� ����$� ��2 F, :

<A HREF="baladi.mid"> ... < /A>

$6�S#��� ��2SR����� 9��� �5:1 �. � ���1 �/ �� #�(����

Once Upon A Time One Man's Dream

>MARQUEE < ...> /MARQUEE < ) ������ ;�� ������ �� #� $� 4 (

* ,� �� � �0 <����� ;�1 *���, 32���� P�� �G.�.. ��!:� OG6 <*G2 � ,)� ���� H�0 &� ( ���%Z�� N��� $6 $! �.%���� &2� $�� ���(�MS Explorer.#���� OG6 ������ . *G� ���(� @�� �� $6 OG6 ����� �2��

<MARQUEE> H.P in arabic < /MARQUEE>

Page 107: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

107

��� &, &2� D 3���� @��1 N��� *��6 &, �/ /��� �#���� OG. P"��( ��0� &� �� :! ������ ��6 ����� �.��(��� � ��()���( #��� ������ � �/�� � ��1 .( ������� ���� �� ' ���� ���� �� ��� � , ;�1 �.�2

#��� 3� ���(� C�/��� �.�� �(v� �, �2��>IMG<* �6���, P"��(� $6 OG6� ��%��� 3� :

BGCOLOR:� ��(� &� � ���

<MARQUEE BGCOLOR="#FF0000"> H.P in arabic < /MARQUEE>

HEIGHT:R����� @G!�� 9����� ��� � ��� �� 5 �, ����% �� 5 G(7� &, ��� $6� ���!:� 9����� � ��� .

<MARQUEE BGCOLOR="#FF0000" HEIGHT="80"> H.P in arabic < /MARQUEE>

WIDTH: � ��� �, ����% �� 5 G(7� &, ��� C�+ , ��6� ���!:� )�1 � ���

<MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%"> H.P in arabic < /MARQUEE>

ALIGN: # /� G(7� $6� ���!:� $���0 ;�1 �0��� �5 FG� P�� � ����� @�G���� � ��� top, middle � bottom� ��(� OG6 E���� #�1 ��1 C� "�/�� '��� $�� F, � +���!B� $6� .

Welcome to <MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%"> H.P in arabic < /MARQUEE> Have a good time.

Welcome to Have a good time .

Welcome to <MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" ALIGN="middle"> H.P in arabic < /MARQUEE> Have a good time.

Welcome to Have a good time .

Page 108: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

108

Welcome to <MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" ALIGN="top"> H.P in arabic < /MARQUEE> Have a good time.

Welcome to Have a good time .

HSPACE: �. ���0 ;�1 ��0��� P�� & �� ��!:� & � ���� $�� �Q���� �!���� � ���

Welcome to <MARQUEE BGCOLOR="#FF0000" HEIGHT="80" WIDTH="40%" HSPACE="30"> H.P in arabic < /MARQUEE> Have a good time.

Welcome to Have a good time .

VSPACE: ������ ;�1�� &� C� ���1 �Q���� �!���� ���� �.�2 �/���� � ��(� �%� ����

�/ �� � L� &�� ��!:� �.4�� �2�� '���� � �.4� P"��( ��0� �6���5�� $�� P"��(� ���2 &[� ;���.��1 .� ��� P"��(� ;� $�7� &[�� :

BEHAVIOR� $! ��0��� P�� *��� ���� # 5 �%:% *��6� ��1 �/ ��� ��!:)N����� �, ( � ��, �%:%� ��� $6� P�� �2�� :

• scroll &� #. D *G �� +���!B� �� /� $6� @����� @����� �(I ;� ���0 &� O�0�B� ���� *��� D #, ���2 .

• slideO��1 �5�� � �([� ���0� ;� ���0 &� @���� @�� P�� *��� .

<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" BEHAVIOR="slide"> H.P in arabic < /MARQUEE>

�H ;�1 �/��� #5 *G � 2��� ��2, �5 &�2 &, ��� C��5��� O:1, ��%�� $! P�� &�2 &, ������ &�Refresh N�(, @�� P�� * ���� ����� � ��� @��1B *����� $! ��0���

• alternate�(I ;� ���0 &� C���6G� �" 0 P�� R0�7� .

Page 109: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

109

<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" BEHAVIOR="alternate"> H.P in arabic < /MARQUEE>

DIRECTION # /� �:( &� *G� P�� � � O�0�� ���� left ��� � ;� 2��� $�� )� +���!B� $6� ( �right 2��� $��& � � ;� .

<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" DIRECTION="right"> H.P in arabic < /MARQUEE>

LOOP��!:� �(�� P�� �. ! *��� � $�� ����� ��1 ���� . 3+! � �.� D �� ;� �2��� ����� &, ���, �GY! �� /� -1 �, infinite $�� ����� ��1 3+ *G �:(�� �6� �� .-:%� �2��� ���� ��1 ���� � ��� @�� ��� .

) ;�1 �/�� E���� *G -:%� ��2�� G����� �5 �, $�� �G.! ':�B� ;�1 C��� �0� # �, C��2�� P�� ��0� �G�Refresh � L�� @��1B (

<MARQUEE BGCOLOR="#FF0000" WIDTH="80%" DIRECTION="right" LOOP="3"> H.P in arabic < /MARQUEE>

��/� OG6 * F��, $�1� ��.�5��� &, ��5� ��!:� $! P�� *��� �1�� � ���� &���/� & � ��( &[� �� � $/� :

�, ����%� ���� &� �1��0� D� $6 �� �2����� #:!�� &, �#��2 � @��� � �� H �� G���, ��%�� �&��H�� ���Q $! $�� ���/���2��� ��0�� 9����B� $�� ��� ��� �� � ��H @��! �:( ��5���� @���� �.+�1 #� . )�1 �1���

#� �� �2��� �1�� ��� �� �6 �.�5���� ���/�� . ����%� ���� &� �1��0� ��0� �6 �1���� @�� �� �.�� C:%�!����� ;�1 ����(� 35��� $! @�� �� OG. .$6 �����!D &, ���� F�� ,���� �G6 &Y! �2����� #:!�� ��2�, &� �2�

C�+ , �. �1 ...��/� �.���� ��6 ;� !

P"��(� * � &[��:

SCROLLAMOUNT: ���� �� �� � ��1 C�� 5 G(7� $6� P�� N�(,� ��/ �2 & � �!���� ���� � ��(� OG6 ��2 ��� �1��/�� �!����) &2 C: �5 ���� �.�, ��1,��%���� �.�+�7� �7� D .(

<MARQUEE SCROLLAMOUNT="1"> HTML < /MARQUEE>

<MARQUEE SCROLLAMOUNT="50"> HTML < /MARQUEE>

<MARQUEE SCROLLAMOUNT="100"> HTML < /MARQUEE>

<MARQUEE SCROLLAMOUNT="200"> HTML < /MARQUEE>

Page 110: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

110

���2 �.��/� $�� �!���� &Y! ;��� ���� $!HTML $6 �. �2�� �2 $! 1��2 � . �!����! $��%� ��%�� $! ��, $650 H�/� ���2� &, F, ��2 � 50 @��( �2 $! ��2 � )��/ �, ( F��� ���50 �� �G6� '���� ��%�� &1 C���+

��6� & /�:� & �%�� ���� �G26� ��1���� 9����B� $�� 100 � 200$���� ;�1 ��2 � .

SCROLLDELAY: �� ��(� OG6 #�(��� N�(,� @��( �2 & � H�/� $! P�� 5�L�� FG� &�H� ���� $2 � ��% $� ��� &�H� �%�� � ��(� OG6 3� O����� �� /��)0.001� ��%� &� (

& ���� $! X"���� & � &��/� � ��(� OG6 3� �/���� ��%��� ��� #�(��, ��� :

<MARQUEE SCROLLAMOUNT="1" SCROLLDELAY="500"> HTML < /MARQUEE>

<MARQUEE SCROLLAMOUNT="50" SCROLLDELAY="500"> HTML < /MARQUEE>

<MARQUEE SCROLLAMOUNT="100" SCROLLDELAY="500"> HTML < /MARQUEE>

<MARQUEE SCROLLAMOUNT="200" SCROLLDELAY="500"> HTML < /MARQUEE>

/� ����, �/ �� 500 � ��% ��� @��! *��6 &, $��� $6� ��%��� 3 �0 $! � ��(� OG. )���2�� #����� ( �������2� N�(,� @��( �2 & � .���� ��%�� $! P�� N�� $2 C:��2 C��6� ��4��c ��+� �5 ���������� .

� ��(� $L�� � &[� * ,� ��SCROLLAMOUNT ���� � 2 N�� SCROLLDELAY �6���

<MARQUEE SCROLLDELAY="500"> HTML < /MARQUEE>

Page 111: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

111

�&�,�� .�����2 MS Internet Explorer

• � ���0� � ��1 V���6� ����% � ��( >BODY...< • ��"�1 ������>IFRAME<

>BODY < ...>/BODY <

<�.!��� $�� *�� &1 ���(� ���( �, @� �0 C����� OG6 &, �/��� �6 ! �� �@� �0� #����� �� �.�, R+��� &����� ���� G��� C�/��� �.�1 ��%��� $�� �.��� $6 .�, �6 *��6 �� �2� P�(� �. @� �0 P"��( ;�1 ������ ��

k� �/!MS Explorer. ;1�� $6� �. ;��� � ��(� ' ��� $! C:�! �,�� �� BGPROPERTIES... � *�Y! &� <<C����(� C�" � 4�:�� ����� � ��( $! �4�� �/5� *G ���%,� �R����� $���0� � ���� � �� ;�1 �/��� ��5

� ����% � ��(��/! *���� $�� $6 ����� �� ����� �/! P�� ��� .

#��� 3� � ��(� OG6 3+��>BODY< �� /� ��"�� G(7� $6� ��� ,� ��2 ����� � ��( � �%�� #�/�� FIXED F, &�2� C����1 @�� �� &,

<BODY BGPROPERTIES="fixed"> ... </BODY>

���.� #2��� � �� ����1� ������� ��Q, $!��.�� OG6 ���� �� �� � �� '�� #��(���� #�/� ����� V . �5 C:%� #�(���>BR< � >P<����� � ���� � ��1 V���6 ���2 � ��2 ���, �!�+B . #�(��� �5 ��2

>BLOCKQUOTE < ...>/BLOCKQUOTE< �, ����� � ���0 V���6 �!�+B ����/�� ���/�� #��� $6� ����0� #�(��� ...�u . �!� &2MS Explorer #�� $! � ��� P"��(� �1� �:( &� &������ ��� �G6

>BODY<

LEFTMARGIN : ����� �2 �� �� V��.� ���� $�� TOPMARGIN: F���� V��.� ���� $��

<BODY LEFTMARGIN="50" TOPMARGIN="50"> ... </BODY>

���� N��� $! �.���0� ��.� * *��7�� *�

<IFRAME> ... < /IFRAME>

$! @�!���� ��"��� �� ��2�B� &�HTML �.�1� � MS Explorer ��"��� �����B� Floating Frames. ��2 ����� $! #�1 �2�� �����B� ;�1 ��!��� �/ #���9 �10 �11 &� 9��� OG6 �6�!� $�� �� ��2�B� ;�1 ��!����

� �� ����� )�1 '�� . 3� ��0 ;� C���0 $� "� ��� ��0� ���� �����B� ����� E���� &� ���5� ������ � ���� ...u� . F, �%� �.�%� ������ �(�� E��� ����1 ��0� $.! � %2� ���, � �2��! ��"��� �����B� $! ��,

P"��(� )�� ;� �!�+B�� ���B� �(�� +�1 � �� FG� ���� � ���� #�/� #% &�� �����2 N�(, ����1�.0���� �5 $�� .*��6 �� �2 �G6 !

�� ,���� ��"��� �����c � ����� #���

Page 112: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

112

<IFRAME> Here, there is a floating frame < /IFRAME>

�G. P�(�� ����� &�+ �Q��! ����� H0� N�� �$� F, �.�1 X�� &� � �1��� �� �1 OG6 �.���� $6����B� .�� OG6 &, �/ /�� <�.�7�� �G��! #���� �(�� ����2� @���1 *��6 �0� � &1 � ��2 �.4� - �� ��+� @���

��"��� �����B� #1� D R���� �:( &� +�1 #� ��� $! ���B� . #�(��� ��2 �G� @����� OG6 � Z� 3 ���� &G�Netscape ���c *� Z� #�1 ���/� $! )�!�, C�4�.(

� �/� � � $.! P"��(� ;� @����� �/��� .

SRC:0���� � �� FG� ���� ���� ���B� $!

<IFRAME SRC="thissite.html"> Here, there is a floating frame < /IFRAME>

WIDTH, HEIGHT: � ���� �, �/���� # /� #��(���� *G #� @����2� C�1������ C�+�1 ���B� ����� &�����

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200"> Here, there is a floating frame < /IFRAME>

SCROLLING: # /� G(7�� �D #, ���B� ���, �, ���0 ;�1 O��0��� � ���� ����, �!�+� ����, �G� ���� yes )� +���!B� ( �,no

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no"> Here, there is a floating frame < /IFRAME>

FRAMEBORDER: # /� G(7�� ���B� ��� ������ � %:% ����� ��.4 #�1 �, ��.4 ���� 1) � +���!B� ( �0 ���� D $��� $�� .

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" SCROLLING="no" FRAMEBORDER="0"> Here, there is a floating frame < /IFRAME>

NAME: � �� $�� � ����� �:��� ��5 &� ���(���� #�/� $2 ���c #�� ����Y� #�/� � ��(� OG6 �:( &� �.� ���B� ���.���) . 30����1 F���� ����9�+��� �G6 ��� (

<IFRAME SRC="thissite.html" WIDTH="70%" HEIGHT="200" NAME="myframe"> Here, there is a floating frame < /IFRAME>

� ���� ��5 �/myframe. � � "�� ����� � ���� ���� �0��, �G� &[�� SV�� $! ���/�.$�.#,.�,S �2��� $��� :

<A HREF="htmintro.html" TARGET="myframe"> }إت �� acKLc.أل.أم.ت� </A>

���B� �G6 �(�� ����� � ��� ;� F�Z �. �1 �/�� &Y!

Page 113: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

113

�9( -����� ����� ����"�� �V)��� 7����

;�1 ��0� � ���� �L� &�2 &, � � &� �2 �.� ;��K $�� ���.� 3 +���� ��, ;� ���� �G6 �:( &� �(��������B� . ��(���2 �� &2� $�� � � 2� ��5���� #�/��� ���� �2��� OG6 ;�1 ���L�� � � ����� ����� ��1 & .

��,���$ ���3>

��2�� 3 ���� D &2 �C� "��� &[� O����� �5 ����, ;�1 ����5� �����B� ;�1 � ���� �L�� �� ��� &, ���� &���5�� *G $! � ��!) . @���1 ;�1 C�� %2 ����� D"�5�� *G $!" &, ������ &�! ����� ��H D 35��� *��6 &�2

�4��� OG6 ;�� �.�� ���� )�� ������ �G6(����� P�� ����, �6� � . H�.0 ;�1 ������ P�� F,Scanner@���2 �����B� ;�1 )������ . ��(�� ������ 35���� ����, �.�� G�w� $�� �/ ��� $6 OG6 ���2�

�����B� #�1 ;� .R+��� &� &2�.�6, ����, @�� �� ���� �, ����� �/ ���� &2� # �.�, : #���� ������ : ;�1 �.��� #% &�� �.�1���� �./ ���� �.����2 $��� ����� ����� � ��1 ���2Scanner ���, �GY!

*G $! ���2� ��.���� �6� ��� @��1� $�� *G! �� �� ���2 ��.� � ��� � ��1 F, ���0� ��� �� ! �.0�� �5�� ���� �����.

P���� OG6 )�1 $! ���, �5� �1�+� $�� *G! �"�H� ������ ��,S����S ���2 � ��� ��1�+� C�!��+, ���� C����� . -�� ��2��� �:( &� � 0��( ���2 h���� @������ -��� �� ��1 ���0� ������ ;� �!�+B��

�� ����� &�+ � �(�� �, ������B�R����� $! ��0��� -��� ��, �:( &� �.� . @���� ��2�� 0�� �5 C��� �,������� ;�1 # ��� R+�� �2�� �.0��(� � ��2�� #�1 $����� @���� .

�/ ��� OG6 ������ & G� ����� �DZ6 #�� D ��1� &2 . ��/ ��2!)��� D *�(, O�2� ( ��0� #�1 �6 #6�G1� 3 ���� ��������� �� �/ ��� � ���� P���� )�1 . ������ �.����� ':�Y� �(� �2�� ���5 &, ;� M C����� ��0 FG�Netscape �/��, $�� �!����2 �� �2��� MS Internet Explorer � ( ����! ���2

� �/�� �2 ��. J&2� &, D� 3 ���� D� ������c ��1 & ��(���2 �� ������ .��2 &���.! �����B� $! ���� N�� #� ��� C��� �. ! C������� ���H� � ���� ���L� .

����� &1 -���� ����1 � ��1 � Q � !�+� #��� 3� ������� ���, �, �� �� �����1� ;� E����� ���, &4� D �C����� ���� �L��� � � ...����� ��0� ���� �G6 ����1� 3 ���� *�, 35���! �C�5:��� ���� �L��� � �� &1 � ��1 .

&, ;�1 ��6 � ���� �L�� 9�+�� $! ���. ��� �+�/� �2�� )���� #� � ���� � �0 #�� D� *��6 &�2 &�'�D ��� $! � ����� �5��� .

��� ��� ��...

����1� ��2 � ��1 � � ���� � ���� � ��� #/� :

<HTML> <HEAD> <TITLE> ... < /TITLE> < /HEAD> <BODY> .... < /BODY> < /HTML>

Page 114: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

114

�. @�� �� OG6 �!�+Y� #�/�� #% &��

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

& ���� &�+ F, ;�1�� #�/� $! *G�>HEAD < ...> /HEAD < &����� #��� ��� �.��2� &, �+� �>TITLE < ...> /TITLE <

<HTML> <HEAD> <TITLE> ... < /TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256 "> < /HEAD> <BODY> .... < /BODY> < /HTML>

C�!��� C��� $6 ��2 @�� �� OG6 ����2� #5 . @����� $6 &[� �. ! �� �� ���

charset=windows-1256

��1�+�� � $.! . #���� &1 - ��� ��1 '�D ��� $! W� ��� &� �.��5���� #�/� ���! @�� �� $5�� ��,���/��� .

� ���� H ���� ��"�5 ���� $6 �� �� ����(Y� <<�/���� @����� ��� FG� ��!Code Page )�1 #� � $�� �.:( &� ������ . �/� �,����� )�� R����� ��(�� � FG� � ���� ����, ���� �.�, .

� ( ���� �2G�� � ��% ����� ���, ��� �C���� . � � ��� $�(�� ������ 3� � ���� �L�� �� ��� ;� @��� OG6��/! �����B� 3�:S

;���/� ������ $��(��� &� ��2 �G� ...� #�4� #� , &� � ������ � L��DOS ��/ ���� ) *��6 &�2 &, ��5 F,�J���� H��� � X����� ( X�����2 @���� *�� ��2�� $�� �� �/� � ���� X���� 3� ������ ����� ����� *�, �� :!

�(� #4�� # �� @G!��� ...u� . � ��� ��.� �./��1 ;�1 �G(, ��.0 @�1 *��6 ���2 @���� *�� $! �, - � ������ � L�� ��4�,� .��.0� OG6 & � ' ���� �� Q $! $! ���2 ��2��� &2 . ����� $6 �0 ��� ���2�

$! )��� �.+�� &1 ���(� $�� � ���� X���� &� ��������� ��� B����� ��/�� 7�$�$ ����+ ���(� $����� �.+�1� P���� � ��� ����, . X����� �:( &� ���2�� P�� &, ;����"@G!��� " &� �1��0�2 ��� ���

�%� �(I X����� #��(���� N�(, �L�� ����2� �.�72� ��.��� ����2�� �����"# � ."

�/���� @�2�� R +���)��, �.�.!, ��2 �5�� ;�1 (!!!��%�� �G6 * �. $��� �2��� ����� �. ! ��g�� H ��� ��"�5 *��6 &, )��� :

ا ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن هـ و ي

���2 ����2 ����, ���,�"������ "�.:( &� ...

$��� � ������ ����(� H ��� ��"�5 3� ����� X����� #��(���� ���2� )������� ���5 ���, &[� )��� J#% :

Page 115: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

115

د ج ح خ هـ ع غ ف ق ث ص ض ذ ط ك م ن ت ا ل ب ي س ش ظ ز و ر

/��� ���2 &, �6��� ��� & ��4�� & � ����"������ " ����, �5 ���� #���� $!"��0�4+ !!!" $��%� #�4�� $!

ا ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن هـ و ي

د ج ح خ هـ ع غ ف ق ث ص ض ذ ط ك م ن ت ا ل ب ي س ش ظ ز و ر

(���� R�� &2 # � ���� #4� ���� &G� ��/ ���� & � '!���� #�1 �.�5, �D�2�� $! ��5�, �.�, G� �C���, $���� #��. �1 ���� #� $�� . OG6 &� J�� �5 @� �2 @���� ���� & ��(���� & � O������� H��� � #�4� ��.4 &, *� D���J�! �2�� ��2��� .

�����B� ;� @��1 &[�� ...G� ���� ��2��� �/, �/ ��J���� �.�������� ������ #4� ;�1 �.:4� �2) &�2 &��'�� �J�1 C�� %7� �5, @���� *G .( �.�!�+� ;�1 �!����2 �� �(� ��2�� P��� $�� ��H �� &� &, �0� *G

�.�1� R����� 3 ��� $�� H ���� #"��5 ���� @H � $6 �������� .#"��/� OG6 ;�1 ��%��� &�� :Windows-1256, DOS-720 ,ISO-8859-6 $6 C�������� C����(��� �6�%2,� Windows-1256. �������� *��� @��1�

� "�/�� @���� ����� ;�1 �/���� H ���� ��"�5 ����2� ;�1 @��/� . OG6 � ���� C��"�� &�� #�/� &, ��2�� &� &2B� ��� &� ����� �������� $! �/%� ��5 ���� � ��"�/� # ���� �����B� #�1 $! C��"�� �0��� �� ��

������... @�� �� �!�+� $! ���� &[� �!�1 �6 �&G�charset=windows-1256 <����� � ��� ;�

������ *��6 �C���� <H ���� ��"�/� ���(� @�� �� &�+�� &2� #� ������ N��� ;� ��(� � -�� � �G�� &2& �%� &� :��� ����� )�1 #� $����� � +���!B� �����1B� #�(���� � "�/�� @���� �.���2� �5 R����� &�2 &,

,��� &, ��5 ��2��� �g�� *G�� R ��� �2��� .�/ ��� * � <<� 2 � *���� ��2��� ��� &, ��, 3 ���� �,:

R����� $!MS Explorer� ;�� � � ��H� $! @� L� ���/ , �0� R����� @G!�� ;��� . �. �1 �/��� ��5 �GY!�.�1� $�� H ���� #"��5 ����7� ��"�5 �.4��.

�7�(, �G�� ������� �.�, �/��� $�� ��"�/� ���(� &, D� &[� * �1 ����G26� N�(, ��"�5 �� �(�� #5 .

���� �� �(�� ��.�� OG6 ���, 3 ����! ������ X����� $! ��,"� ��� � �� ���� ���� ( " ��"�5 &�"������ ���� ( "H ���� #"��/� P�( ���� '���� �.��+� �.4 - � .

�� ��2 � ;�� $���� P�� � Z� *�1������ &, *���(, �6 ����������<*G � 2 <���� � Q C������ #�(� ! �2 @����� ���(� &� CD�� � ��1 ���( �� �(�� R����� $! � +���!B� ���(� �����1� � L� �6 ��! * �1 ��

C:�, .��� �� �.�2 �/! � �2�� $6 OG6 .!! ���/��� ������ ���� � Q P�� &, ���2�� �� &�1�� G�� � Q �/ ��� ��(����� ��0, ����2 ;�1 ����� ����� �G� ���( � /�� . ���2 *��6 ���2 �G� ��%�� � �� ;��!

Page 116: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

116

�2��� & � � ;�1 ����, �5 ��� � ;�1 �. �� $�� ����2� &, 4�:� ���! ����� ��, ����� $! � ��0,R �� .���/�� OG6 ������ * �1 ���� &� &�2 � *G��) .�G6 &�2 � ��� � , ;�1� ��2�� ���0� �� ��� �6

����� ������� ��0 � $! ��.�5� &�� +� �!����2 �� �(� �%� .( ��2�� �5Z� �� ��0� �6 '���� ��� &G� �2��� & ���(� & 6�0�Y� &���2� � H �0�B�� � ���� & �L�� &�2 ��2�� C���, �� # �2� �/! $���� P�� ��.4

� ��0 Y� F�G0 �� ;� E��� O�0�B� � "��% ������ �������Bi-Directional �, )BiDi( .

� ���� �L�� ����� 3� ������ $! �������� & � ��!:�(B� &1 - ��� &� ��6 9�+��� ��( D) . � ��% ���1R���� �2� ���(� P"��(�� #���� &1 - ��� .( �!����2 � R������ ���(� *�� ��5���� ,����

������2�:S

$!3���� ���� ���/�� #�� ;� ��5��� >P<. � ��(� $6 #��� �G6 P"��( N��� &, ���5� DIR ���� $�� # /� �:( &� P�� O�0��rtl � ltr.) '����� ���� �. C��2G�� ;/�� &, *�� ���� �5� �L�� &1 - ��� ��1 �. �

� ���� (.�5�� &�� �/ &G� .!! 3� ����� D �, ��H � &� &� *G �� �2 �2�� � ��(� OG6 ������2� #1� @�� ;�1 @�/! �2 3� ����� �, �� @���� @���2 �. ���2�� ���/��� ����� . ���2�� #�/� &, �G6 ���� �

2 3� �6� �� $�� �����1B��.��G ��� @�/! � .

#����� ����� 35��� �G6 $! ���� �2 $! � ��1 @�/! �2 &, �0� ��� ���%�� � �� ;�1�

<P DIR="rtl" ALIGN="right"> ... < /P>

#����� ����� � H �0�� @�/! �2 &,�

<P DIR="ltr" ALIGN="left"> ... < /P>

��� �2��� �6��.4 &��+ D� ��� � *G�������2� R����� $! ��� . � ���� #�5, & ���� $! $��, 4�D�������� @�G���� 3� ��0 ;� C���0 P�� O�0�� . � ��(� OG6 &, �/ /�� $!�DIR #��� 3� �/! � #�(���

� ��(� �.�� #�(��� N�(, #��� F, 3� �� ���/��ALIGN����0� 3� P�( �2��� .

���� ;� &[� $�7������� R� ... ��+� X����� �6 R����� �G6 &Y! #��� ��2Plugin R����� � ��� Netscape ����(�� ������Y� . C���.���� X������ � / ���� �.0��� &� C������� �����(�� �"��( -� &, $. ��� &� *G

�.�1� $�� ���(� #����� .� 3 ���� ��6��, &1 - ��� ���! *G�:�(� ;��, &��� �([� &1 -���� ���7� ��/.

������2� �:( ;�1 *G� �@���� @���2 �.+�� $�� ����� 3� ����� ������ &, �6 #�/�� �G6 $! ���. �� . � ��(� #1� D �, ;����DIR. �C���� �, C�� � ����� O�0�� � ���� P�( �H ;�1 F��� ������ &, N�� *G

� �6�#.� �2� ;�1 &�2 � �G!�� ;�1, $! ��0��� �H .

�L�� @���� ����� ���2 ���� �#�1 �2�� &G�)� H �0�� �, � ��1 �L�� OG6 ���2 C����� ( ;�1 F���� ���2 $����� O�0�B� @���� ���/!)C���� �, C�� � (�! �@�� ;�1 @�/! �2 @�G���� � ���� #�/� &, F���+� � Q &�! &, ���

O�0�B� � ��� �H �:( &� *G� #�/� . � H �0�� @�/! ;�1 � ���� ������ F���� ����1 &2)�2�� �, ( &� �� D ��.! $� �� �2�� � ���� ���/�� $5�� 3� ������� #% &�� ��/! @�/�� OG. ������� @�G���� � ���� ���/�� #�� #��(���

'����2 .3� � ���� ��2���/�D � H �0�� @�/! F, . O�0�� � L �, �0�� O�0�B� � ��� �H ;�1 �L+� ��1 ��6��2��� �2��� & � � ;� � H �0�B�� ��� � ;� ����� � ����! ���/�� 3 �0 .

Page 117: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

117

� ;�1 �, ������2� �.�1� $�� � ��(� ;�1 ����� �6 <������� $! �.��(��� '��� &� F, �&[� ��Z�� FG� �H <������ ��+�

� ��(� ��0�! ������ �.4� $! '!���� &� ��5 ��2, &�+� $�� �/ ��� 3��� &, �6 C����1 ���0�DIR & ������ R����� ���� �+ .C: H6 ������2� ��0 � �� �6 �.�� Q &2 . &� @�/! �2 3�� C��"�� �.��(��� &G�

������ ���/! .

+, ��/� ��:(��/ ��2� �� ��� ��/�� $! �.� :@��!� @��1B� $! !

/: EFاD' ا�B( 'C@8 ا�A<@(ة ا�*�5<' آ>5 ه: 589 و6(/5 .1

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

:O56PF QR' آN /.(ة F)M<' ,� /.(ات ص@HIH�5F J*Cم ا�*�5<' .2

<P DIR="rtl" ALIGN="right"> ... < /P>

إذا أردت إدراج /.(ات إO56PF Q./ 'DV>WX9' آHIH�5F 5TU, Nم .3

<P DIR="ltr" ALIGN="left"> ... < /P>

4. 5_Dاول أEXا� B, '.F5aم ا�HIHام ا�Eb*Iا B>c*aت

G� C�� �� CD�2�� �.0�� ����� ���� $! ��G��� �35��� �G6 ����B ;��� #� �� $! )�� ����2� #�5, ��2 ����1 *#�5�, �, ���( H��� �.��+�� � H �0�B� �������� . #� ����1 ���2�� @���� �.4� H���� OG6 ���2 �/!

������ R����� $! �.+�1 .*G ��%� : @���B� &, / #��� �(I $! �.4� ���2 � �.�� #��� $! @��0���) ;� F,& � � ($! �.4� &, &� D�� � ��� . @���� ���2 ��Q����2 ���(� H���� &1 - ��� ��1 *G2)& ( ;�1 �.4�

@����� ��� �); ( �1 ���2 &, �0 �� �2��� �2�� &��.4� ��.�� F, �& � � ;�1 �.4� .

�� ���0� �.:( ���� ��/�:�� #� , @�1 N�� ;�1 C�����2 ��2��� OG6 $ ���� �/! �/��� ������� &� � ������ .�6��� ;� ���� �.g�1 ��2��� @���� H���� OG6 ����2� #�5, &, �.��+ &� &�2 . $! ���2 � �(�� &2

�.��2� $! $6 ��2 ;/�� ���2��� ���� . OG6 &1 �����, �(� �2�� ;� ����, &, ��� F���� ��� ��0 C�� (,���2��� . ;�� H�� ����2� ��� �G6 &�2�OXFD ^����� ;�1 �L+�� ����2 #��� �$� �:�� _���� H�� �6�ALT #�5��� 3� R ����� ��� $! )& � � ;� ��� � &� (0253 H�� F, ��5 *G� "�Q��� " ��2� $! �.4 D

R ��� .H���� OG6 3� �.�.0�� $�� �D�2�B� �2 �� #� *G�� .

� ����( ��/� � +, &, &[� 3 ���, &G��/���� ��/�� ; :

NnR ا�(,Hز أو ا�C(وف اDV>WX9k' ا�*: j ت5T95�, :/ )Ti ا�ALT+0253 �, 5T()M EUM h>C8اEb*Iم

Page 118: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

118

خoل ا�>*5C@8ت

�9( ������ ����� .���META * ��� ���� ��

* ������ �$�� )�� C�� �Q ���� �G6 &���1 &�2 &, ������ &� . )�� * � ��%, �5 �,� N��! &1 �DZ����#�1 �2�� ���� �G6 &� ��.� &1� #���� OG6 ...$� ��2 * �.�+�, $�1� *�DZ��� ���� D $2�:S

�L ������ �/���� ����� �:( &� ��� ������ �/HTML@��(� @��( . OG6 ' ���� ��5 *�, ������ &�� ��, ��5 � �6� ����� �:( &� � ��1 @���� ������."���Y�) .���! C���� !!!S F, ��� ��� ���� &� ��

P�( �2�� ��L� C����1 ��� ��2� ��0� $! C����(� � $���� ' ����� #� /� &�� � �0 9�+�� .( ��, &[�������B� ;�1 �.��� � ��� ��� 9�+�� @�2! * ��! �F�0� ���� �5�� &�� �, �/��� .5�� ����Y� �2�� *�,� *�

:( &� 9�+��� �G6 )��� P�(� . �!���� * � ��J�2 �5 35��� �G6 $! �.����� $�� ����� OG6 &, &�Z�� *���� *�5�� # ���� #� /� � !�2�);���, ��2 ...( �2� ��/�� �����B� ���� $! ':��: C�H6�0 *��� �0� *G��

�(!" :�����B� ;�1 35�� F� ."�5 �+ , *�2��4�� �2�� �5��� … $! �0� �, ��� 3 �0�� ���� ��7!35���� &� & :�� C� �� �����B� !������ ����� :<35���� &� �"�.� #+(� �G6 $! $�5�� b��, &, $ � 2 !

2 �G�� <�����:� &� 2� �G6 $! �.�7��, $�� @� L�� � ��H� OG6 ;� #./ �� ���0 &, ���� � 2� 9��� &� �� @�2�� OG6 &1 30����� ����! #"�����)35��� @�2! (�6,��� &, ��5 ...����B�� ���� &, *� �, D �C���� . � 3���!

���2� ��� 35���� OG6 �2 ��0� �� �/ ��� OG.� � P�( ������ 35�� ����� &� N��0�� �2� �g�� ���� �2 &, <*G2 � , �C:�, �����B�

��/� �0��� @���1 *��6 ���2 ������B� �� ��� $!

Build it, and they will come

� &��7 ���� �*�5�� �$��, F,.#� �� *�� $! @����� OG6 '�� &�2 N�� F, ;� ��1, D� . 3 ���, D ��7! �� ���2 ��.� ����!� ��0�� ���H� �!��0 � z�.� � �� ;�1 i35�� F, � (� �, 1�+�� �, 35��� �G6 ��

! ��(���� �� �/�� . $�� ���.�� ���,� #6, &� �� � �� ��6��� $! 35��� ' ��� &, C� �� !�1, �� &2 ����, 0��� .�.��� 35��� ����� � ��1 &� ���, ����� ��.

&[� ��Z�� ...0���� ����1 �� �$� ;� ����� ;�%�� �/ ��� $6 �� �.�� �$. �� ���0�� <�����B� $! -��� ��2��� . �.�� ;��� ������ $! ��G��� -��� ��2��� $! E�� FG� 35��� &, ���5 �G� s��� D *G

� ���H� &� ��1 ��2, ���� &�+ &, 3 ��� R0�� 35�� �6 ������ OG6 �� ���� ;�1, $!�.

�� A�+,�� �C * ��� ���� �> �35;��

<OG6 -��� ��2��� ;� C:�, ��� � 2 &2)<��2���� OG6 #"��5 $! ���5�� E���� ;� ����� � 2 ��6 $�1,� (���� �G6 $! �1 ���0B� ������ �� �6� .

C���� ...��/� �5 : �L V5��� ��6 &��HTML �G6 &� ��.� &Y! 3���� <9�+��� �G.� -��� ��2��� �(� ��! 6 ���� �L ��� �/���� ����� $! O��,�� �� ���2� �HTML�L�� OG. @� �0 C����� V5��� ��� ���, F, . &2

-��� ��2���� '���� #���� OG6 &, ��� .��2���� OG6 ��� ��/�� &� � ��� R +�� #���� &� �, ��0� �/! .C���, �+ & �!���� &� � H��! ��� � , ;�1� .

Page 119: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

119

�� ��! &G� #��� �/! &�2 & ���� �G6 $! ��6 O�0HTML ��2��� ��� ��2!��� �������� )�� C�+ , �� �.��+ 35���� E���� � � 2 �6 �� �� � �� �� -��� �.���(��� � � 2 ��6 �� �� &� �-��� ... ��6 &�2� & *�, F,

�. C����� &�2�� �� �������� &1 C�%��� .� OG6 &�2� &, ;���,�*G ;�1 * C���1 ��2!� .

آ�§ 2} أن ri¨k ا682س .¤k^ن إis^S d2}، وأن .¨0وا �h.�37 إ�2¦ 3fأ r�¥؟ وبh�.؟؟؟... ب�7^2- و{is^S ق �k أن \��j�k §آ�

Hا هqال هraا�

%, ��. ! ^����� 9�+���� *�5�� $! @��0��� @�2�� &� * ��5,� � . �� ���, $! *�� #�2�, & ��6 R+�� � � ���H� �G0 $! . $! ����� ���0 & $����� � ! ��0�� #. �1 �.�� / ���� � 4�� �/ �� &7� * ��5, &� �1 &�%�� �� ��0 � . ��� @�� @���� ;�1 &���� *���H ��0 �� ���� ������ � �0�� &7� *�g2G, & *G2

@�� …*G �2 * ��5, & ���� !!!!

�1, D�����B� $! O� �� �� ;� ����� -��� ��2��� *���(��� N�� � ! �5 �.���(��� &�2 &� C�+ , ��1, D��DZ���� )�� * � ��%, !��%�� � �� ;�1 :

• & � '��� ��Yahoo � Altavista؟ • <N������ ���� - � &� �([ 35�� &� �.4� $�� X"���� & ��� $! ���� �� • �0� �G�� <�6� Q &� �%2, ��2���� )�� $! ���� D � ���� �:��

���.��� �.0 &� -��� ��2��� & � H �� &, F���+� &� ������B� $! -��� 35��� &1 - ��� ��1) ��, �,-��� (���� ����,� P"��(�� #�.��� - � &� *G� �N�(, �.0 &� .

* ��� ���� �Search Engines

��� ���� *Altavista-��� ��2��� ;�1 ��%��� R+�, &� . ����H�� C�+ , ;��� $6�Crawlers �, �2����Spiders #�/� - � �.� ���� 35���� ��0 B *���� �.��� $�� �/ ��� ;� �� ���� OG6 J����

� ���(� ��������) ��2G�� H ���� -���� ���( X����…C���� $1����B� (�� C�%�� �����B� $! ��H �G6 ����� $! @��0��� ����2� &� ���2 �2 � ���� ���.�� #�/� �6��, �0� ����1� @� �0� 35���� &1

$�� -��� X"��� &J�2� ���� �� OG6 #�(��� - � �*����� ���(� ��"�.� ���� �� @�1�5 &�+ 35������ �� ! *���� ���H �.��� .���� #�/�� �5 @�� ��� �/���� 35���� @�� H @��1Y� �([ & � &� C�+ , ����

��/� �, ����)�.� �, 9���, ( ��.� *G� #0�� ��2� & �� � ���H� ��1� �.��� 35���� �� �� C�����. �1 �,�� ����L� �, ��!�+� F, � ��� @��1�� 35���� OG6 &1 �������� - ��� . N�0 *G �2�

@������������ OG6 �:( &� � 2 �����, . ��2���� OG6 �%� $! @��0��� ��� ���� &, ��/� 3 ������% �� �� �� ;� &�2� .

* ��� ���� �� ���1%��Directories

��.�� �6 �. �1 ��%��� H��, &� ���Yahoo &�+ 35���� � ��� #� -��� '�� &� 9��� �G6 $!� ��� �0���� #"��5 C�� ��� �%2�� ;� E��� #% #��� $����� ^������ ,�� - �� )��� �.+�� &1 ����

�G26� .35���� &1 -��� $! C�� �( ��� #5�� OG6 � ���� � ���� #�/ �) . ;�1 *G� �F��� #5�� F,��2���� �:( (�.�� ;� �.���Y� 35���� ����, #�/ $�� �������� ;�1 ���� ��2 &���/ ����1 �

� #.�5��� ���(� �������� � ���� . $! �.�� �5, ���� $! ������ �������� � �2 &, �0� *G�%��� �5, C��� �,� -��� ��2��� .

Page 120: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

120

$��� $���� ��%�� * � & �5��� :2 & � '��� * R+�, $2� :

����� $�� ��� ���(� 35���� &1 -���� ��5 ����1 #��(���� Yahoo ���2� ��/! 35��� �%:% -��� �0 �� ���2 $� ��2 X"���� N���:

Regional: Regions: Middle East: Countries and Regions: Palestinian Authority: Cities and Regions: Nablus

&� �/��� -��� ����� &Y! N�� ��2�Regional ;� Region ;� Middle East6� ;� ��� &, ;� CD�H� �G2 �����

#��(���� ��,Altavista $��� �0 ��� ���2! 4218 � ��� �, � ��� F, &��� C�1��� 35���� ��� J#� - � �35�� ���� . ���2 &� �/! *G $! ����� �-��� X"��� &�+ �6��.4 ��2� 35��� ��� $! ����� *��6 &, �/ /���

�� �2 $! ���2� �����35��� ����� &� ��. ���� �/ �� ;� ����, ��2 OJ���� �. �1 ����� #� $�� X"���� & � C����� C�5�! *��6 &Y! 4�:� ��2 C�����

& 2���� &� �2 $! ������ � ����� .

#��� &1 C��% �� ,��� &[��META<<< #���� OG6 $6 ��! ����� &�+ E��� #��� $6 �� �� ����(�� 3�/�� &�+� �6:1, $! � ������ �� ��>HEAD < ...

> /HEAD < � ������ �, � � "�� ����2�� �� ����� - � &� �#�1 �2�� 35��� �, ����� ��� #�(����� / %�� �6����� �5 $�� �������� &� �6� Q� �Z��� . ��2��� ��5 &� N�0� $�� � ���� � ��1 $! � �� �.�, ��2

�-��) .-��� ��, �5, #� -��� ��2��� ��5 $g�, 4�D� ( �%� -��� ��2��� &, �/ /��!Altavista, Hotbot, Infoseek ���� �.�� � ���� D� 35��� � ��� � ��1 $! �. � 70��� #���� OG6 &� �/! � ���� $�� $6 . &, F,

YahooC���, �.�� ����� D .� *��� &Y! *G 3�� CD��Q� ���� �.��+ #���� OG6 3+� &�� �����B� ;�1 *����� �� ;�1 35���� ����� ����0 &� #.� ���0 . ����...) �.4� ����1 @��1"&2 " *��6 &Y! �- ��� ����� $!

' ��� $! @��� � Q C����(, ( � H� �.�, R �� �-��� ��2��� �7�� C� ��� C:� #���� OG6 ����� D �D����� &������� ��, �6��� $�� �/ ���� *����� � ��� ;�1 ��2���� �1��� �.�,� ���2���� OG6 $! *�5�� E���� . &2

��.�� OG6 ���2B N�(, ����( *���, ;/� � .

�L�� #�2g�� �5�� &�� �/HTML ... #��� &� ��/�� ,��,�>META<���� #�� �6 .� P"��(� G(7 �6�� �� :

HTTP-EQUIV #��� C�"!�2� � ��(� OG6 �����>HEAD<�22 ����� ��� FG� ) .*G ;�1 �� �.��� &, �/ /��� (

�22 ����� P"��( ���� �.�, ��/� &, 3 ���� �� ���0 � ���� $! ��(�� &���� .

� OG6 #��(���� ����� ���5 ���, *��� ���! � �5 @�2�G * � ���2 �G��C�/��� #��� !! $! *G &�2� ����'����$��� �2��� *G &�2� �.:( &� ����� )�1 #� � $�� � ���� H ���� ���� ����� ����1 :

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

NAME #�� � ���� � ��(� OG6 �:( &� #�/�)&���1 �/� �, ( �.� 5 & �� � �� $�� ���� �� @���

CONTENT

Page 121: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

121

& �/���� & � ��(� �6����� � �� $�� ���� �� �, �� ����� ����

# /� &� � %2� P"��(� OG. &Y! ���� 35�� $! .�� ��� D ����� �2� �.�2 �.�7� ���� # /� OG6 #4��! ��$� $! Server Side #�(���� H�.0 N���� ;�1 � � ��H�� N���� ;�1 �.�� ������ #� F, Client Side #.� D�

���%� ����� ����� $���� .� ��� # /� $6 ;��� �0���� �� �� ��� :

• � ��(� 3�HTTP-EQUIV... �� /�Content-Type� $��� �� ����� � 1�� $�� . C�/��� �.�� ������� ���, N�(, @�� *�2G,� ... #%

� ��(� #��(����Content �.�, ;�1 �� ����� OG6 �� �� � ���� ���5 text/html �L P��� F, HTML $6 �6H ��� ���� &,� Windows-1256... � ��(� OG6 3� *G &� �%2, E���� &� .

• � ��(� 3�NAME... #�(��� o �� /�keywords����� � ������ ����2� � ��� .

<META NAME="keywords" ... >

� ��(� #�(��� #%Content����2� OG6 � ��� . $�� � ��� @�� �� * � ��%�� � �� ;�1� 35��� �G6 ����� $! �.��(��,

<META NAME="keywords"CONTENT="html,webpage design,psp,paint shop pro,arabic site">

�. �1 � 27�� ���� 3��, �, -:% � ������ ����2� �2 �, )�� ���2� $! ��+ D�

<META NAME="keywords"CONTENT="html,html,html,html,webpage design,psp,paint shop pro,arabic site">

o �� /�description�� *G� ������ � ��� ��.�� ����� �� ���� P(�� @� �5 ������.�� .

<META NAME="description" CONTENT="Html and Paint Shop Pro tutorials in Arabic,learning web page design in Arabic">

o �� /�author 35��� ���� �, �Z�� #�� ' %��

<META NAME="author" CONTENT="Abu Al-Abed">

o �� /�copyright������ ���(� ���� '�/� ���

<META NAME="copyright" CONTENT="....">

#��� $6 OG6META���.� $�� . �� ��� $! #���� $5�� 3� @���� @�� � $! * �.��0Y� &[� #�5, ����*����� &� ���� �2 $! �./�� �.�5 *�2� - �� ����� .��2 ���� * �1� �� ! �6� �� $�� ���� ��� # /� ��

O� �� FG� ����� � ������ ����2�� *���� &���1 ��� ���)* # /� OG6 ���2� C�+ , #�5, &, $�� 35��� D .(� H �0�B� �L��� *���� ���2 &� �.� P�(� #��� �G� �, ����(� ���2 &� H ���� ���� � ��� ��� D *G2 .

<HEAD> <TITLE> ... < /TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1256">

Page 122: ˘ˇˆ ا ا آ ب ا ا ه ˘ˇˆ ˙ $%ر '( )*+% ب ا ت- . / 0 ا ﺩ'(ˇ) ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

�www.cb4a.com ���� ه�ا ا�� �ب �� ���� آ ا�� ا������ �(�)'د �� ا�� 0 /�� .�-ت ا���ب %+*(� �)'�ر%$�

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

122

<META NAME="keywords" CONTENT=" ... "> <META NAME="description" CONTENT=" ... "> <META NAME="author" CONTENT=" ... "> <META NAME="copyright" CONTENT=" ... "> < /HEAD>

*��6 ����, ��2 <-��� ��2��� ����� ;�1 C��"�� �"���� &� &�2� #���� OG6 $�2� �6 $�1,� <$�2 �G6 �6�.G� * �1 �0 � !�+� ��.0 C��"�� . � ����� �:��� &1 -���� ��2���� OG6 ;� 0��� * �1 @��� OG6�

@� �0� 35���� �!�+Y� ���(� . $!Altavista ;��� �.�, �0�� Add Page. $!� Infoseek � Excite � HotBot �6�0��Add URL $! ��, Yahoo $.! How To Suggest a Site? 35���� $! �:��� OG6 �%� �0�� *G2

k� ���� @��1� � ����#"��� �'�. *�5�� &1 �������� )��� OZ�� * �1 � �� EG��� ;� *��/� $2 �. �1 �/��� #5 ��� � , ;�1) &Y! �(� D

��� OG6 3� ������ �/ ������� ��� ���, $6 EG� .( '"�5�� $! �!�+� ��� �5� *�5�� N�� &, 35��� D &2#� , @�1 ;� ������ #4�� $! E��� �G.! �� ���� OG. � ��� .

�5��� ���� �.�7� � ���� OG6 &1 ��/�� *�, ��1, ...� %2� 9��,� �.�, �/ �� ;�1 *�, ��� *G . X���� *��6� E���B ���( &� O� �� �� �2� �/! @���� @�� P�( EG��� ���� #�/� - �� ������� 35���� &1 �������

-��� ��,� ��2��� &� ��"�� ;� �.���Y� X������ �G6 #�/ #% ������� ...@����� '"�5��� ������ �G26 . &�� X����� X����� OG6AddWeb X������ Submission Wizard �, X����� OG. �2����� u��� &, ��Z�� &� &2

G6 ����� ��5 �G� D� �.�2 � � ����� ��2���� &� ����� ��1 3� ������ F, � ���� @����� &�2� ��.�: %� OX�����... .':�B� ;�1 �.���0� &� �7� D &2 .

��0�� �G6 $! C��0 � �� �.! 35��� �G6 @�� H� *���,� ���2� �G6 &� ������ �5 &�2� &, ;���, �� (,�

/hpinarabic/com.khayma.www://http

���� ه�ا ا�� �ب �� ���� آ ا�� ا������www.cb4a.com

�)�'&د �� ا�� / .�� -�,ت ا���ب $*()� �'&�ر$#�