113
@wßbã‹i@óÜÇ@Ò‹Èm @ Microsoft Expression® Web paŠa‡–g t‡yc kíìÛa ‹íìİmë áîà—m @ @ @

تعرف على برنامج micrososft expressiojn web

Embed Size (px)

DESCRIPTION

احدث اصدارات تصميم وتطوير الويب اعداد ارداكس 2007

Citation preview

Page 1: تعرف على برنامج  micrososft  expressiojn  web

@wßbã‹i@óÜÇ@Ò‹Èm@Microsoft Expression® Web

@paŠa‡–g@t‡yc@@kíìÛa@‹íìİmë@áîà—m@

@@@@@@@@@@@@

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

Page 2: تعرف على برنامج  micrososft  expressiojn  web

@wßbã‹i@óÜÇ@Ò‹Èm@Microsoft Expression® Web

@paŠa‡–g@t‡yc@@kíìÛa@‹íìİmë@áîà—m@

@åß@åß@åß@åß@@@@oÏì�ë‹ØíbßoÏì�ë‹ØíbßoÏì�ë‹ØíbßoÏì�ë‹Øíbß@@@@

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

Page 3: تعرف على برنامج  micrososft  expressiojn  web

� � � � � � � � �

�������� ���� ����� ����� �� ��� �� ��� � ���� ������� . ��� ���� �� ��� !"� # �� �$ �� % � #�& '���(� �$ #%�� )&*+ �$ ,�� � �-. ' /�� �$ ������� ���

0 1� ' �$ ���� � ' )&�% ���( ����� '�& 2 - 34( �$ ���5� � �$ ������� +.

#����

����% � 6��� �� ���� � /�$ 71 ,�� � �-0� )&��� � �� �5 � ��� 0��58 �4% � 9-0� ��� '��� :0��58 2 ;. ����� �4%�

�����0.

<<<<

Page 4: تعرف على برنامج  micrososft  expressiojn  web

íÚ‚ÏÚíÚ‚ÏÚíÚ‚ÏÚíÚ‚ÏÚ<<<< <�&(��� /��� ,�� � ������ <�5� ;� '����� �� '�=&�� � ; + #�� ,�� � �-.

6���Microsoft Expression® Web!�($ 6��� �$ . !�(8� � � )��( 2� ��(� �0���� :6��� � ����$ � 7%� � ������ $>���� :�����?�� ,�� � <�.� ' >/&� 2� 7���� >/0�

������ <�5� � 2���( @ + 3�A�� 2 #&�� '$ '�� � 6��� � ��B ; * 3�%� �,�� �.

,���$ �%��$ 74( ' #�� % C�*� #�*�A� <���� ;� D��� >�� �$ ,�� � ���� 6��� � <�&(��� )&�+ ; * 2&*�� ;� �� 6��� � '* ��� � �� % � , E$ 'A��

��+�)�� �������� )��5� 2 *$ � . �*�A� ' 7� F�A� ,� 7� 7����Microsoft Expression® Web '�� ;� :

��0� ;�� :# �G D4���� :9&%� � D4�� >�*�� D*�A� # �5� ' 75� 7� 7���� 6��� � <.� &�$ ; * D4%� ���%� &G� 2��� &��� H� /� '+ ,�� � <�5� < * @� )&�&� �

,�� � . �� % � ��� -����� ,�� � �-. )/��G ;� 7� ��� '$ ' I�� � !���* &�� 2 -

&��� � 3&0 � ; + 7�5� #� )&��� � ����( �� .D45� ��* ��1� #��� '�� 7��� ;�"� �0�. � F�A� � ; + 7�5� � �*�� ,�� � ����� �=G ��� :D4A�,� � .

Page 5: تعرف على برنامج  micrososft  expressiojn  web

pbíìn�a@òàöbÓ@ � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � �

,�� � ; + �&� .....................................................................

; * 3�%� �HTML .................................................................

; * 3�%� �XHTML................................................................

����� � ��$ ���5 ����$CSS................................................

�J ����$JavaScript............................................................

�J ����$XML...................................................................

<&( ���� � ����$Server Scripting...........................................

��$K�5� � <&(� 75�8� �� ..................................................... � � � � � � � � � � �� � � � � � � � � �Expression Web�� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �

6��� � 7�J��.......................................................................

6��� � �0��� ; * �* )��� .....................................................

���5 � ����� )-��Design ......................................................

���5 � ��&�&*+ ��A..............................................................

��& � � �=G <0 /��.............................................................

L=5( � <0 /��.................................................................

���&8� ��&�5 <0 /��...........................................................

�� � <0 /��M..................................................................... � � � � � � � � � � �� � � � � � � � � � � � � � � � Web�� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � �

N � &�5� � ",��."..............................................................

,�� �G�� &�5� � ...............................................................

,�� � �G� ����.................................................................. ,�� �G� /��+ 7�G ............................................................... � � � � � � � � � � �� � ! � � " � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � " � # � $Expression® Web�� � � � � � � � � � � � � � � � � � � � � � � � �

,�� � �G�� /��+ ...................................................................

,�� � �G�� �4E+...................................................................

K��,�� � �G��......................................................................

,�� �G� ���� )&*+...............................................................

Page 6: تعرف على برنامج  micrososft  expressiojn  web

,�� �G� 3-�...................................................................... � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � �

&�&� &��� /��+.....................................................................

���5 � L=5( &�&��..............................................................

3 � F�� &�&��DOCTYPE........................................................

L�5� � P��&+Text ...............................................................

��5 � P��&+Image ...............................................................

����� � ' !�($ F���$ P��&+.....................................................

����8� &��� � F�� &�&��@A......................................................... � � � � � � � � � � �� � � � � � � � � � ! � � �Code�� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � �

&�� � C��%���......................................................................

&�� � C��%��� ��&�&*+ ��A.......................................................

)�� � <�&(���IntelliSence ........................................................

&�� � �55G )�� <�&(���Snippets ............................................ � � � � � � � � � � �� � ! � � � ! � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � ! � � �CSS�� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � �

���5� &�5� � CSS...........................................................

� <0 � /�� <�&(��Manage Styles................................................

<0 � /�� <�&(���Apply Styles................................................... � � � � � � � � � � � � � � � � � � � � � � ! � � �Links�� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � �

����� � ����$.....................................................................

���5 � Q�� @� '� � ��� �......................................................

!�($ ���5 � ��� �.............................................................

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

)&�&� )-�� @� ���� � K�� ...........................................................

����� � ����� @� <��� � ............................................................ � � � �� � � � � � �� � � � � � � � � � � $Tables�� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � �

R7��&� � @. ......................................................................

&�&� 7�&� /��+.....................................................................

7�&� � �4( �����.................................................................. 7�&� � L=5( ��A...............................................................

Page 7: تعرف على برنامج  micrososft  expressiojn  web

� � � � � � � � � � �� � � � � ��� � � $ � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � # � ! � � � � � � �� � � � � � � � � � � � � � � � ! � � �Behaviors�� � � � � � � � � � � � � � � � � � � � � � � � � � �

<��� � ���$ @. Behaviors .....................................................

M�&�8�Events ....................................................................

%�8� 7Actions......................................................................

<0 � /��Behaviors...............................................................

���5 � �5�* &�$ ; + M&� '��%�.................................................. � # � � � � � � � � � � � �� � � � � � � � � � � � ! � � �Forms�� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �

P-� � @. Forms ...............................................................

RP-� � 7%� 3��...................................................................

<��� � �5�* @. Controls......................................................

<��� � �5�*Controls............................................................. � # � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � �

������& � ,�� � , ��G @.Dynamic Web Templates .........................

���� @. Meta Data............................................................

������& � ,�� � , ��G ���&$ ����.................................................

@����& ,�� , G /��+.............................................................

@����& ,�� , G <�&(��� ,�� ���5 /��+.......................................

Page 8: تعرف على برنامج  micrososft  expressiojn  web

<<<<<<<<

h^{fÖ]h^{fÖ]<<

MM<<

� � � � � � � � � � � � � � � � � � �� � �� � � � � � � � � � � � � � � � � � � � � �� � � ! " # $ � " % � � � � & ' ( � ) � � * � + � , - . /� 0 � . � � �� 1 * 2 3 * � � � � � � 1 � � 4 � � � � � � � � � � � � س $ � � * �0 � � � * س � 6 7 8 " 9 : � � � * � � � � ; � � � < * =س ه � � ( 3 � � � � � $ � � * � 0 � . � � � � � ? � @ A � 9 � �B

? 6 C � : @ " � �B, � � D �= 3 � � � � � : @ " � �BE � � � � 9 , 8 F � 6G H I � � � � J � K � � �=

L � � � � � : @ " � �B� � � � � � � � � � � � س � س &� � �=

ا1(0ا.- ا1(0ا.-,+ *() '&,+ *() '&

Page 9: تعرف على برنامج  micrososft  expressiojn  web

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B � � � � � � � ( , � � D �= � � $ � � * � �� � � �= � � $ � � * � �� � � � �=

� � < * � � � � 1 � & � ! " # � � س � س &� = , � � � س � س &� � � � � � J I = , � � � س � س &� � �=

� � س � س &� � � � � , � � � . � � � � � � � � � J I J K �� ��� �

Ø’ËÖ]Ø’ËÖ]<<

MM<<

4 � � � � � � F 6 & � � � � � # & � � L � � ! � � $ � � � & 0 � � � * � � � � � � � �4 � � � � � � � � � � * � � � � � � � � 6 � � 8 � � ! " # 6 � 8 � � � � � 6 ) � � * � + �4 � � � � � � � � 4 ! � 6 � � � � 2 & � 8 � � D � 3 * � � � ! � @ 1 � � 6 7 � � � " 1 � �* < � 6 & � � 8 � � � � 1 �� � � � * < � 6 & � 8 1 � 2 � � 1 � 4 � . � �=� � � � � � � � � � � س $ � � * � � : @ " � � � � � � ! " # $ � " # � � � ! � @ 1 � � 6 7 � � � " 1 � � � � 4 �= -,02, -,02,......

Page 10: تعرف على برنامج  micrososft  expressiojn  web

� �

<íÚ‚ÏÚ<íÚ‚ÏÚ<íÚ‚ÏÚ<íÚ‚ÏÚ<<<<,�� � ���5 ������ <�5� '* M&��� '$ '�� � ���� 7����� < ��� '$ '�&

�����?�Internet9������$ #�5�� <���� ; * 7��� S- � /*� � 71� @� �� : . 2�.� 0�� :'T� & (� ��&� @� � � =�8� ' ��1� � '��� �-R�����?� :,� �� ' :@ � �� :R0 '

R0� <U���� RR0 �($ ���� 2�. 7.� : E�� :D���&�����$ <�.� ���T� ���� � � 7%��� 2���$ ,��� '$ @� , . 3���

� <0�� 7%�� '$ :���% � , � � 0�$ ��&0� :2$ �� � ��A�� #���+ �A�� 7�V� 7� &��������?� ���� 0� @� �� �1�&� � ��� ���� � .

ïç@bßïç@bßïç@bßïç@bß _oã�ã⁄a_oã�ã⁄a_oã�ã⁄a_oã�ã⁄a@@@@

�����?� (the Internet) �� �� * ���� @.' 3�B )&* �� )�0�$ '��4� ���� �< % � @� <��8�� F���8� �� �( � ������ � .)&=� '��� ���� � A�$ ;W�X� @� � �����?�

(the Net) &���8� 0&(��� � ��� 0��� @� �� % � 7&��� 75��� ���V ��.

�bÈÛa@Éß@Ý—nã@Ñî×�bÈÛa@Éß@Ý—nã@Ñî×�bÈÛa@Éß@Ý—nã@Ñî×�bÈÛa@Éß@Ý—nã@Ñî×____@@@@

������ � )�0�$ 'U��� @��&� � :0��� �� 75���� �� % � 7Y&�� ' ' 0 D�������� ;*&� @� � 75��� ���% ' �*�� � ����� � (Protocol). )�0�$ ��� &Z�%��

7������� ;W�Y� D�������� �����?� � 5� � ������ � �����?� (Internet Protocol - IP) :���� <����.� �=7=�� �; + ������� ?� <[�Y� � ;*&� ���� ��&�� (packets) <���� #�+ � :

���� � #����� (data routing) 7\���� � ; + 7Z�� � '. �����?� 7������� S�A��� (Internet Protocol - IP) ��������� �*�� ���

7��?� <��� � /�����?� 7������� (Transmission Control Protocol/ Internet Protocol -

TCP/IP)^�����8� F�& � )���� 0��W�� ��������� �*�� @.� : ��* ��5��� ���?F���8� �� �( � ���� �.

�����?� �&(� 2����� ' &� 4� :�����?� 75��� �&�$ �-+� .2 - ;_�"��� !&�`�'������:

; �8� :�0 � @��� � 75���@� (dial-up) �����?� �&( �b�� � (Internet Service

Provider - ISP)������ � )�0�$ @&(�� !& )&�% � ����� � @. 9-.� : 7�� � @�.

���1 � :LW5(Y � �( � (dedicated line) �� � ����� 75� � (Local Area Network-

LAN)V � !& )&�% � ����� � @. 9-.� :&G @� � )���� � ���� �� ��� )&�Y* 0 '���

(node) �&( �b��� � c5� '��� &G�$ :�����?� ; * 0� �5( �����?� .(ISP) ���( � '��( �5W5( � . Td (Td carrier)

Page 11: تعرف على برنامج  micrososft  expressiojn  web

� �

�����e S��� � &�% � 'W����� (the backbone of the Internet) ���( ' ��5����� � 7������AY � ������ � )�0�$� [&f�Y% � ����� :�� * �*��� � ���=� � Hosting

Computers .���( � 9-. ��*�) 7�� ����dhd()���� ���� ���� � ���� S��� :. ��&������ � ���$ '�� �� '�- � <. '���=� � �����?� �&( S�b�� '$ ��- � &�* 7b��� @� �

��( % 0 5�����( � 9-.� :< % � ��* ���� � 7�f�j �%��� D� S��� � &�% � @. �%��� ������e .

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

_bèîÏ@áØzní@åß_bèîÏ@áØzní@åß_bèîÏ@áØzní@åß_bèîÏ@áØzní@åß@@@@

)&�* 2 �. Q� -+ ^# �"� < % � !��� ; * �����?� 7b�%� '$ �0� S8 '�Y� ��

:�����?� <���� &��� �������$ )&���C��%� '�& �1�$�$ )&��� )&�* 7U�%�� &�� �����?�.��* ��5��� 3UG��� '$ '�&� :��( 0 �� .��� '`� :7�� �� ����� �� �( � < % �

&�% � <A� -+ ^7�*k 0�� �����?� �&( C�%� 7��� @� ����� �&�&*$ �����e S��� ��A=� � ��� � ' (redundant intersecting points) /�� 7�%� �-`� :�� �( � ��� � @�

#���� )&*+ '�� #�`� :�����?� ' �(B �� ��* �*��� �� % � . )�� � 9-. ;*&X����A=� � (Redundancy) �� �����?� �&( ��G�1� �&�� '� @� ��A=� � ���& �&��

#��.

bèmb߇‚@ïç@bßëbèmb߇‚@ïç@bßëbèmb߇‚@ïç@bßëbèmb߇‚@ïç@bßë_@_@_@_@@@@@

�X���1�$ ��* D� � &�� @� � �����?� K� 'd��0� )&�&* l�&( � �& &��� �@����� ?� (E-mail)) 7�� �����hd(<�&(��� �� � 7��� : �� � 7�� 7������� (File

Transfer Protocol- FTP)�� Z� �&(� : (Telnet) @� � )&�%� ������ )�0�$ ; + 7�5� � K��X� (Remote Computer Access)��� �� : ����(?� (bulletin boards)��(8� �*��� :

(newsgroups); + D��A+ : �� % � ,�� � ���� �&( @.� �$ :��.$ �1�8� �&( � (World

Wide Web- WWW) @� � ����%�� � 74( � =. �*��� �[f�) 7�� ����mhd.(

Page 12: تعرف على برنامج  micrososft  expressiojn  web

� �

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

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

�=�� �� ����� � ' &�&% � �b(Y� &G� 0� ��-� :�����?� �&( 75�? : 3� 8���=�A � (fiber optics)M� � 7����� : @����� � � (cable television wires) �G8� ; + ��A+ :

��*�5 � Satellite . �����?� �%W���71 ������ � ' &�&% � ������ <�&G : ���� �3�� �� ��A������ (virtual libraries and museums),% 8�� : (games) ���� �� :

Page 13: تعرف على برنامج  micrososft  expressiojn  web

� �

7*8�� ������� ?� (e-businesses)�����?� ��* �� � �4%� � ; + D��A+ : .(Online

monetary transactions)

“Ûa@ê‰ç@ÙÜnº@åßë“Ûa@ê‰ç@ÙÜnº@åßë“Ûa@ê‰ç@ÙÜnº@åßë“Ûa@ê‰ç@ÙÜnº@åßë_òØj_òØj_òØj_òØj@@@@

2 �� ' $�����?� 0�$ 3�%� '$� &�4� : &&% ��[��� �0�+� &�0� � �5����V �� ��� � ' ���� �&( @� .&����� ������ � 0���"� <0�X� @� � &.% ��

9-. M�&��� ���5� ���� � . ���V�$ L(� S$ ������ � :#� * >/���) ��E�$ ���������� (n&� '$@* 0� * � � � )���� � @*n&��$ �����?� ��Z� Z.

�A� ��* .-��� �� % � ��� ���� F�G @� )&=�� ���� Q�X� :7�� ��

���k &�� ���%)������ )�0�$ ' (0% ������ '$ .$&� &�� :2 - ,�� ; +� ' &�&% ������?� �5( '����G W'� @� ���� �.

�7� @� D0 D���& ,% � @� � ��� �� �=�0 � ' �����?�:

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

0�� 2������ ,� K��� )���� �� * �=�. ���� � @c5 ��� . 9-0 Q�=� � ��& ��7� � <�&��� :�����?� ������. �=�0 � � 00���� &G @� � ����� � 7�� �����?.

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

���� )��&`� <��� �=�. IETF0%A� @� � ���% � �%��� ; + D��A+ : .IEFT

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

,�� ����� � ���% � ����� �c��� �=�. 71 HTML ( ����� � L� � �J ).

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

0������� <c&�� ���� ���� � ������4 �=�. �*�� 0�0����� IETF&c&�X� � : IAB

.&�*� �����e �% � �� ��0 � S��� �.

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

&5�G� D�%�� 7b��� ���� �*�� 0���A* @� <A� �5c5(� ��%� �����?�):&���$����� ��E �=�.� :���V� :����� :����� ����&+� .(9-. S&��� ��%� �

�����?� ��b %� � ��[� �� ���� � @� ./��B .��%� � 9-. ;%��� 7� ; * 3\��X� @� �' IAB �ISOC !��� ���� ���%� ; + �����?� ���5� ������ <�&(���.

�� � � � � � � � � � � � � � � � � � � � � ! � � � � � � � � " � � � � � � � " � � � � � ��� � � " "

)��&+ ;_ ��� ����� ��E ���V '���* IP ��� � /�$� (Domain names).

�� � � � � � � � " � � # � � � � ! � � � � � � � � � � � � ��� � � � � " � �

/�$ L�5(� ;_ ��� �=�. ��� �.

Page 14: تعرف على برنامج  micrososft  expressiojn  web

� �

<îßÃÚ<^Ú<îßÃÚ<^Ú<îßÃÚ<^Ú<îßÃÚ<^Ú� � �<<<<?� ; * .���� @� � �G�� � '���* 7� ���&� @� 3��� M41 ,��� <� � �$ �����

@.�)www ( � � �5�(� @. 3��� � 9-.�World Wide Web�$ �>�5�( �Web�$ Wm. :, � � S���* ,�� �Web ; + D���$ ��� >A�$���� ���� :< % � )�0�$ ���

���� � @� C%� � 0A%� � ����� � )�0�8� ��� K���) ,�� �Web (:0A%�� 75�e )�0�8� 9-.� � 5� ���� � @� #� * 3�%� &�% 7������� ��* 0A%��Web �$

�.�HTTP ; + ��� S- �� Hyper Text Transfer Protocol. ���&� @� ,��� '�� 2 - � S$ '���* 3��� � 9-. 9���� '$ &��� �G� http://www @�%� ��� � �-0� :9&�&��� �G� � <�� ,��� <1

&��� ��$ !��� ; * F4�?�� )��� �G� '�% ���� ; * &���www 75��� &�� S- �� 7������� � ��* #�http.

$7������� �: �* )��*�0�G�� � 7�(& 0� &�� ����$ ����� ' . #�$ < % � �� �G�� � ,�5$ <0� !�($ ��������� A�$ &�� )��� ' 3&0 � ��� 0�&(��� <���

�G� � .

gèçÖ]<±c<íÚ‚ÏÚgèçÖ]<±c<íÚ‚ÏÚgèçÖ]<±c<íÚ‚ÏÚgèçÖ]<±c<íÚ‚ÏÚ<<<< ,�� � 71�Web ' 0� * F4�?��$ 0%A��$ 0���� <�� @� � ����� � ���

�����?� 74( . � :D41� :�����?� ; * �% � ����1 � ,4� Q� � <G�$ <� %� �� ����� � )���� �A

�����?� 75�� ; * 2 �5� &��� 2�� � <G� ; + 7�5� � '� S$ ' 2��� :<1 '� . ' .��E� ����?�� ����&� �� ����& � ����� �A� #��� :Q�& � �-�.�

� <1 :#� L( � �G� � ; * &�� ��%���� � 0�� �� � )��5� 0� + 7�5� � ,4� � <�� . S"�� :F�� S$ '� :�����?� ; * o� S$ &��� 7�(�� '$ 2��`� :, � � S���*

<�� . �����?� ���� '$ ; * &�V� !�($ )� )�0�8� ' )���� �*�� '* )��* @.

:C%� � 0A%� � ����� < % � 7�� )�0�8� 9-.�5$ &�*�0� 7�������HTTP 75�4 ������ �� � ���� 0� * ��%A� 0��5$ 055( )�0�8� C%� '� � :C%� � <0A%��

<&��( � ;�� )�0�8� 9-.� :0A��%��� ���� � ����� � !�(8� )�0�8�Servers @.� 0��5�� '� ��&* ������ )�0�$�>&� �&��� �� * ���%�.

�8� $ )�0�$ @� )&��� � ���� � K�5�� <��� @� � )�0 <&( �Server� 7�% � ;��Client ;�� 6��� ; + P��� <&��( � ; * )&��� � ���� � K�5�� ;�� 7�% � )�0�$� :

Page 15: تعرف على برنامج  micrososft  expressiojn  web

� �

K�5� �Explorer���5� � ' F���$ )&* 2�.� 6����. D��1 .�1�$� .���$ ���%� Internet Explorer�������� ���� ��� � .

@ïàÓ‹Ûa@æaìäÈÛa@åÇ@aˆbßë@ïàÓ‹Ûa@æaìäÈÛa@åÇ@aˆbßë@ïàÓ‹Ûa@æaìäÈÛa@åÇ@aˆbßë@ïàÓ‹Ûa@æaìäÈÛa@åÇ@aˆbßëIP____@@@@

7� <&(Server ; * ���� ;�� @G� '���* # �������IP Address N ��5�(� Internet Protocol N � ��� � <�� #��� <�� :URL ;�� � ��� ��* DNS N ��5�(�

Domain Name System ���� � &�� '$ &%�� :WEB��% � ; + 7�(& � <��� ,� � � '� <&( � 7�% � �0� � ; + ��� � � ���� � 7��+�Client K�5� � ��� 'A ���� � # �0���

) 7�� ����phd.(

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

�. :��� &��� /@��. �. �0� '�� :������� 7* $&��. �-. <&( �Server : < %��� ����� '��� 6��� <�&(��� ,�� � �G�� ������ <�5�Microsoft® Expression®

Web : 3�� � '���� '��� <&( � 0A�%� 6���� �G�� 7%� <���� M�� :���� � 9-. 'A ; * <&( �0� /4% � ������ ;��)'� S$ @� (���� � 9-. K�5�.

<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ� �<<<<- � 7�V� �� <�� 3���. :'T� 2& (� ��& &G '��� '$ ;��$ S C�* ��� ��* ���� �

RK�5� � 6���

Page 16: تعرف على برنامج  micrososft  expressiojn  web

� �

� �J ��& @�"� �.HTML @� �� �5�(�� ; + ����Hyper Text Markup Language : �J � :C�%�� ��$ K�5� � @� ���5 7�� ; * ���� � C�* '* � �=� � @0�HTML

' �*�� '* )��* @. ���5 ; + 0 ���� �5( ������ K�5� � 00�� @� � ���8� 7�% 7��� ��� 7��� 0A�%� ����.

;�� ���8� 9-.�Tags) ���8� ( ������ ���� � < %� &��� &�* '���HTML �+ ���8� 9-. ���� <���Tags5� � @� �0��� S- � 6�� � S$ : <�� 7� ����� ���%� K�

��% �� ���� �-+. ,�� � 71� Web F4�?��$ 0%A��$ 0���� <�� @� � ����� � ��� �����?� 74( ' 0� * .

@†ì×@|Зm@†ì×@|Зm@†ì×@|Зm@†ì×@|ЗmHTML ���T� ����( � <�&(��� 7%� � #����� 2��� �.� :

K�5� � 6��� 7(�& ��� � � ���5 � 7(�& 2�$ &�"�IE .

�8� ��(�View ' �=G Source .

)��� � 6��� )-�� �0��Notepad) 7�� ����qhd (0� L( � &�� � C�%�.

�� � ������ � � � � � � � � � � � � � �Notepad

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ! " # $ � % � & % � ' " ( ) <±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ* � �<<<<

�J @%��� � ���� ��.�HTML .� M�� ; * �&*� �1�&�� )��1� ������ &���� ������5 �� �G�� � <�5� �*�� .

� ���5 ;�N XHTML 5 �� '���� � <�% 0%��� ;� � )��� � Q��� '��� '�?� ;� /���' P��( ���5 HTML )&��� � ��A�� '��� '� + @.��A @ � � &�� � ���

� '�� $ @����5 7� ; *:

Page 17: تعرف على برنامج  micrososft  expressiojn  web

� �

<?xml version="١�٠" encoding="UTF-٨"?>

�$ ���*�� @� �A� � �0 �G '��� �E�� ��� Whitespaces$��� � ! &G ;� � 6����� ����� � C%� '* �&5�FTP .

<�� <1���5 � F�� &�&�� 0 K�5 �� � 74( 'N: DOCTYPE

!- � ; * 7%� 6��� <4*+ K�5� �$�5 � 9-. F�� '�� XHTML

K��5� � �� ; * 9&*�� !- �� � C%�8 /�($A�* /�1 �����?� ; * 0 �G�� KA���&�� ' ���� � HTML $&�� #� XHML �-� 9-("� < >�=� ����5 � ' . ,�� �- $� (� �$ ���5 !

0�.

cccc@òÐîÃìÜÛ@òÐîÃìÜÛ@òÐîÃìÜÛ@òÐîÃìÜÛDOCTYP@@@@

�>� �� ( � ����5 � ���5 /�(�� ' &�%� ;� �� ; * � � ���5 �NCSS �� 0�� <&(���$71 &�� ! STYLE L��( ���J� #��A� &G !- � '�% '=� ; * ���% &�%� ;� ��

' �&� ��� )&�&� � ���5� � ; * IEq D41.<!DOCTYPE HTML PUBLIC "-//W٣C//DTD XHTML ١�٠ Strict//EN"

"DTD/XHTML١-strict.dtd">

��.@8� �1� >*���<�&(���� ;� : 2� * 70�� &G ;� �� ����( � ' ��1� 0*& 2 -� 71 4� G STYLE MOTHED C�% � �G� ;� '�% '=� L=5( &�&�� ; * 2&*�� !- ��

71: <div style="color:#ff٩٩٠٠"></div>

<!DOCTYPE HTML

PUBLIC "-//W٣C//DTD XHTML ١�٠ Transitional//EN"

"DTD/XHTML١-transitional.dtd">

� L�(�.� ����?�Frames) @ � � &�� � ����:(

<!DOCTYPE HTML PUBLIC "-//W٣C//DTD HTML ٤�٠١ Frameset//EN"

"http://www.w٣.org/TR/HTML٤/frameset.dtd">

� @ � � , � � ��& '���� :@ � �)@ � � &�� � ����:(

<?xml version="١�٠" encoding="UTF-٨"?> <!DOCTYPE HTML

PUBLIC "-//W٣C//DTD XHTML ١�٠ Strict//EN" "DTD/XHTML١-strict.dtd">

� ��<?xml version="١�٠" encoding="UTF-٨"?>

<!DOCTYPE HTML

Page 18: تعرف على برنامج  micrososft  expressiojn  web

� �

PUBLIC "-//W٣C//DTD XHTML ١�٠ Transitional//EN" "DTD/XHTML١-transitional.dtd">

<?xml version="١�٠" encoding="UTF-٨"?>

<!DOCTYPE HTML PUBLIC "-//W٣C//DTD HTML ٤�٠١ Frameset//EN"

"http://www.w٣.org/TR/HTML٤/frameset.dtd">

���5 � 7��-�� Q$� �� * $Header & Footer #��� @0� � @� &�� � ���� �����HTML <�&� � ' '�����.�:

<HTML>

<head> </head>

<body> </body>

</HTML>

'� �3��� ���J� @ � � &�� � ' �0��:

<HTML xmlns="http://www.w٣.org/١٩٩٩/XHTML" xml:lang="en" lang="en"> <head> </head>

<body>

</body>

</HTML>

<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ� � �<<<< �� �CSS �5 � ; + ���� KCascade Style Sheet . L=5( 7���� <�� @� � ���5 � @.�

,�� � ���5 !��� P��(?�� ����� � . ����� ' D�&�� :���� 7��� �G� � 2� * ���� M��� ���5 @� L=5( � 9-. '��(�� <��� :)���� )��5� ,�� � ���5 !��� ; * ������ �

�*�� ����� ��$CSS��5 ��� <5�� :)��� 0� L=5( � 9-. $��� '"� ,�� � � . ' �% � )��� � :2 - CSS : @. 0�$ 2%G� ����� ,���� )&�&� ����� ' L�5�

� �����Links ��5�Images� : o� 7� '� &�&�� ' 2���� 2%G� @� #%A� 7� '$ � &�&�� � ����� � ��Style � ���5 � ; *$ @� 9&&�� S- � ����� 7� ; * �����

���5 �. 7� 7�� ��J� 2��� 41� &���8� @� ��=� � �HTML �&(���� 41title�.� ' '���* ���$

'* '� � K�5� � 9&&�� � C��� � 7�� �� <�� � �0��� ��&% � � � � @� '���% � ���� ����� � L=5( ���5Style Sheet 7�� ��J� 2�����% � '�title 7�� #=�*+�

&��� � '� � ��+� '���% � � o� � Q�� :titlebody) 7�� ����rhd(.

Page 19: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ �� � � � � � �Style

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ � � � � � �<<<<

�J � 9-0� �>&� '���% ,�� � ������ ���� @� '�55(� � .� ; *� '$ ' <E� �J � �G4* 0 �J � 9-. '"� @��� #��� <���Java � �� :>���5 Q� �-.� :����% � Script &G

� (� &�� � >%�� ��$ �+ :2 - ' 7G$ /@� 7� :� � ������ ���� �J ��� 0�"� @���� � �� � �J � 9-. ' ,�� � ; * )�1�� � � *$ ' @������ 7*�&�� � .

�� � � ��� � s��� &�� 74( ' 0�* 3��%� � 7���� 3���: �J JavaScript ���&� � @� 0�� '� LiveScript . ���� @� ���� �J �Netscape��� ,�� � �G�� ���5 ���� �J '��� @� . �J � !��� '��� '� :0 /@� � ����� � ,��� �=�� �%� �J � ������ � �� ��

0(��� ' @�%� 0�%� . �J '* M&��� @� � ,�� � 7� '"� &��%�JavaScript �� 718� 7�� � 0A�%� <

)��1� /�($ S��� 0�8 )� 7�8 �J � < %� &��� ' K 5� . ���� � ��SUN Microsystems ���� � '�%� � Netscape ���� � �J 0 %�� @�

�&(�� � @� Netscape <�� ��E� :0��� ����� K��� < '� :LiveScript ; + JavaScript����% ��E ,��8 .

2�� /��`� �������� ���� �=GEngine #��$ 0 L( Jscript S- � �.� <�� @� <&(���Windows���+ K�5�� ��� Internet Explorer IE.

�J '$ '���� Q� � ' ��1� �Jscript '* 3 �(� JavaScript ����� � @� 0�� �� �( /�"� '� '�0��� .

� ��Netscape �J 7���� JavaScript <��� � @� ����G ��5�� ; + � :���5� � ��� @� <��� �� �J � ; * )���� � ����������& K�5$

Page 20: تعرف على برنامج  micrososft  expressiojn  web

� �

;�� �J � 9-0 ����G ��5��ECMAScript . �J JavaScript <&��( �� 6��� � ' &�&% � @� '� ��� ���5� � @� <&(��� �

Servers .

<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ<±c<íÚ‚ÏÚ* �<<<< <0�� @� � :���� � 7�$ @� ��$� :, � � S���* �JXML : )��� <0� 7A�8� '

���� � ���� .-� ��&��� � /��`� Q� � <��� 9-. ����� '���� )& � 7�� ,���� '��G��&��� � .���& <��� :71 � 7��� ; * �G� 7� @� �4* �A�� Q��& � . ' ��&��� <0�

K��5�� 7� K�A��� ����� 7�� ,4� � �-�.� ��=4+ /�($ . Y�3��%�� 0 4( ' <��� @� � ����� � �. &��� � ���� &% �0� �� ;�% �� ���� �

&��� � @� )&��� � �� % @ �� � .

&�� :#�� ���-� S- � L( �� :$��� S- � ,�� �� :2�&� '�� ,��� � ��� � ' >/&��� � ��/���?� <.$ ' : F�A� �$ )��� �$ L� ���� �� * '$ 7��� ��� .-(�� @

���� � ' ���% ��*�� 7� &��� ���� . �J � �8� �-�.XML . M����&��� S���� HTML �XML '�� )��5� ���� ; *

'�� #��� � #�� �. �-.� :�4* �J 7� ��0� .@� HTML �0� 3��%�� �4% � <��� :.�.��� ���� � t#��� . ; + '���% �@� �-�.� :2�. ' )��� � $&��� :� XML <��� :

���� 3��%�� �4% � .�%� ���� � t���� � ��. .

D��� ���� � <�&(��� )&*+ �� * 7%�� 2�`Z� :.�%� ���� � ���� 35� &�* S"���� � ' &&* .�� �%�� � �5( ���� � �� 2�& '� �-+ :71 � 7��� ; *< 7� 3��%�

; + 0���� @� � �5�% � ��� 7��� 2��� :s�A�� � �� � �5�* ' �5�* :�%�� � ��������� � ���� )&*G ; + !�($ �5�* 7���� .:!�($ ����� 2� + &��� <�� <�&(��� 2���

�4%� .����� ���� � /��? XML2 � �� % <1 : � ' &&* S"� ���� � CJ� ���87�J�� � <�� �$ )�0�k @��8� <�� � '* ��� �. � %� @� � @. 7�� �� �� � 9-.� XML &�$

7&�� D������ �1�8� ����� � ���� �.

:7���� � 6��� , � � S���*7% � @� �*�� � �=�� � 9-. ��-�: �-%�� <�&(��� HTML ' D�&� XML '�� #�`� :'� P��&+���� XML �4* @� HTML

,�� ���5 @� 0A�*�. �J HTML D��� ���% �*�� ; * )�5G ��� 0�� 2���� �4% � ' '�&(�� �.

:'� �K�� XML 0����� ���� � 35� 0���� �4* S$ /��`� .:71 � 7��� ; *

Page 21: تعرف على برنامج  micrososft  expressiojn  web

� �

0����� �� % '��(� ; + P��� 2�$ C������� 8� ������ � 7�� ./��+ '�� ��

XML @ � �:

<?xml version="١�٠"?> <CAT>

<NAME>Izzy</NAME> <BREED>Siamese</BREED>

<AGE>٦</AGE> <ALTERED>yes</ALTERED> <DECLAWED>no</DECLAWED>

<LICENSE>Izz١٣٨bod</LICENSE> <OWNER>Colin Wilcox</OWNER>

</CAT>

�4* '$ ��V� '�� XML ��A � .��� @� � ���� � F�� ���% K��� .7��� ; *

.�*� ��� � 9-. <�� '* M�� � � �0�� 2���� :��G 7�� ���� 9-. '$ 3�%� :71 �

�-�.� . �. D����� ���� ���� S$ 3��%�� <��� @� � �4% � /��+ )�&G ���%� 7%�� XML

"4 D4�G&�&�. 3 @� �4% � � 2 � ����� � �� %� � P-�� @� �4% � '�� � (� � '�

HTML ���� �5 � �G �-+ :71 � 7��� ; * XML 3 @� 2 � HTML @� 3 � C�*�

�-0� 6=�� � �0��� :C�%�� �:

Otta Siamese ٦ yes no Izz١٣٨bod Colin Wilcox

M��4* C�%�� � 7.���� XML ��� ���� � C�%��.

Page 22: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B E � � � � . � � : � � �= E � � � � . � � , 8 F � 6 � � , � � � � � � �=

� ! " @ � � � � � ! � � � A � �� � � J � K=

� ! " @ � � � � � � � ( ط . %=

� � � 1 � � , 1 � � � � � 8 � � � F= � � � @ � � � � � 8 � � � F=

� 6 � C � � 6 � # � � 8 � � � F=

L ! . � � � � 8 � � � F=� � ��� �� �

Ø’ËÖ]Ø’ËÖ]<<

NN<<

� 9 ' � � � � < � � � � � � � � � � D � � � � � س � � E � � � � . � � � � � � & : � � �� 8 � � � � � 4 < ! �� � * 2 � 8 � � � � - � : - 9 � 1 �� � � - � � & 6=, 8 F � 6 � � � � � س $ � � * � � : @ " � � � � � � ! " # $ � " # � �E � � � � . � � � � �=......وا89- ب56+,4 وا89- ب56+,4

Page 23: تعرف على برنامج  micrososft  expressiojn  web

� �

<sÚ^Þ�Ö]<ØéÇ�i<sÚ^Þ�Ö]<ØéÇ�i<sÚ^Þ�Ö]<ØéÇ�i<sÚ^Þ�Ö]<ØéÇ�i<<<< 6��� ����Microsoft Expression® Web ���� #%��� S- � 60� � Q�� � @� � 6���

7�J�� � <�� � � ��� 7%�Windows XP�* )��5� . ��&� �� � ��� � F��� 2��� 2 - �=G <�&(��� /��� 6��� � 7�J�� @�) �� 7�� ��dh�.(

�� � ������ � � � � � � � Microsoft Expression® Web

� � � � � � � � � � � Start

�������� #��� �0�+� 7% � @� 6��� � $&��) 7�� �����h� .(�0��� ; * 7�)�� )��5� 2 *$ <�+ ; * 2&*�� @� � ���� � ' &�&% � #����� .

Page 24: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � �Microsoft Expression® Web

� � � � � � � � � � � � � � � � ��J5 ���� ��� 2 �0� � � �� 4� :)� 7�8 6��� � 7�J��� <��� ��� � 2�$ �+

2���� 7(&+ 2� , ��) 7�� ����mh�.(

�� � ������ � � � � � � � � � � � � � � � � � � � � � � ���� 2 �0��� :0 (&`� <��� '$ &%�� �($ ���� ) 7�� ����ph� ( '"� 2��(�

,�� � 7*$ '* D�V� #���%� '* 2 "��� :2�& @A����8� ,�� � ��� �. Q� 6��� �� <$ 2�& .

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��($ ���� ��� ��0� @0� :)��(8� 7�G )��( � $) 7�� ����qh�( 2� * C�%�

���5� � 2 *$ '���� '���( .

Page 25: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �ŠbèÃgŠbèÃgŠbèÃgŠbèÃgOOOO@õbЂg@õbЂg@õbЂg@õbЂg@õa;uc@õa;uc@õa;uc@õa;ucPanesò’b“i@âbè¾a@ò’b“i@âbè¾a@ò’b“i@âbè¾a@ò’b“i@âbè¾a@@@@@wßbãBÛawßbãBÛawßbãBÛawßbãBÛa@@@@

�4E?� )�&$ ���� '* � �0�� 0G4E+ �$ ./�(+ '��� . $ .�0�+ �&�$ �-+%�� �+ 2� * � !�($ )����T� ����( � �: ��� م � % � � � � � � � � م � � �� � � � � � � � ��� $ � � # � � �� � � � � � � � ��� � � � � % �����

�� � ������ � � � �Task Panes ��� � � $ � � � � � � � � � ! � � � " � � � � � � �� � � � � � � �" # � $ " � � " � � � % " � � � $ �

sÚ^Þ�Ö]<ì„Ê^Þ<l^ÞçÓÚsÚ^Þ�Ö]<ì„Ê^Þ<l^ÞçÓÚsÚ^Þ�Ö]<ì„Ê^Þ<l^ÞçÓÚsÚ^Þ�Ö]<ì„Ê^Þ<l^ÞçÓÚ '$ 7���� &�%�Microsoft Expression® Web <% � 7��0 �� 7�� � M�� ' 3 �(� �

���� '* �$ ����� � ���&8� ���� �=�� �5(� ��������Microsoft VS .NET @� ��7�G ' 0% � %� &G '��� �� .

���&8� ����$ 71 ��&� �� � ���� � C%� ; + ���� '$ ' �� ��Toolbars . M��

Page 26: تعرف على برنامج  micrososft  expressiojn  web

� �

6��� ����Microsoft Expression® Web ���&8� ����$ ' �5( �*���Toolbars ) 7�� �����h�(#�� * -����� #���+ ������ #�=��� <�� � ; ��� @� � . :�&�%� ��

��� � � )�&8� ; * )&��� )��� �+ @. ��� � � �� % � -���� <��) '+��� ��� .( � % � ���� ; + ��A?� 6��� � )-�� 7��$ ���� S- � �) 7�� ����uh� .( M��

3 � F�� ; + ��A?� :6��� � 3=�� C%� @ � � �A� � '* �� % 2� * C�%�#&(��� S- � .

�� � ������ � � � � � � � � �Toolbars �� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �

@‹í‹znÛa@ñ‰Ïbã@‹í‹znÛa@ñ‰Ïbã@‹í‹znÛa@ñ‰Ïbã@‹í‹znÛa@ñ‰Ïbã@@@@

�Y��@ � � �G� � �$ ���5 � ����� ����� )-�� 0� &5 . #����� <�� 7�$ @.� 6��� � )-���) 7�� ����vh� .( '$ ���*� ; * >A�$ <�5� � )-�� 0� * � �� '$ 2��`��

#�� ,���� �"� � � � �� � � ."

�� � ������ � � � � � � � � � � � � � � � � � �� � � � � � �zЗÛa@pa†a‡Çg@ÁjšzЗÛa@pa†a‡Çg@ÁjšzЗÛa@pa†a‡Çg@ÁjšzЗÛa@pa†a‡Çg@Ájšòòòò@@@@

6��� 7(�& o� 7� '$ ; * &��"� � &�� :�8� �G�� @�Microsoft Expression®

Web0�� <��� � 6��� � 2 K��� @� � #5=5( . :����� � L=5( ��A ����+ 2�. :D41� <��� � �5�* L=5(� :���5 � L=5(�Controls.��E� : .

5( ��A ������ 2��(� �� � � ���� � @��'T� 0�5�� <��� @� � ���5 � L= : ��� م � % � � � � � � � � م � � �� � � � � � � � ��� � � � � � م � م � � � � � � � $ � � $ � � � � � ( % � � م � � � ��� $ � � # � � �� � � � ��� م � � � � �� � � � � � � � � ��� � � � � % �� ��� �

Page 27: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ���� � � � � �Properties

� � � � � � �� � � � � � � م � � � �ی � � �� � � � � � � � � � � � � ��� � � � � % �� ����� � � ی � � � ( � � � � � �ی � �� � � � � م

�� � �� ���� � � � � � � �Page Properties ��� � � � � � � � ی � � � � � � � $ � � � � $ � � �ی

� � K � � � ��� � � � � � � � � � � ی � � $ � ض � � � � ' � " � � � � � � � � % � � & � � � م � $ � � � م � � � � � % � � ! � � �� ح � � $ � � � � � �� � � � � � � �

� � � � J K ��� $ � � " � � � � � � � � � � & � � � � � � ی � � �� � � � � % �� ��� �( & � $ ی � � ح � � � � � � � � � � � م � $ � � � � � & � � م � � & � � � � � � � � ی � � � � � �� � � � � �

Page 28: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ���� � � � �Formatting

� � � � � � � Page Properties

� � � � K � � ��� $ � � � � � � � � � م � � � $ � م � �� $ � � � م � � � � � � � � � � � � � م � ��� � � � � % �� �� � �

�� � �� ���� � � � �Advanced

� � � � � � � Page Properties

� � � � �� � & � � � � � � � � � � � � � � � � � م � � � م � $ � � � � � � � � � � � � � � & � � � � � � � م � � � � ی � � � � $ � �

� � K � � � � ��� � � � � � � م � $ � � � ی � � � � � � � � � � � � ی � � � ی � � � � � � � � � � � � م � � � $ � � � � $ �� � � � � � � �� $ � � � � � � ی � � � �� � � � � � � � � م � � � � � � ی � � � & � ی � � � � � � �� � � � � � � � � ! " � � � � $ � � � � � % � � � م � � � � & � م � � � $ � م � $ � � ی � � � �

pa‡ÜGa@òàöbÓ@âbèß@õ;upa‡ÜGa@òàöbÓ@âbèß@õ;upa‡ÜGa@òàöbÓ@âbèß@õ;upa‡ÜGa@òàöbÓ@âbèß@õ;u@@@@

� ��� >�$� :������ 2�&(��� '� >�$ :, � � S���* @0� :0� * 7%� @� � 6��� ��& � 'A 7%�Folders . >A�$ '� � :��& � � ��� Q� 2� * C�%� /�� � �-.�

0�����) 7�� ����dph�.( 0� 7%� @� � ���5 � �$ F� � ����� � 7%� � 2� * 70�� S- � �8�.

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � �� � �˜öb—©a@âbèß@õ;u˜öb—©a@âbèß@õ;u˜öb—©a@âbèß@õ;u˜öb—©a@âbèß@õ;u@@@@

��� >�$� :,�� � ������ <�5� @� 0� * 7%� @� � 6��� � ��� >�$ :, � � S���* �5�* 7� '$ < %� '$� &�4� :./��`� <��� @� � �5�% �Control '�� �$ Entity o� �$ !�($ ���� � #���� �$ 3 �(� &G ���% L=5( �($ .&��� <�5� )�&$ 2 K��� '$�

����?� 9-. 0&(��� @� � ,�� � ������ . 6��� # %�� �-.�Microsoft Expression®

Page 29: تعرف على برنامج  micrososft  expressiojn  web

� �

Web L=5( � /�� 74( ' Properties) 7�� ����dqh�.(

�� � �� ����� � � � � � � � � Properties

'������ 'A�� /�� � �-. '`� :!�� �� . 7�8�) 7�� ����dqh� ( L=5( 'A�� <�� �Tag !��� � ��� �5( ��� /��� Attributes M�&�8� L=5( �$ Events

���5 � ����� C%� � 7%� � ; * ����� �) 7�� ����drh� .(

�� � �� ����� � � � � � � � � �Attributes

� � � � � � � � � � � � �Events

���� � L=5( &�&�� 'A�� @�1 � ,���� � '$ �+ ���5 ��� �CSS) 7�� ����d�h� .(

Page 30: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � CSS

paë†þa@Öë‡ä–@âbèß@õ;upaë†þa@Öë‡ä–@âbèß@õ;upaë†þa@Öë‡ä–@âbèß@õ;upaë†þa@Öë‡ä–@âbèß@õ;u@@@@

��� >�$� :,�� � ������ <�5� @� 0� * 7%� @� � 6��� � ��� >�$ :, � � S���*� � ���&�� ' 2�. '$ < %� '$� &�4� :./��`� <��� @� � �5�% � @� 0�* /�J��8� '�

7% � �-. ��+ . �+ :���&8� 9-. 0&(��� @� � ,�� � ������ <�5� )�&$ 2 K��� '$� &���!�(8 )�&$ ' 0����� @� 3 �(� 0�$ . 6��� # %�� �-.�Microsoft Expression® Web

���&8� ��&�5 /�� 74( 'Toolbox) 7�� ����duh�.(

�� � �� ����� � � � � � � � � � � � � � � � � Toolbox

<�G ' �1�$ 'A�� #�� � �>&��� >����� 'A�� /�� � �-. '`� :!�� ��) 7�� ����dvh� .(

Page 31: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � � Toolbox

� � � � � � � � � � � �@. <�G8� 9-.:

� � � �

� � � �

� � � � � K � � � �

� � I � � G � � � K � � � �

szjÛa@âbèß@õ;uszjÛa@âbèß@õ;uszjÛa@âbèß@õ;uszjÛa@âbèß@õ;u@@@@

*0� 7%� @� � ���� �� 2���5 �1��� :2 *$ �1�� '$ &%� �-� :, � � S��� . '* M�� � ����+ 0&(��� @� � ,�� � ������ <�5� )�&$ 2 K��� '$ �0 � /��8� ' Q� $

6��� #� <��� 7%� � �-. '+ R#�� 3�%� � �($ o� S$ �$ :��� �$ :&��Microsoft

Expression® Web M�� � <0 /�� 74( ' Find) 7�� ������h�.(

�� � �� ����� � � � � � � � � � Find

�G� � Q�� @� M�� @�� * /���+ ; * 2&*�� 6��� � '`� :!�� ��) 7�� �����dh� .(

Page 32: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � � � � � 7�&������ M�� � ���� ��� '* $Find and Replace) 7�� ������h�( M&�� :

' wS$ @� 6=�� � �0�+ ���(�� 7� :)���� �������� )��5� M�� � 2 K��� M�� P�� ��'���( � ���� � @%��.

�� � �� ����� � � � � � � � � � � � � � � �Find and Replace

Page 33: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B � � � 9 � � @ D 1 � � � ��� � 6= � � � 6 � � � 1 9 � � @ D 1 � � � �= � � � � � � � � � � � � - �= � � 6 � � � � � � � � ( : . � � س�=� �س

����� � ���

Ø’ËÖ]Ø’ËÖ]<<

OO<<

� ! " # � � � � ( � � ( $ � 8 � � � & � 1 9 6 � ه � � � س � س & � / : - �, � " � � 6 � � � � � � � � � � � � � س � س & ? 6 � * � ' 7 A � � � 6 � � � � � 6� 8 � � : � � � * � �=� � � � � س $ � � * � � : @ " � � � � � � ! " # $ � " % � �� � � � � � � � � � � � س � س &=أ@+@?+ت ,>ا*= ا1>.;أ@+@?+ت ,>ا*= ا1>.;

Page 34: تعرف على برنامج  micrososft  expressiojn  web

� �

<Ù^e< ç’Ϲ]<^Ú<Ù^e< ç’Ϲ]<^Ú<Ù^e< ç’Ϲ]<^Ú<Ù^e< ç’Ϲ]<^Ú>>>>gèægèægèægèæ>>>><<<< <* ;� &��� � @ + ,�� � �0�dvvd &� ; * "@ ����� <�� " S- � @����� � @=���� �

;� 7%� '�������8� �����( � &�$ . '�� < % � �-. #=4�� 9&*�� � %� ����� '* M���<.���$ ���� ; * ���( � / * '.

9����� S- � <�� � '��"@ ����� " ����+ &��� ����+ ; * &�%�Bookmarks @� 7� 0���� ; * &%� �� K �5� ����?� 2 � :S�($ ��&��� ; + ���� @����� + &���

�����Hyperlinks$ �Links 2 � C��%��� �� � <0 ' L(� S$ ������ @ � �� : :�(B @ + &��� ' ���� ����� 2�. '$ � �(B @ + &��� ' )��� 7��� � ��&��� �

- 7� '$ S�� 2 % �>5�5( �&� @%���� @0�&� o� �. 9��� ,�� � � 7%�� ��� �-+ 0� <G @� � )��( � '$ �+ S��& 7���"@ ����� <�� " x��� ;� ����1 )��( ��� ����

�� �( � ����� � � @��� � 7%� �� �����?�. � / % � '� &�&� � <�� � �* ' ���1 �� @ �8� '���� � 74(� '�- � . '�1�� �

<* ���&� @� $ :��A ��� ; * ,�� � '�&(���dvvm:�� 2�. '� &�� �q�( & ,�� <Web Server ����+ <*&� ,�� C�%�� 7�$ �0� <% � Q�� ' ����� �0� @�� 2 - &%� :

)&&%� � �=�� � C�* Mullimedia '���� � ' �*�� 9&�&*`� <G� :Developers ���� ������ ���� � ������NCSAY�� �����8� )&�� � ���� � ;� @Mosaic.

� '8 ,�� � C�%��Mosaic>���� '� >��� : ��� ��0� ��� ' 7G$ ��� &%�� ; + #�&(�� &&* 75� 9��&5+ ; *� ,�� � C�%�� '�� :<&(�� '�� Mosaic

� ���%� )&�� ;� 7A� � ����� ,�� � @&(�� &&* &�� &� � ,��mr� <* ;� �= � 3 $ dvvm :9&�� � �����+ ���� �&( ' �&( �0�$ @�1 ,�� � K�5$ )��5G )���� 2 - &%�

)@����� ?� &��� � &%�.( � � � � � � % � � � � � � � � % � � � � � � � % � � م � � % � � � � � � " � � � ( % � � م � �� � � � � � � � � � � $ � � � � � � � � �� � �� ی � � � $ � � � � � � $ � � � � � � � � � " � � $ � � � � � ی � � $ � " � � م � م � � � � � � $ � � � �� ح ' � � � � � �� � $ � $ � � � � � � � � � � � � $ � � � � � � � � � � � � � �� � � & � � � م � � % � � � � � م � � � � � � �� � � % � � & � � � � � �� � � � � � � � � � � � �� � � � � � � � � � �� � � � � �� � � �� � ی � � $ � �� � � � �� م � � � � � �� � % � � � � � � � % ��� � � $ � �

Page 35: تعرف على برنامج  micrososft  expressiojn  web

� �

kíìÛa@òîàçckíìÛa@òîàçckíìÛa@òîàçckíìÛa@òîàçc@@@@

;� �� % � ��� ����$ � ��� ,�� � ' � %� @� � 7��% � C%� 2�. �5% � �-.�G�� � 2 � /��+ ����� < %� ;� ����� #%G�� C��%��� <�0� � %��. C%� s�� @ � ��

7��% � 9-.:

� � � � � س � � � � س � � � � � � � ���� � <.$ ' C�* ����+ ���� #�$ S$ :)&&%� � �=�� #*& ,�� � .���� ;� �

��0� 2 - ; * &*� S- �� :��&�� � ��� � ����5 � �4���� �� ��5 �� '�� 8� ,�� � �A�%��Web Browsers 71 )&&%� � �=�� � �5�* <*&� ;� � Mosaic� Internet

Explorer �Netscape �Opera.��E� . �� ,�� � �A�%�� � 7%� � � �0� '* 2�.>5�5( ,��&� � ' 7� � 2 � '$�

>� � 7�J�� � ���$ .���� ;� � ����� � 7% � �0��� ' �&���� &G �A�%�� �.

ه � � � � � � � � � � � � � � � � � � � � �

2 � /��+ � �0� ,�� � �G�� /��+ ; * '���1� � �%�� @� � �0 � ��8� '� <G &�%� :�G�� "@ ����� <�� "�� � �����, #���� @�� 7�� �J 7�� ,�� � ���5 /��+

HTML$ �Hypertext Markup Language ���%� @� �� , ��� �� ����� �� < %� � � 0� �J 3��% � .�%� ���� � ���* ����&.

�J '$ S�� ��� �-+� 2 - 34(�HTML<�&(���� ��%5 ' &�&% � <�&(��� 2��� �+ 2 ���� @� � 6��� � '$ M��� ,�� � ���5 <�5� ��� 9��� ) 7�� ����dhm (.�

�#� * 75�� �G� � ��� &�* ) 7�� �����hm .(

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

Page 36: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � �� �5 � <�5� �� * '$ @�% � � 9-. ;� ���>��1� 3 �(� ' � &��� S$ <�5� '*

�J � ���% 2 '��� '$ ,� �8� �-. , ��� �� :L�5� � ����� 6��� ' 6��� 74( 'HTML ' ��*�� � 9-. �0�$ '� : 6����. ���&��� ����� �Microsoft Expression®

Web.

� � � � � � � � � � � � �� ���� � �� ���5 &�� Q� ,�� � ' '�1 ��� ,�� � '� � ��5 �� '�� 8

&&��� ,�� � �G�� , E"� ������ )&&�� 0�$ �� % � 2 � ��� <.$� :�� % � �5��� � ,�� � �G�� '$ &��� @ � �� )&�&� �� % 2 C�%� S��& 7��� 0�����

�� )&��� )� ; * 0������ )��� 7� ;� &��� 2�$ � ��>&�&� y= �� * �G� � Q�� ;�� : :S�(8� ��&� �� � ��� � 7=�� ; + ��� � �� � ��E� ����� �� * 0��� ,�� � �G�� M�&��

-. ����� M�&�� 41 �&�$ �-`� ��� %� � )& � 90� )&�&� �%�� ��&5+� �� % � '$ &��� � :!�($ )� #�*��� ,�� � <�5� )&*+ , ��� '$ '���& �� ,4� � )&� � '���A��

)&�&� � �%�� � /��� @ +: <�5� � �� * '$ '* 4A� :)&�� ��E ��&� � �%�� � K�5��� D�G� ��J��� ����� �� �*�� ��D4��� . � 75�� @�� ������ @ + ,�� � I�G ��A��

� ���� '���� ,�� � � � ;� ��� :)&�&� � #�(�� ; * )&�&� � �� % � C��%��� ' �G��=G& �A� !�� '��8� , E$ ;� ��J��� � @� � M�&�� � �� * /0��� &���.

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

�� �� ������ �� % � ; * 7�5� � ����+ 9���� ���� ,�� � '`� S�($ ���� '� � ��� �G� � Q�� ;� ������� �+ �� % � C�* S�(8� ��&� �� � ��� � 7=�� �����

����� � '$ &���� ,�� � �-. ' � � .$��� @� � ���5 � ; + 41 ���� :��� � � �� ������ Q�� F��+ 2���� 0��0� ; + ���5 � ���&� ' ,���� � )/��� � $&�� '$ 0�/��� )&��� �

Page 37: تعرف على برنامج  micrososft  expressiojn  web

� �

� � ���5 )/��G ;� ����� � 71�� )/��� �&�&� �&%� ���� ,�� � ���5 '$ @ + ��A+ ,� ����� � &��� ;�Links ����+ 2 ���� )&* ����� � 2 � :���5 � 9-. ;� )&��� �

$ ���5 @ + )��� 7�5� ��>� � .$��� @� � ���5 � ������ � 5 ��- S�($ �� %.

� � � � � � � � � � � � � � � � � � � � � � � � �� � ;� � 7�J�� � ���$ ; * &�%� � S�(8� �����+ ���� �&( �=� '"� #�"� ,�� �

; * 2%G� /��`� <��� ��� �-+ @ � �� :#%G�� ���� 0&(��� @� � )�0�8� 0� * 7%� <��� 7%� �0�Windows ���� <��� 7%� )�0�$ <0�& ' ������� 71 � 7��� ; *

Windows Me $�Windows XP$ �UNIX$ �Macintosh$ � S�(8� 7�J�� � ���$ ' .��E �����+ ����� 75�� 0�& )�0�8� 2 � '��� '$ ���� #����� �% �� 2%G� C��%���

71 ,�� � ���5 C�%�� S$ 0� * ��1�Internet Explorer$ �Netscape$ ��� :.��E >��1� �%�� )�� � 9-. '$ ;� 2�� �G�� <5 '8 �� % � ��� � ���� ,�� � �.&�� '

#%G� C��%��� ,�� � &��� ��� '�`� K�5��� ��� )&��� )� �G� � &�&*`� <���� ,�� �.

� � � � � � � � �� � � � � � � � � ط � � � � �

@.� ,�� � �A�%�� '$Web Browsers C��%��� ;� ��� Q� 0�&(��� '�� � ,�� � �G�� ; * &��� �� �&( � ' ��1� � @ + 7�5� � @� A�$ 0�&(��� '�� '�

��`� <��� @� � ���5 � '�A� 2��`� M�� :�����+ ���� �&( �G�� ; + ���� ����� 0="���� "Gopher�$ "�� � 7�� 7������� "FTP ' �*���$ " ��(8� �*��

Newsgroup"$ �@����� + &��� '���*$ �$ )��5 '��� &G @� � �� � ' 3 ;��� ��� �&���$������+ ���� @&(�� ���� � ���-� �1�8� �&( � ,�� � ' 7%� 2 - 7�� :6���.

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

� #��� ,�� ����8� )�� � @��� ,�� � 0� ���� ;� � )&�&% � ��� � <E� s�� #��� � '� �G� # '��� '$ #��� ' &&�� �0� &��� �� :&�8 �� Q� ,�� � :��� /��+ #��`� L(� !`� :,�� � ; * )���� � �� % � ��*�� ;� <���� �0� &��� �� :2 - #%G� '* ��� � 3�5� ,�� � �G�� C��%��� #��`� L(� !$� ,�� � ; * �G�

@���J� �#��.� :#����. :#�0��� :��G�% � # �5$ :.

kíìÛa@pbãìØßkíìÛa@pbãìØßkíìÛa@pbãìØßkíìÛa@pbãìØß@@@@

; * S���� '$ ,�� ,�� � �G�� ������ � ���� � F���$ 7��$ C%� . &�� >��� �G� � �-. �-. ���5� 7G8� ; * ��5�$ L�5� &��� ') 7�� ����mhm .(

Page 38: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � �@�T� ;� �5�% � 2 � L�( � �����:

� � � � � � @��8� �5�% � @. L�5� � ����� '���� ,�� � �G��. � @ �8� ���&� � �

@� � ,�� � �A�%�� '8 2 - :@��$ 7��� L�5� � ; * &�%� ,�� � �G�� ��� ,�� 0��`� '�� < 0�G� )&��� ���$ F���$ ����� � ' !�() 7�� ����phm(.

Page 39: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � 7� � @. � L�5� � ����� 2��`� #�$ &��� ,�� � ; * 2%G� &�&*`� <��� &�*�

��&��� � ����� ;� ������ 0���� @� � ��&� �� �Microsoft Word�&(��� 2��`� -+ : ���( <Fonts C��* &��$ L� � 7%� 2��`�� �� �( Bold$ � 7=Italic )�-� &�&�� 2����

L�5� � ����� ;� ��&% � �� % � ' .��E� L� �.

� � � � �� � � � � D4* � �� � )��0� � ����5 � " ��)��5 S���:� � 3 $ " ,�� � ���� D���� :

,�� � ���5� )�&G�Web Browsers :���� � ' !�($ F���$ )/��G� ; * 3�%� � ; * �>�5�* ��5 � ���5$>���$ ���5 ;� )&��� � ��5 � '��� )&*� :,�� � �G�� ;�

S&�`� ,�� � '�*�� � '��� � �GIF$ �JPG) 7�� ����qhm.(

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � �� �� � � � � � �GIF

��JPG

���� ' ��J5 <��� '��� 0� 0��� <�� @� � ��5 � '"� '�J�5 � '�. �����,�� � C�%�� 7�G ' 0 ��� &�* 7G$ )��� ��5 � 2 � ��J��� @ � �� �����(� � ��� �. ! � � � � � � � ! � � � � � � � � � � " � � � � م ( & � $ ی ! � � � م � � � � � م � ی � � � � � & � � م ( � � � م � � $ �� � � � � � � � � � � � ��� � � � � � � � � � � � � � � �$�

ط � � � � �� � � ����� �Links,�� � 0� * <G @� � �� 58� )��� � 71� hD��� ���- � h @ � ��

����� � ����Links �G�� C��%��� ����$ � ��� ���5� ' ���5 &�� �� ,�� � (� ,�� � ���5� � '�����. �$ ���5 � Q�� 7(�& �(B /�� ; + 2 ��� '$ '�� ����� � �

$ �G� � Q�� 7(�& S�($ ���5 ; +��($ �G� ; + 2 ��� &G) 7�� ����rhm.(

Page 40: تعرف على برنامج  micrososft  expressiojn  web

� �

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

� � � � � �� � � � � �X�>��$ 7��&� � <&(�� <���� � ���� 0 S&� �� � <�&(���� ,�� � ���5 ;� ���� �

7��� ��� 7�� ;�) 7�� �����hm.( 2 ���� @0� !�($ �0 )�� 7��&� '$ �+ ,�� � ���5 )&�% ��5� /��? )�� � ��� �� % � <���� ; + ��A?�.

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

� � � � � � �� � � � � � ����?�Frames <�5� ��� ' ����� ;. ���5 )-�� <���� ; * &�%�� ,�� �

<�G8� ' &&* ; + ,�� � C�%��) 7�� ����uhm( ��+ @�� <�G 7� :Frame C�%�� ���5 F���$ �$�� �(���� � ' . �<�� &�*<�G8� 2 � ' S$ ;� )&�&� ���5 C�*

)����?� (���J� S$ '�& ����?� @G� @���) 7�� ����vhm(.

Page 41: تعرف على برنامج  micrososft  expressiojn  web

� �

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

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

� � � � � � �� � � � � P-� �Forms 3&0 � ,�� � ���5 ' /���$ @. S�=�� ' ���� ���� 0�

$ � =�8� C%� ; * ���?� ���5 � �=�� <��� P-�� � 74( '� :,�� � �G� � �������� � ' ,� � �) 7�� ����d�hm( <� @� � ���� � 7��`� P-�� � <��� 2 - &%�� :

�� * ;� )&* P-� � <&(���� :,�� � �G� 7(�& L( /�� ; + 0 (&+ 7(�& 2������ $ �G��$ S$� � /�&�+�2 - @ + � ���A+ �� % , �.

Page 42: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ط � � س � � �� � � � � � � �

)&&%� � �=�� � �5�*Mutlimedia $ ����5 �4���� ' ��&�� ��� �) 7�� ����ddhm( :$ �>A�$ ���5$ ��� ;� M� 71� ���5$� :,�� � �G�� ;� �%=� � �5�% � '

>5�5( ,�� � �G�� ' &�&% � 2�.� :,-� � 7��* ' ���G 4* �*�-?� ��� �G�� D1� <&�� ���$� 0���� ' �4���� 0%G�� ; * <&�� @� � '����� � ��>�� >��� 0 ��? �

�G� � 74( ') 7�� ����d�hm(.

Page 43: تعرف على برنامج  micrososft  expressiojn  web

� �

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

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � 6��� 71 S�(8� �5�% � C%� ; * S���� ,�� � �G�� ' &�&% �" ��Java" �

" ������ ��JavaScript": 6���� CGI �5�*� Flash��� ����+ 3�A� ���&$ 0 �� � '* M�� � 71 �G�� � 2 � ;� )&��� � �&( � ' &�&% � ;� <&(���� ,�� � �G��

2 - ; + � &%� '* ,��&� � 6���� ���� � &*���� 75���� ,�� � ; * �� % �.

Page 44: تعرف على برنامج  micrososft  expressiojn  web

� �

gèæ<ÄÎçÚ<ð^�Þc<ØfÎ<^Úgèæ<ÄÎçÚ<ð^�Þc<ØfÎ<^Úgèæ<ÄÎçÚ<ð^�Þc<ØfÎ<^Úgèæ<ÄÎçÚ<ð^�Þc<ØfÎ<^Ú<<<< ���� ; * 9���� >%G� �$ ���5 /��`� <��� '$ 'T� 70�$ :�8� �G�� @�

�����?� . 7�8� 2%G� /��+ @� C�( � 7�G #� @5�� <."� 2��(� '$ @� ,E�� ��$ �+�����?� ���� ; * .�G�� � ������ <�5� K=5� <."� �=G @ � ��:

c‡jm@æc@ÝjÓ@éÛìÔm@æc@‡í‹m@bß@†‡yc‡jm@æc@ÝjÓ@éÛìÔm@æc@‡í‹m@bß@†‡yc‡jm@æc@ÝjÓ@éÛìÔm@æc@‡í‹m@bß@†‡yc‡jm@æc@ÝjÓ@éÛìÔm@æc@‡í‹m@bß@†‡y@@@@

R�G� � �-. &�&*`� <��� �- � :R0 �� ;� � � �� � @. :. '� <� ���� R�G� : :�G� S$ /��+ &�* 0� <�� � ,�� @� � @ �8� )��( � ;. ���� � �141 � � =�8� ; * ���?�

&&��� ���� � � =�8� ; * ���?�–'��8� ' ��1� ;�h <�5� ;� 0%���� ;� � ����� � �G� � ����.

�G� � '� �-+ 71 � 7��� ; *���� L5( #� 7% � &�� � : �-. ;� P��� ' � �G� � ; +�0�?�� ���0� � �5�*: '8 �G�� � ' F�� � �-. ���� @ + 7�5� � =�& '�&���

>��1� '��0� �� �*��� 0�* '�1��� ;� � �� % ����� � ���( �� � �� � ��5 �� '�� 8� � ) 7�� ����dmhm(� )��� �G� /��`� <��� ��� �-+ $ : ��� # 4( ' <�� ������� ?

0A�%� ;� � ���� ��5 � ' �*�� ; * �G� � S���� '$ ,��� � � � ' �*�� �G� �) 7�� ����dphm ( ;� � ��&�� � ��� ' &&* ; * >A�$ !���� '$ 7A�8� '�

2 - @ + � ���� � 2 � 7* ����� KA��.

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

Page 45: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � 7��k 0�� 2%G� '� �-+ $) 7�� ����dqhm ( ,��� � '� '$ ; * S����

9���� ,-� ����� � <��� � C%�� ��� � ���58�� ���� � ��5 �� '�� 8� ' ��1� ��G� � 0&�� ;� � �� % 7��8�.

�� � �� ����� � � � � � �� � � � � � � �Šb—n‚bië@Sìšìi@kn×cŠb—n‚bië@Sìšìi@kn×cŠb—n‚bië@Sìšìi@kn×cŠb—n‚bië@Sìšìi@kn×c

'$ &��� ,�� � �G� �=��� :������ � ��� ; * ' )/��� � '* 3 �(� ' )/��� �s�A�� �G� � �*�A� ���� 7�� �- :�*��� � �0�� .&��� ;� � �� % � ; * 75��.

Page 46: تعرف على برنامج  micrososft  expressiojn  web

� �

@òzЖ@Ý×@òÐîÃë@‡í‡¥@òzЖ@Ý×@òÐîÃë@‡í‡¥@òzЖ@Ý×@òÐîÃë@‡í‡¥@òzЖ@Ý×@òÐîÃë@‡í‡¥ �1V� �%G� 7(�& �0 ����� S&V� � ;� � ���5 �>� � ; * 7� � �G� � @0�

' &���� �G� � &��%� ; + S&V� 0�$ � �G� � C��%��� &�* 7��� � �G� )&�� ; + S&V� �-+� S�G ,�� ,�&� ���5 � ' &&* ; * �� % � <����� <�� 4� :#% 7%� � ���%5

��� ���5 ;� 0%A� &��� 9��� ;� % '����� '*�A� 2�. '�)&.

òİí‹‚@âa‡ƒn�bi@ÙÔí‹ @óÜÇ@Ò‹Èmòİí‹‚@âa‡ƒn�bi@ÙÔí‹ @óÜÇ@Ò‹Èmòİí‹‚@âa‡ƒn�bi@ÙÔí‹ @óÜÇ@Ò‹Èmòİí‹‚@âa‡ƒn�bi@ÙÔí‹ @óÜÇ@Ò‹Èm �G� � 7(�& 0A�* &��� ;� � �� % � 2�& K�5� '$ &��� <�5�� 0����� <G :

7� � �G� � L( � �G� ����() 7�� ����drhm .(

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � �§a@áîà—nÛa@‡ÇaìÓ@Éjma§a@áîà—nÛa@‡ÇaìÓ@Éjma§a@áîà—nÛa@‡ÇaìÓ@Éjma§a@áîà—nÛa@‡ÇaìÓ@Éjma‡î‡î‡î‡î

Y� '$ 2 - @�%� 4� ��� )&�&� � ��� ,�� � '$ ' <E� � ; * 7�� '�5 � @� %�� '�5 � 0%��� ;� � &*��� � ' ��1� � :<.��0� /��� ��� � < * ;� 9� %� ' ��

,�� � ���5 ��5� ; * 0����� '�� ���-� ��5� 3�5 �� �4� � ��5�.

Óìß@pbzЗÛ@ÝÈuaÓìß@pbzЗÛ@ÝÈuaÓìß@pbzЗÛ@ÝÈuaÓìß@pbzЗÛ@ÝÈuaĆ‹èÄß@ÙÈĆ‹èÄß@ÙÈĆ‹èÄß@ÙÈĆ‹èÄß@ÙÈĆ;î¿@aĆ;î¿@aĆ;î¿@aĆ;î¿@aaaaa Q�� 7(�& 7��� � #�"� ���5 7� #A��%��� &�* 2%G� �=�� �%�� '$ <0 � '

�G� �) 7�� ����d�hm( 2 - ; + 7�5� � ������ ' � : �G� � ���� � � 5��� �-+ �+�>�� �>�0� 2%G� ���5 � %��.�- :D��� $ <&(��� �$ ; * L��� 5 ' �� �( ���

!�(8�>��5 <&(��� ��� �-+� : :�� �( )��5 ���5 7� 7%�� 4� �G� � ���5 ��� (� 7� ' '� � Q�� ;� S�(8� �G� � ���5 ; + ���� ;� � ����� � �A� ; * L����

���5.

� � � � � � � � � � � � 23

ا45678

ا8>;:

ارA@<?<ت :C@?

>DعF GHاIA

I7Lذج

اPQ@<رNOF@: اIM8ر

:FRSF UVش � � � � � XYZـ3

>DY GMAا

اI78[\. خ

IMLص� � � � أP@<ر٣[<_7:

اFRb8<ت

GCcسAدIPل

اIPR8ل :FRP١

:FRP٢

>LاؤZ@P

اIc8دة

اSNkl@<ل

اCDSN8<ت FRbNا78س

:FRP١-١ :7_>]

:7_>]

Page 47: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � �@À@Âa‹Ï⁄a@â‡Ç@À@Âa‹Ï⁄a@â‡Ç@À@Âa‹Ï⁄a@â‡Ç@À@Âa‹Ï⁄a@â‡ÇŠì—Ûa@âa‡ƒn�aŠì—Ûa@âa‡ƒn�aŠì—Ûa@âa‡ƒn�aŠì—Ûa@âa‡ƒn�a

��5 � <�&(��� 7.��� '$ ,%5 � ',�� � �G�� ' �G� <�5� &�*'� � : ,�� 0&(��� '$����$ '�&�. ����� S&V� ��� �-+ �+ ��5 � ' ���� &&* <�&(��� @*�& 4�

)���� � ��� � ��- ��5 � '* '�?� �&�� &%���� ���5 � ;� ����$) 7�� ����duhm( :�( ����$ ;� 2%G� ��5 C��%��� ����� =�& 7��� �� �G� � 0���&+ 7�G .

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �@Sb›íg@Sb›íg@Sb›íg@Sb›íg@òÜî�ë@òÜî�ë@òÜî�ë@òÜî�ëaaaa@Þb—mü@Þb—mü@Þb—mü@Þb—müÉÓì¾biÉÓì¾biÉÓì¾biÉÓì¾bi

� ���� � /��$ ; * 3�%�� '$ S���A � '@ ������ �G� � 0����� ;� � &�� � ���5 ' ���5 ;� 2� 75�4 ����� �A� ; * L��$ �- :#�5�� #���� 2%G�

2 - &%� ������ <0=��$ @� � ;� 2��E� �G� � ���� KA�� @����� ?� 2&��� '���* 71

Page 48: تعرف على برنامج  micrososft  expressiojn  web

� �

�G� � '����� /�(8� K��5�.

Page 49: تعرف على برنامج  micrososft  expressiojn  web

� �

<<<<<<<<

h^{fÖ]h^{fÖ]<<

NN<<

� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � �س � � � � � � س � � ! � � � � � � � � " � � � # � س � �� � $ % � � ! � � � � � % � � & � � � � ' � � ( � � � ) � � � � * � � � � � + � � � � , �- � � & � � �. / 0 1 2 3 2 4 5 6 7 8 9 1 : 3 3 / 2 ; 6 < : => ? @ A � B + � � � � @ � � � C3 � � � � � $ � � * � 0 � . � � � � � ? � @ A � 9 � ه� � � (B � 9 � � � � : @ " � �B� � � � � � 1 � � � � � � (G H I � � � � J � K D � � �= E � � � � � : @ " � �B � � * < 1 � � � � � ! � � � س � س &= F � � < � � : @ " � �B� � - � � � � : � � � * � �� � � �=

(BC1ب0ء ا (BC1ب0ء ا......

Page 50: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B � � � � � � � � � � � � � � (= � � � � � � � � � � � � � (= � � � � � � � � � � ح * A= � � 6 � � � � , � 1 < � � � � � (=����� � �� � ��

Ø’ËÖ]Ø’ËÖ]<<

PP<<

( � � س � س & � � ) A � � � � & � � 9 6 � � � � 6� � � � � � � � � � � � � � �� � � � � � � � � � � � � � ( , � " � � � � $ � � * � � � � ( � � � س : D * � � � � �E � � � � 9 � � � � * س � 9� J � � � � � � G H I � � � � J � K D � � �=إE5+ء اB1>ا*= ,=إE5+ء اB1>ا*= ,=

Page 51: تعرف على برنامج  micrososft  expressiojn  web

� �

gèçÖ]<ÄÎ]çÚ<ð^�ÞcgèçÖ]<ÄÎ]çÚ<ð^�ÞcgèçÖ]<ÄÎ]çÚ<ð^�ÞcgèçÖ]<ÄÎ]çÚ<ð^�Þc<<<< :,�� � �G�� � 7%� � ����$ , E$ ; * ��� � 75� � @� ���%� '$ &%�� 'T�

2��� 3�%� 'T� &�%� 6��� <�&(��� ,�� � �G�� /��+Microsoft Expression® Web. 6��� � �-. @� �G�� � /��+ <�� 3�� 3�%� ���T� ����( � ���:

dh����5 )��5� 6��� � 7�J�� ��&� �� � ����� � <&(��� . �h �=G K��� File. mh �8� ��(� New….

���� � ��� �0�� New) �� ���� 7dhp.(

�� � ����� � � � � � � �New

ph ,���� � ������ <G Web Site. ���� � ��� �0�� New �� �( ����(� ) 7�� �����hp.(

Page 52: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ����� � � � � � � �New

� � � � � � � � � � � � � � � � � qh���8� ,�� � ' �G� � F�� ���(� <G . rh @� #�&(��� &�� � , � � F�� &&� &�&� � �G� � /��+ . �h&�&� � �G� � ��� '� &&� .

���� � ��� �0�� New )��( � ����( � ) 7�� ����mhp.(

�� � ����� � � � � � � �New

� � � � � � � � � � � � � � � � � � � � � � � � � uh �� � ���� .

� :��( � , � � ��� �G� � /��+ @� /&� � 6��� � <��� ,���� 7� @� #����� �0�+ #�-��) 7�� ����php.(

Page 53: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ���%��� )��5� 6��� � ���+� ���&$ ��� 74( ' �G� � � 7%� � 2��� 'T$� .

gèçÖ]<ÄÎ]çÚ<ÑøÆcgèçÖ]<ÄÎ]çÚ<ÑøÆcgèçÖ]<ÄÎ]çÚ<ÑøÆcgèçÖ]<ÄÎ]çÚ<ÑøÆc<<<<&�&� ,�� �G� /��`� �G '$ &%�� 'T� ��&� �� )��5� 2$ #����� ��0�� :

) 7�� ����qhp( :

Page 54: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �#G4E? ���T� ����( � ���.

dh @��� �JA 71 ����� � ���5 � �4E? ��&� �� � ��� � <&(��� Ctrl + Fp . �h �8� ��(� Close Site' �=G File ����� � �G�� � �4E? ) 7�� � ����rhp.(

�� � ������ � � � � � � � � � � � � � � � �File

� � � % � � م � � � � � $ � ! � � � � � ی � � � � � � � � ی � � � � � $ ح � م � % � � � ( & م � � � � �� � � � � � � ��� � � � � % ���� ��� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � �

çÚ<xjÊçÚ<xjÊçÚ<xjÊçÚ<xjÊgèçÖ]<ÄÎ]gèçÖ]<ÄÎ]gèçÖ]<ÄÎ]gèçÖ]<ÄÎ]<<<< ����� ���1 �� :�%��� �� � 0� � �G�� � 0 �$ :,�� � �G�� K�� '������ 2�. :�.�

6��� � 7� @�� '�&(�� � , E$ ' )&�% ��&� ��.

t‡yþa@ÉÓì¾a@|nÏt‡yþa@ÉÓì¾a@|nÏt‡yþa@ÉÓì¾a@|nÏt‡yþa@ÉÓì¾a@|nÏ@@@@

���T� ����( � 0�� ���� M��: dh����5 )��5� 6��� � 7�J�� ' &�"� � . �h �=G K�� File . mh �8� ���(�Recent Sites 0� ) 7�� � ����uhp.(

�� � ����� � �Recent Sites

� � � � � File

ph �k ��*�� � �=� � ' ,�� � �G� <�� ���(� Recent Sites) 7�� � ����vhp.(

Page 55: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � �Recent Sites

Ôm@ñŠì—i@ÉÓì¾a@|nÏÔm@ñŠì—i@ÉÓì¾a@|nÏÔm@ñŠì—i@ÉÓì¾a@|nÏÔm@ñŠì—i@ÉÓì¾a@|nÏòí‡îÜòí‡îÜòí‡îÜòí‡îÜ@@@@

���T� ��&� �� � ����( � 0�� ���� M��: dh����5 )��5� 6��� � 7�J�� ' &�"� � . �h �=G K�� File . mh �8� ���(� Open0� .

���� � ��� �0�� Open) 7�� ����d�hp .(

�� � �� ���� � � � � � � �Open

ph:2�& @� � ��& &� � ��� ��&� �� )��5� K�5� #��� &�� � �G� � <�� ��(� . qh �� � ���� <1 �G� � ��(� Open��&� �� )��5� .

��( � �G� � ���5 �0�� ) 7�� � ����ddhp.(

Page 56: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � �gèçÖ]<ÄÎ]çÚ<<íéÛŠi<ì ^ÂcgèçÖ]<ÄÎ]çÚ<<íéÛŠi<ì ^ÂcgèçÖ]<ÄÎ]çÚ<<íéÛŠi<ì ^ÂcgèçÖ]<ÄÎ]çÚ<<íéÛŠi<ì ^Âc<<<<

,�� � �G�� &�$ ���� )&*+ @� ,E�� �� . 2 - <�����T� ����( � 74( ' : dh����5 )��5� 6��� � 7�J�� ' &�"� � . �h#���� )&*+ &�� � ,�� � �G� K�� ' &�"� . mh �8� ���(� Site Settings �=G ' Site) 7�� � ����d�hp.(

�� � �� ���� � �Site Settings

� � � � � Site

���� � ��� �0�� Site Settings) 7�� � ����dmhp.(

Page 57: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ���� � � � � � � �Site Settings

ph ,���� � ����� ' &�"� General . qh ��( @� &�&� � <��� ,��� Web name. rh �� � ���� . � � � � � � � � � م ! � � � � � � � � � � م � � $ � � � � � � � � م � % � � � # $ ی � � � � ح � ) " � م � % � � � � � � � � � ( ) � � ��� � � � % ��� ��� �

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

Page 58: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B � � � F � * < � � � � � (= , ! " @ � � � � � @ � � � � ! �=

� 1 � � � � � � � � ! �� � � � � � G= � � @ � � � � � � (� � H = � � @ � � � � � � (� � � �=�� � ���� �� � � � س� �س

Ø’ËÖ]Ø’ËÖ]<<

QQ<<

E � � � � 9 � � � � * س � 9 � 8 � � : � � � * � 3 * � � � � � � � , ! " # � . * � �� J � � � � � � G H I � � � � J � K D � � �� � � � � * < 1 � � : � � � 8 � � E � � � � 9 3 A � � � � ! * 9 � � D �� J � � � � � � � � � �=� * � � : - � 9 � � � * ! 1 � � � � � � � : � � � * � � � & ' (= � � � . � ( ? 6 � ! � � � � س ? � � ��� � � � ! " # $ � " % � � : @ " � �=أ@+@?+ت 6.6JK ا0GHIB1اتأ@+@?+ت 6.6JK ا0GHIB1ات

Page 59: تعرف على برنامج  micrososft  expressiojn  web

� �

ì‚è‚q<‚ßjŠÚ<ð^�Þcì‚è‚q<‚ßjŠÚ<ð^�Þcì‚è‚q<‚ßjŠÚ<ð^�Þcì‚è‚q<‚ßjŠÚ<ð^�Þc<<<< &��� �� '$ , � � S���* < %� '$� &��Document 6��� @� Microsoft

Expression® Web �� � F���$ &�$ @�%� )���� � �$ ���5 � ( ; + 0��A+ '�� @� ��G� � . �8� ; * Q� � ��� ���"� � &��� �8� KA��New… #�=G 7�&���� :) 7�� ����

dhq .(

�� � ����� � � � � � � � � �New…

6��� '�� @� � ��&��� � F���$ ��� 'A�� @� ��Microsoft Expression® Web #� 7%� S- � �G� 0��A+ . � � � � ! � � � �� ح ' � � � � � �� � � � � � ح ' � � � $ � � $ ض " � � م � � $ ی � م � � � � % � � " � ( � $ � � ! � � ì‚è‚q<gèæ<ívË‘<ð^�Þcì‚è‚q<gèæ<ívË‘<ð^�Þcì‚è‚q<gèæ<ívË‘<ð^�Þcì‚è‚q<gèæ<ívË‘<ð^�Þc<<<<

,�� ���5 P��&`� <���� :/�� � �-. @� ��$ �+Web Page@ � � �G� � ; + . :0������T� ����( � >��� ���� : ��� م � % � � � � � � � � م � � �� � � � � � � � ��� � ی � � � � � م # � � � م � � �� � " � � ی � � � � $ � � � � � ض " � � � $ ��� $ � � # � � �� � � � ��� م � � � � �� � � �� $ � � � �م � � � � � � � � � � م � � � �ی � ��� � � � � % �����

Page 60: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ����� � � � � � � �New ��� ی � � � � � � � � � � م � � �� � � � ��� � & � � %� � � � � � �� � � � � � � م � � ی ! � � � ��� م & � $ � � %� � �م � � � � � � م � � $ ی ! � � � ��� � � � � % � � � � $ � ! " � � ی � � � $ � � � � � � � � م � % � � � � � � ��ی � � � � % �����

�� � ������ � � �� � � � � � � � � ی � � � � � � � � � � � � � � ی � � م � � � � � � � � � � � � ' " ( � � � � م � � � $ � � � م � � � $ � م ' " � � م � � � $ � � � � � � � � � � � � '� � � � �

Page 61: تعرف على برنامج  micrososft  expressiojn  web

� �

’}<‚è‚ ’}<‚è‚ ’}<‚è‚ ’}<‚è‚ ívË’Ö]<“ñ^ívË’Ö]<“ñ^ívË’Ö]<“ñ^ívË’Ö]<“ñ^0� 7%� @� � ���5 � L=5( @� <��� � 2��� 3�� 3�%� ���T� ����( � ��� . @�

'T� 0�5�� <��� @� � ���5 � L=5( ��A ������ 2��(� �� � � ���� � : ��� م � % � � � � � � � � م � � �� � � � � � � � ��� � � � � � م � م � � � � � � � $ � � $ � � � � � ( % � � م � � � ��� $ � � # � � �� � � � ��� م � � � � �� � � � � � � � � ��� � � � � % ���� �

�� � ����� � � � � �Properties

� � � � � � �� � � � � � � � � � � م � � � �ی � � � � � � � � � � � � ��� � � � � % ������ � � ی � � � ( � � � � � �ی � �� � � � � م

�� � ����� � � � � � � �Page Properties ی�� � � � � � � � $ � � � � $ � � �ی � � � � � � ��

� � K � � � ��� � � � � � � � � � � ی � � $ � ض � � � � ' � " � � � � � � � � % � � & � � � م � $ � � � م � � � � � % � � ! � � �� � � � � � � � � ح � � $ � � � � � �

� � � � J K ��� $ � � " � � � � � � � � � � & � � � � � � ی � � �� � � � � % ���� �( & � $ ی � � ح � � � � � � � � م � $ � � � � � & � � م � � & � � � � � � � � ی � �� � � � � � �� � � � � �

Page 62: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ����� � � � �Formatting

� � � � � � � Page Properties

� � � � K � � ��� $ � � � م � � � � � � � � � � � � � م � � � $ � � � � � � � � � م � � � $ � م � ��� � � � � % ��� � �

�� � ����� � � � �Advanced

� � � � � � � Page Properties

� � � � �� � � & � � � � � � � م � � � � ی � � � � & � � � � � � � � � � � � � � � � � م � � � م � $ � � � � � � � � � � � � � $ � �

� � K � � � � ��� ی � � � � � � � � � � � � م � � � $ � � � � � � � م � $ � � � ی � � � � � � � � � � � � ی � � � � � � $ �� � � � � � � �� $ � � � � � � ی � � � �� � � � � � � � � م � � � � � � ی � � � & � ی � � � � � � �� � � � � � � � � ! " $ � م � $ � � ی � � � �� � � � $ � � � � � % � � � م � � � � & � م � � � <Ì×¹]<ÅçÞ<‚è‚ <Ì×¹]<ÅçÞ<‚è‚ <Ì×¹]<ÅçÞ<‚è‚ <Ì×¹]<ÅçÞ<‚è‚ � � � � � �JJJJ

RRR

”ç’ßÖ]<t]… c”ç’ßÖ]<t]… c”ç’ßÖ]<t]… c”ç’ßÖ]<t]… c &��� � 7%� � ' �1�$ �8� �&%� �Microsoft Word��&� �� )��5� . 2�$ &�"� ���

����� � �� 7(�&Design) 7�� � �����hq.(

�� � ����� � � � � � � � � � � � � � � � � � � � �Design

&�� <1 2 ���� @� � L�5� � 7(&+ @� 7%� � $) 7�� ����uhq( � 0������ <G <1 : ����� � ���&$ ���� <�&(��� /��) 7�� ����vhq .(

Page 63: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � � � �� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � Formatting

…ç’Ö]<t]… c…ç’Ö]<t]… c…ç’Ö]<t]… c…ç’Ö]<t]… c� ��5 � ����� 7� @��0���&? ���T� ����( � ��� :���5 � 0���&+ &�� :

dh��� � � ���5 � 7(�& 2�$ &�"� . �h)��5 � P��&+ @� ,E�� M�� ; + 7���� . mh �=G K��� Insert . ph �8� ��(� Picture) 7�� � ����d�hq.(

�� � �� ���� � � �Picture

� � � � � � �File

qh �8� ��(� From File…� &�� � ��*�� � �=� � ' . � � � � � � � م � � � �ی � � � � ��� � � � � % �� ����� � � � � � � � � � ( & م � � � ی

Page 64: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � � � �rh���5 � 0���&+ &�� � )��5 � ; + 75� ;�� 2��& � K�5� . �h �� � ��� ���� <1 :)��5 � ��(� . � � � � � م � � � �ی �� � � � � � � � � � � � � � � � � � � � � �� � � % � � � � � ح � � � � � ی � ی � � � % ! � � " ( & م � � � ی � � � � ��� � � � � % �� ����

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � �uh �� � ��� ���� <1 :7�&� � L� � 7(&`� <G . � � $ � � � � $ � � � � � � � $ � � � � � � � � � � � � � م � % � � � � � � ��ی � � � � % �� ����

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

Page 65: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B � � - � � � � � � * س �= � � - � � � � � � * س � � � � � � ( ط . %= � � � 1 � � � � � � * س �� K � � � J � K � �=� ���� �� � ���

Ø’ËÖ]Ø’ËÖ]<<

RR<<

� � � � � . � � � � � � ' 6 � � � � � . � � � - � ' � 1 9 � � � � � � � � � � � � �: � � E � � � � 9 � � : � � � * � ) � & 6 � 9 ' 4 - � 6 � � � � � � 3 A� J � � � � � � G H I � � � � J � K D � � �� � � : � � � * � � � � $ � � � � & � � - � � � � E � � � � . � �=� � : � � � * � � , � " � � � � 0 � � 4 � $ � � * � � ? 6 � ! � � � � س ? � � �� � 6 , ! " # : � � � � � - � �=M1>د M1>د اCH1+,) ,= ااCH1+,) ,= ا

Page 66: تعرف على برنامج  micrososft  expressiojn  web

� �

<sÚ^Þ†e<íãq]æ<sÚ^Þ†e<íãq]æ<sÚ^Þ†e<íãq]æ<sÚ^Þ†e<íãq]æ � � � � � � � � � � � � � � � � � � � �<<<<<<<< 7�J�� � <�� 71 �������� ���� !�($ ���� � � %� 2�$ � Microsoft

Windows® Q���$ <�� �$ :Microsoft Office System <�5� 6��� �$ ,�� � ���5Microsoft FrontPage® Q�� ����� �>&�� '��� &�� 6��� � �0��� <% � ��?� '$ &��� :

#&(��� S- � 6��� � ���+ � 7%� Q�8� .

pbíìnda@ea‹Èn�apbíìnda@ea‹Èn�apbíìnda@ea‹Èn�apbíìnda@ea‹Èn�a@@@@

6��� '$ ��Microsoft Expression® Web ���5� �G�� ������ <�5� D)�&$ K��Y� #�`� :,�� � 0� 7%� @� � ,�� � ���5� �G�� � ����� C��%��� ����+ 2

C�* �� ' �1�$ <�&(��� .

kíìÛa@pbíìn«@e‹Ç@Âb¹ckíìÛa@pbíìn«@e‹Ç@Âb¹ckíìÛa@pbíìn«@e‹Ç@Âb¹ckíìÛa@pbíìn«@e‹Ç@Âb¹c@@@@ � � & �� � � � $ � � � � � � ی � � � $ � � � � � م � � ی � � $ � � � � � � � � $ % ��� � � � � % ���� ��� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �

� 9-.@. ��8:

� � � � � ط � � � � � &��� � 7%�� ��� � � ��&� �� )��5� ����� �G� � ���5 ����� C�%

Microsoft Word.

� � � � � ط � �� � � � 7%�� ��� � � �G� � ���5 ������ <�5�� �0�+ @� <&(�� � &�� � C�%

71 ����� � ���&$ !&�+ @� @��� &��� �Microsoft ASP .NET) 7�� �����hr.(

Page 67: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � �Code

� � � � � ط � �� � � � >% '�� � � @� �G� � ���5 ����� C�% ) 7�� ����mhr.(

�� � ������ � � � � � �Split

çÓÖ]<š]†Ãj‰] çÓÖ]<š]†Ãj‰] çÓÖ]<š]†Ãj‰] çÓÖ]<š]†Ãj‰]<<<< C�% � �� '* 2���($ �Design :@%��� � 0 ��� ���5 � ����� C�%� #�$

� '`� C�% � �Code @��� � &�� � 2� * C�%� Code��0� � @� ���5 � '��� S- � .

@†ìØÛa@paë†c@Áí‹’@†ìØÛa@paë†c@Áí‹’@†ìØÛa@paë†c@Áí‹’@†ìØÛa@paë†c@Áí‹’Code Toolbar@@@@

6��� &�� :0������ 0�&(�� ' D4� � ������ 7%�� @� � 6��� � )&%��Microsoft Expression® Web &�� � � 7%� � ���&$ ; * S���� ���&$ ���� 'A��

) 7�� ����phr.(

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � )��5� &�� � ����� ; * 2&*�� @� � ��� � ' &�&% � ; + D40� D��5� 2 <&�� �.�

)��� . 2&*�� )&�&* !�($ ���� ; + ��A?� <�&(���� �%=� ��&� �� � ���8� 6&� �0�2 *$ ���+ ; *)&�� )��5� ������� � .

çÓÖ]<š]†Ãj‰]<l] ]‚Âc<¼f• çÓÖ]<š]†Ãj‰]<l] ]‚Âc<¼f• çÓÖ]<š]†Ãj‰]<l] ]‚Âc<¼f• çÓÖ]<š]†Ãj‰]<l] ]‚Âc<¼f•<<<< 6��� 2 K���Microsoft Expression® Web &�� � ; * ��5(� � �J�5 � /�A+

Page 68: تعرف على برنامج  micrososft  expressiojn  web

� �

,��� �$ !�� S- � .&�� � C��%��� ��&�&*+ @� <��� � ����� @ � �� .

†ìØÛa@ea‹Èn�ü@òßbÈÛa@pa†a‡Ç⁄a†ìØÛa@ea‹Èn�ü@òßbÈÛa@pa†a‡Ç⁄a†ìØÛa@ea‹Èn�ü@òßbÈÛa@pa†a‡Ç⁄a†ìØÛa@ea‹Èn�ü@òßbÈÛa@pa†a‡Ç⁄a@@@@

&*?� ; * 3�%�� ���T� ����( � ���&�� � C��%��� �% � ��&�: ��� � � $ � � � � � � ی � � � � � م � � � ( % � � م � � � ��� � � � $ � � � � � � ی � � � $ � � � � ( % � � م � � � ��� م � � � � �� � � � � � � � � � � � � � � � �� $ � � � �م � � � � � � � � � � � م � � � �ی � � � � � � � � � � � � � � � ��� � � � � % ���� �

�� � ����� � � � � � � �Page Editor Options ��� ی � � � � � � � ( % � � � �� � � � � � � ��( � $ � � � � & � � � � � � � � � � � � � ��� ح � � � � � � � % � � � � � $ % � � ! � � � � � � � � � م � � � � �� $ % � � � �� � � � � � & � � � � � � � � � ی � � �� � � � � � � � م � � � � � � � � � � � � � � � � � � ' � � �

†ìØÜÛ@ÕîiänÛa@pa†a‡Çg†ìØÜÛ@ÕîiänÛa@pa†a‡Çg†ìØÜÛ@ÕîiänÛa@pa†a‡Çg†ìØÜÛ@ÕîiänÛa@pa†a‡Çg@@@@

?� @.�&�� � 3���� � �� ���� � 7%� � 0�* 6��� @� � ��&�&* . 2��� :D41� 3��8� � � '��%�Character Case���% ��V� ��� .��E �$ :���5 � <���� :<�� � �$ : .

&�� � ����� ��&�&*+ ; * 3�%�� ���T� ����( � ���: ��� � � $ � � � � � � ی � � � � � م � � � ( % � � م � � � ��� � � � $ � � � � � � ی � � � $ � � � � ( % � � م � � � ��� م � � � � �� � � � � � � � � � � � � � � � �� $ � � � �م � � � � � � � � � � � م � � � �ی � � � � � � � � � � � � � � � ��� � � � � � ���� � ��� ی � � � � ! " � � � % �� � � � � � � � � � � � � � � � � � � � � م � � � �ی � � � � � � � � � � � � � � � ��� � � � � % ���� �

Page 69: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ����� � � � � � � �Page Editor Options ��( � $ � � � � & � � � � � � � � � � � � � ��� ح � � � � � � � % �

†ì×aa@åíìÜm@pa†a‡Çg†ì×aa@åíìÜm@pa†a‡Çg†ì×aa@åíìÜm@pa†a‡Çg†ì×aa@åíìÜm@pa†a‡Çg@@@@

���% ��V� ��� &�� � � �� ���� ����� 0�* 6��� @� � ��&�&*?� @.� . ���&�� � ����� ��&�&*+ ; * 3�%�� ���T� ����( �: ��� � � � � � � � � $ % � � � �� � � ��� م � � � � �� � � � � � � � � � � � � � � � �� $ � � � �م � � � � � � � � � � � م � � � �ی � � � � � � � � � � � � � � � ��� � � � � � ���� � ��� ی � � � � ! " � � � % �� � � � � � � � � � � � � � � � � � م � � � �ی � � � � � � � � � � � � � � � ��� � � � � % ���� �

Page 70: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ����� � � � � � � �Page Editor Options ��� �ح � � � � � � � % � � � ( � � � � � � � � ی � � � � � � � � � �

<ìˆé¹]<Ý]‚~j‰]<ìˆé¹]<Ý]‚~j‰]<ìˆé¹]<Ý]‚~j‰]<ìˆé¹]<Ý]‚~j‰]� � � � � � � � � � � �<<<<�������� ���� ' ,�� �� ����� � ����� ���&$ ��� @� ���* )�� @.� .

6��� 7(�& )���� )&��� @. >�� :@ � ��Microsoft Expression® Web ; * 2�&*� %��� )��5� 2 *� ���+����5� � .

)��5� &�� � � �� ; * 2�&*�� :,��� � /���� � � �� ���� '* 2 - <�������5 .R2 - <�� 3�� !

�4* ����� �G D41 2�$ � "< " )��5� 2�&*� ; * )�� � 7%�� :��� � 7�$ @� 3=�� � C%� 2� * s����� �%���) 7�� ����uhr (0� ��(� .

�� � ������ � � � � � � � � � � � � � � ����� � 9-. �4� s����� �+ :��(� '+ �) 7�� ����vhr ( ,��� 0� ��(�

2 *.

Page 71: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � '��� '$ '�� � @� � 2����( ��� &�� � ��� ���� ' @0��� ;�� �-�. �8� 7���

>���� ����5 ��E) 7�� ����d�hr .(

�� � �� ����� �� � � � � � � � � � � � � � � � � � ��� � � ���� � ���� '$ 2 � :0��&�&*+ ��A <�� 3�� $ : ��� � � � � � � م ! " � � � ! � ح � � � � � � � � � � � � � � �� � � � � � � � � � � � � � � � ��� � � � � � ���� � ��� ی � � � � ! " � � � % � � � � � � � � � � � �

�� � �� ���� � � � � � � �Page Editor Options ��( � � � ی � $ � � � � $ � " � � � � � � � � ��� ح � � � � � � � % �

Page 72: تعرف على برنامج  micrososft  expressiojn  web

� �

<<<<<<<<

h^{fÖ]h^{fÖ]<<

OO<<

% � � �� � س � � B & % � � � � A B س � � ! � � � � � � � � A � � � �� � � � � � & � � & � � � B � � � ' � * � � �C' & � � � � � س � � � � # � � � , � � � ( � �� � � � � � �) � � � � � � � �� * � � � � � % � �� � $ � � B & % � � � � � � � � � � � � �C ه � � ( 3 � � � � � $ � � * � 0 � . � � � � � ? � @ A � 9 � �B � 9 � < � � : @ " � �B � ! " # � � : � � � * � �� = 4 � � � � � : @ " � �Bط 9 � 6 � � � � � : � � � * � �� J K � �= � � : @ " � �� س � *B? 6 � � � � � � � � � (� � � � � �=

و,+ذا ب0C، أOPQ +Cً*<, SG)5 T1 ا1>.;؟و,+ذا ب0C، أOPQ +Cً*<, SG)5 T1 ا1>.;؟

Page 73: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B

� ! " @ 9 � � @ D 1 � � � �� = � � 8 1 � � � � F � � � � * س �� � K � � � � � � �= � � 8 1 � � � � F � � � � * س �� I I � � � � � �=� � � �� � ���

Ø’ËÖ]Ø’ËÖ]<<

SS<<

� � 1 � � � � � � � � � � � � � � � � � ه � � � & �� � � � � 3 A � � � � � �� � 8 � 1 9 , � � � � � 4 � � 9 ' � � & � � � 3 � � * � � 9 6= : � 6 � . � � & ط D A E � � � 8 � 1 � � 9 67 � � * � � & 4 - � 6 � : � 1 F / � 2 � � : - / 3 A � س � * � 6= � ! " # ; � � � < � � � � � �� � � � � � � � � � � � � � � ه � �=, (,+CH1ا, (,+CH1ت ا+JWX = ت+JWX =

Page 74: تعرف على برنامج  micrososft  expressiojn  web

� �

gèçÖ]<ïçj¦<ÜÆ^ßigèçÖ]<ïçj¦<ÜÆ^ßigèçÖ]<ïçj¦<ÜÆ^ßigèçÖ]<ïçj¦<ÜÆ^ßi<<<< &�� '��� ' :9������ #�5�� <��� S- � ,�� � �G� '$ ; + ���$ '$ &�$ D���&�

* )��* ��� '��� ' � :#����� #���5 ��1� '+� ;�� :'��1 �$ ���5 )�1�� �*�� ' :<�5� �� 7�� � @� <E�� 2�. '��� '$ #� * ���� '$� &�� S- � �8� :,�� � ���5 '

!��� ��. '���% � '��� '$ �� :�� �( <��"� ���5 � Q�� @� '����5 �A� '$ D41 7�%� 4�

$ ���5 @� '���% � Q�� '* L=5( � �$ <�� � @� 3 �(� ���5 @� @��=� � '$ �� :!�(!�($ ; + ���5 ' �G� � L�5� L=5(� ����� ��J�� .

����� ����� ; * 2��%�� :<E�� � �-. ����� ; * 2&*�� )�&$ ; + ��� @� ��$ :2 - �G� � ����� 7� &�� . �� �� � ��8� ���5 2�. :2 - Cascade Styles Sheets

CSS .� 0 ���� :0��.8 �>����75� � �-. @� �. 7� �� �� s�� .

<l^vË’e< ç’Ϲ]<^Ú<l^vË’e< ç’Ϲ]<^Ú<l^vË’e< ç’Ϲ]<^Ú<l^vË’e< ç’Ϲ]<^Ú� � � ���5 2 K���CSS ���5 ; * �0�� @� � ����� � �0� @� <��� � ����+

�>&� )��1� �G� � ���5 &&* ��� �-+ �5(� :)���� )��5� 2%G� . �A(� ' :�. �8���G& 7�� ����� o� 7�� :��&5 .

���5CSS( � �$ ���� 7(�& �$ :�� (�& �$ ����( '��� &G 0�A�� @� � L=5���5� ����� '��� �� �$ :���% . ���5 ������ ' �1�8 �A(� &G ���5 � 9-.�CSS .

��$ ������� L=5( :'� �CSS F�� � ' Inline -���� � @� ��� �8�� ; �� � &� � 0 ;��� (�& � �$ ����( � L=5( � ' ��$ ������� L=5(� :��CSS F�� � ' Internal ;���

����( � L=5( � ' -���� � @� ��� �8�� ; �� � &� � 0 . ������ 71 @ � ��CSS F�� � ' Internal :

<style type="text/css">

.alert {

font-weight: bold;

color: #FF٠٠٠٠;

}

h١ {

font-size: ١٦pt;

font-family: Arial, Helvetica, sans-serif;

}

#headlines {

border-color: #٠٠٠٠٠٠;

border-width: thin;

border-style: solid;

Page 75: تعرف على برنامج  micrososft  expressiojn  web

� �

}

</style>

������ 71 @ � ��CSS F�� � ' Inline :

<p style="font-weight: bold; font-style: italic; color:

#FF٠٠٠٠">

<Ý^ã¹]<ðˆq<Ý]‚~j‰]<Ý^ã¹]<ðˆq<Ý]‚~j‰]<Ý^ã¹]<ðˆq<Ý]‚~j‰]<Ý^ã¹]<ðˆq<Ý]‚~j‰] � � � � � � � � � <0 � /�� 2 K���Manage Styles 3-�� 7� :���� )&*+� :7�&%�� :����� ����+

����� � ��$ . ���5� ��%��8� ����+ ; + ��A?�CSS0�&(��� /J $ �$ ����( . ���5 7&�� :2 -��CSS� @� � �� �( � �G�� � '�� 0� 7%) 7�� ����dh�.(

�� � ������ � � � � � � � Manage Styles

@pbzЖ@Êaìãc@e‹Ç@À@áØznÛa@pbzЖ@Êaìãc@e‹Ç@À@áØznÛa@pbzЖ@Êaìãc@e‹Ç@À@áØznÛa@pbzЖ@Êaìãc@e‹Ç@À@áØznÛaCSS <0 � /�� 2� * C�%� :���% ,�� ���5 K��� <��� &�%�Manage Styles �=G

F�� � ��- �&* ����� � ��$ ����Inline . 74( ' 2 #A�%� �� <��� � 2��� #�$ �+=G �Options) 7�� �����h� .(

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � �Options

Page 76: تعرف على برنامج  micrososft  expressiojn  web

� �

� � � � � � ی � � � � � � � � � � & � � $ % � � � � � ح " � � � � م � � � $ � � � � � � � � � � $ � � � � � � � � � $ � � � & � � � $ % ! " � � � $ � � � � � � � � � � � � � � � � � � �� � � � � % ���� �

�� � ������ � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � �@ïÔîiäm@Á¹@õb“ãg@ïÔîiäm@Á¹@õb“ãg@ïÔîiäm@Á¹@õb“ãg@ïÔîiäm@Á¹@õb“ãg

<0 � /�� ; + #��� '$ ' �1�$ ��Manage Styles �� � ; * ��� � <���� New

Style . ���� � ��� 2 �0�� New Style) 7�� ����ph� .( ����� � �� ���� 2 K���#5=5( &�&�� ; + ��A?� :&�&� � .

�� � ������� � � � � � � � � � � � � � � <�� 6��� &�$ @&(�� ' ��� �-+� Q���$Microsoft Office System 71

Page 77: تعرف على برنامج  micrososft  expressiojn  web

� �

Microsoft Word �$ Microsoft ExcelS���� � ��� � �-. � � �0�� 7%� � 2��� >��� : . � � � � � � � م � � � �ی � � � � � � �� � � � � � � � � & � � � � � � � � � � � � � � � � � � � ( & � $ �ی � � ! � � � � & � � � � � � � � � � مïuŠb‚@ïÔîiäm@Áàäi@òãbÈn�cüaïuŠb‚@ïÔîiäm@Áàäi@òãbÈn�cüaïuŠb‚@ïÔîiäm@Áàäi@òãbÈn�cüaïuŠb‚@ïÔîiäm@Áàäi@òãbÈn�cüa

<0 � /�� ; + #��� '$ ' �1�$ ��Manage Styles �� � ; * ��� � <���� Attach

Style Sheet . ���� � ��� 2 �0�� Attach Style Sheet) 7�� ����qh� .( &�&�� 2 K�����8� &�� � ����� � �� ��� '� #� ��%)@ � � �G� � #G��+ .(

�� � ����� � � � � � � � � � � � � � � � � � � � �� � � � " � � � � � � � & � � ) " � م � ی � � � �� ی � � � � � � � � � � � � م ! � � م ( & � $ �ی $ � � � � � � � � $ � � � $ � � � $ � � � � � � � � � � $ � � � � � � � $ � � � & � � � $ %� � (8� ����� '$ ���*�� @� �A� � � ���Link @ � � �G� � '�� ��� � <�� M��� :

@� 9��J� � � @� 2�& ����� � �� ���J� ; + S&V� &G :����� � �� #� -�(" � �G� ��@ 58� #%G� . ���(8� ������ K5�� :2 - Import�(8� �G� � �-0� 2 �G4* � #�$ � .

Page 78: تعرف على برنامج  micrososft  expressiojn  web

� �

: @ " � � � � � ? 6 � * �, � � � * � � � � � % � 1 � �Bط 9 � 6 � � � � � س � س &= , ! " @ � � E " � 3 A � � - � � � ط 9 � � �= � � � & � ! " # � � ط 9 � � �= � � � � F � � A � � 3 A ط 9 � � � � ح * A=ط �� � ��� �� � ���

Ø’ËÖ]Ø’ËÖ]<<

TT<<

: � 1 � : @ " � � � � � 3 A ه � � � ! * س � � � � � � � � � � � � � �� � . � : - � 9 � � � � � � � 8 " 1 � � � � < � �= � � . * � C � � F � � � � � . * � C � � F � � � � � �=� � : � � � * � � , � " � � 4 � 0 � � 4 � $ � � * � � ? 6 � ! � � � � س ? � � �� � 6 , ! " # : � � � ط 9 � 6 � � �=اCH1+,) ,= ا61واب& اCH1+,) ,= ا61واب&

Page 79: تعرف على برنامج  micrososft  expressiojn  web

� �

¼e]æ†Ö]<l^é‰^‰_<¼e]æ†Ö]<l^é‰^‰_<¼e]æ†Ö]<l^é‰^‰_<¼e]æ†Ö]<l^é‰^‰_<<<<< ���5 &�� � (� ,�� � ���5 '� ���$ 0� * � �� @� � ����� �� ����� � ' "

�����+ "Links �$Hyperlinks 5� '��� &G ,�� � ���5 ' /���$ @. �$ ��� � &�* )��5 ���5 � 7(�& �(B /�� ; + 2 ��� )�"� � 0G�� �$ ��5 � �� ' 3 ; + ����� � ���� ; +

�$�&�� � �� �$�!$ �G�� C��%��� ����$ � ��� ����� � ����� :�� � ' �(B F�� ,�� �.

æ†Ö]æ†Ö]æ†Ö]æ†Ö]<_<_<_<_íéÃq†¹]<l]…^Mý]<±c<¼eíéÃq†¹]<l]…^Mý]<±c<¼eíéÃq†¹]<l]…^Mý]<±c<¼eíéÃq†¹]<l]…^Mý]<±c<¼e<<<< �5 � ' /���$ ; + ����� /��+D�5(� ��J D�&�� ��$ &%Y� �� � ���5 � ��� �-+ � ��� �$ � <&(��� )��1� '��$ ;�� :0� * ����� � &�� �. /���$ ; * S���� ;� �����

���5 � ���&� ; + 2� &�%� ���5 � ' �G��� /���$. ����� � ' ��*�� � 9-. 71 /��? 7� ��$ ; * �>&� '�0 '����(� <��� '$� &�� :

.: • 7���?� '� &�&�� . )��+ �A� �.�Bookmark���5 � Q��� '� @� .

• 7���?� /��+ .&�* #�`� )��5 �$ L� ��(+ 7���� '$ #� * :Q� � ��� #� * ��� � ; +)��?� 9-. '� .

òzЗÛa@kÐã@À@æbØß@Éß@Ái‹ÛaòzЗÛa@kÐã@À@æbØß@Éß@Ái‹ÛaòzЗÛa@kÐã@À@æbØß@Éß@Ái‹ÛaòzЗÛa@kÐã@À@æbØß@Éß@Ái‹Ûa@@@@

<�� 3�� 3�%� ���T� ���� � ��� ��%�� )��+ /��+Bookmark ' ���5 7(�& ,�� � ���5: ��� � � $ � � � � � � ی � � � � � م ! " ! � � � % � � � � � ��� � � � ی � � � $ � ! " ! � � � % � � � � �� � � � $ � � � � � � � � $ � � � � � ��� � � � � % ���� �

Page 80: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � ��� � " ! � � � % � � � � � $ � � ض � $ � ! " � � � % � � $ � � � � � � م � � � �� � � � � � � � � � ض � م � ض � � ی � � � � ( ) � � ی � � � � � $ � � $ � � � � � � � � � � � ��� � � ! � � � ��� $ � � # � � � � � � � � ��� � � � �� م � � � � � � � � � � � � � � م � � � ی � � � � � � ��� � � � � % ���� �

�� � ����� � � � � � � �Bookmark ��� $ � � � � � �� � � � �� % � � � � � � � � � � � � � � ��� � � � � � � � % � ��� � � � � � � % " � � � $ � � ض � $ � ! " � � � % � � � �� � � $ � � � � $ ی ! � � � � � � ��� � � � � % ���� �

Page 81: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ������ � � � � � � � � � � � � � � � � � � �Link

� ��� $ � � � � � �� � � � ��� $ � � � " � ! � � � � � � � � � ��� � � $ � � � � � � � � � � � � � � � � � ��� $ � � # � � � � � � � � � ��� م � � � � �� � � � � � � � � � � � � � � � � م � � � ی � � � � � � � � � � � � � ��� � � � � % ���� �

�� � ����� � � � � � � �Insert Hyperlink � ��� � � � � � � � % �� � � � � � � � � � � � � � � � � �� $ % � � � � � م ! " � � � � � � % " � � � � � � ( % � � � م � % � � � � � � � � � � � � $ � � � � � � � � � م � � � ی � � � � � � � � � � � � � �� � � � م � � ��� � � � � % ���� �

�� � ����� � � � � � � �Insert Hyperlink

� � � � � � � � � � � ��� � � � � � � % �� � � � � $ � � م � � � � � � � �� � � � � � % � � � �� � � � � � ��� � � � � � � � % �

Page 82: تعرف على برنامج  micrososft  expressiojn  web

� �

� � � � � � % � � & � � � � � � � � � � � � $ � � � � � � $ � � � � � � � � �� � � � م � � & � ��� � � � � % ���� ��� � ������ � � � � � � � � �

Link� � � � � � � � � ��� � � � % � � % � � ! � � � $ � � " � � & � � $ � � ) " � � � �! � � � � & � � � ح � � � $ � � ! � � ! " ! � � � % � � � � ی � � � � � �� � �

ô‹‚c@pbzЖ@Éß@Ái‹Ûaô‹‚c@pbzЖ@Éß@Ái‹Ûaô‹‚c@pbzЖ@Éß@Ái‹Ûaô‹‚c@pbzЖ@Éß@Ái‹Ûa@@@@

!�($ ���5 ; + �&��� ���� /��`� <���� :�.� . <�� 3�� 3�%� ���T� ���� � ��� ��%�� )��+ /��+Bookmark,�� � ���5 ' !�($ ���5 ; + 2 ��� : ��! � ح � � � � � � � � � � � � $ % � � � �� � � � � � � �� ��� � $ � � � � � �

For more information, please contact us anytime� � � � � $ � � � ی � � & ��� � � � � % ��� � �

�� � ������ � � � � � � � � � � � � � � � � � � � � � � ��� $ � � � ! � � � � � � � � � ��� � � � � � � ��� � $ � � � $ ��� ض $ � � # � � � � � � � � ��� م � � � � �� � � � � � � � � � � � � � � � � م � � � ی � � � � � � � � � � � � � ��� � � � � � ���� � ��� � � � � � � م � م � � � " ! � � � % � � � � � $ � � $ � � � � � م � � ح � � � � � � � � � � � � � ��� � � � � % ���� �

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��� � � � � ' � � � � � $ � � $ � � � � � � � % �

Page 83: تعرف على برنامج  micrososft  expressiojn  web

� �

��� � � � � � � � % � � � � � � � % � � & � � � � � � � � � � � � $ � � � � � � $ � � � � � � � � �� � � � م � � & � ��� � � � � % ���� ��� � ������ � � � � � � � � �

Link� � � � � � � � ��! � � � � � � � % � � � � $ � ! " ! � � � % � � � � ی � � � � � % � � % � � ! � � � $ � � " � � & � � $ � � ) " � � � � � م � � � � � � � � � � � � � � � � $ �م � � � � م � � � � � � �� ح � � $ م � � � � � � �

� � � � � � % ' � � � � � � � � � $ �م � � � � � � � �� ح � � $ م � � � � � � � � � & م � � � $ � م � � � � � � � � � � ی � � $ � � � � � � � م � � & م � � � � � � � � � � � �� � � % � $ � � � � � � � م � � � � � م � م � � ! " � � � � � � % " � � � � � � � � $ % � � � � � � ( & � $ �ی � � $ � � � � � � �

ÛaÛaÛaÛapbÐÜß@Éß@Ái‹pbÐÜß@Éß@Ái‹pbÐÜß@Éß@Ái‹pbÐÜß@Éß@Ái‹@@@@

����� � ' ��*�� � 9-. '$ &���� :�� � F���$ ' F�� S$ ; + ����� /��+ 2��� ����� ; * 2%G� ���5 ' ���5 !���� &G 71 � 7��� ; * :)��1� ��� ;� )&��

:�G� � ���� 0� &����� �0 � ���� � 6��� � ' �*�� ���5 S���� '$ '�� ��($ ����� � ' ��*�� � 9-. 71 /��?� :��&�� � ��� �$ ��5 � ' �*�� ����� ; * S

�� � � ����( � ����: ��� � � � � � � � � � � $ � � � $ � م ! � � � � � ی � � � � � � $ � � " � � � � � � � � � % " � ی � � � � � � � $ � $ � � � & � � �� $ � $ � �� $ � $ � � $ � � � $ � " � � � � � � � � � � � م � � % " ( & � $ ی �� � � � � � ��� � � � � � ی � � � $ � � � % � � � ��� � � � � $ م � م � � �� � � � � � � � � � � � � � � ���� م � � � $ � م ! � � � � � � � � � � � � � � $ م � � % � � م � م � � � ! " � � � � � � ��� � � � � � �� � � � � � م � � � � � ' � � � � � � � م � % �� � � � � � � � � � � � م �� � � � � � % " � ی � � � � � � م � % � � � �� ��� ح � � $ م � � ض �� � � � � �� � � � � � � م ( � � � � � � � � � � � � � � � � � � ��� � $ � $ � � ی � � � � � & � � م � � ��� � � � � % �� ��� �

Page 84: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � � � � � � � ��� � � � � � � � % " � ی � � � � � � � $ � � � � � � � � � % � ��� � � � � � � � % � � � $ � ! " � � � � � � � � � % " � ی � � ! � � � � $ � $ � � � & � � � � � � � � � �ی � � ی � � � � � � � ی � ' " � � " � � � � � � � � � � � � � � � � $ � � � $ � م ! � �� م � % � � � � � � � � � � � � � � � � � � � � � � � � � � � ( � � � م � & � � � � � � ی � � � � � ! " � � � � & � @Éß@Ái‹Ûa@Éß@Ái‹Ûa@Éß@Ái‹Ûa@Éß@Ái‹ÛaÛaÛaÛaÛaŠì—Šì—Šì—Šì—@@@@

D�&�L�5� �=�. ; * ����� � /��+ ' :>A�$ ������ ��5 � <�&(��� 2��`� . 2�. 5 � <�&(��� '������ ;� ������ �� 6���Microsoft Expression® Web8� ����� � :� ;

���� 0�$ ; * 0 �"� )��5 � 7%� '$ Link .����� �� X� '$ ���1 � �*�� @ + )��5 � <���� 71� /�� 7� /���8� '�� ���� �%�� /���8� 2 � ' /�� 7� @��� :� ��� Hotspot

7�� )��5 � @���Image map. '�� ����� ���% ���T� ����( � �������� � � )��5 <�&(��� Link: ��� � � � % � � � � � � $ � � � $ � � � ح " � � � � � � � � � � � � � � �� $ � $ � � ��� � � � � � � � & � � � � � � � � � � � � � � �� � � $ � � � ��! ح � � $ م � � ض �� � � � � ��� �م � � � � � � م ( � � � � # � � � $ $ � � ح � ! � �� � � � � � � � � � � � � � � � � � � � � ��� � � $ � � � $ � � م � � � � $ � � ی � � � � ���� � � � � & $ � � � � $ �� � ��� � � � � � � � % �

@ò÷îç@óÜÇ@ÁiaëŠ@õb“ãg@ò÷îç@óÜÇ@ÁiaëŠ@õb“ãg@ò÷îç@óÜÇ@ÁiaëŠ@õb“ãg@ò÷îç@óÜÇ@ÁiaëŠ@õb“ãgImage map@@@@

D��� ���- � /��`� <��� &�* Image map ��� � ' �*�� ; * S���� 0�`� �� '$ '� � '� :� ��� ����� 71� 0� 7� ���� � �$ �4���� 7�� ; * ��� � 2 � '�

&&� ��E �(B 7�� S$ �$ �=��&. ' ���� ���� ��� /��+ �&�$ �-+����� 7��$ : ����� � � ����( �: ��" � � � � � � � � � % � � � � � � $ � � � $ � � م � $ � � � ! � � � � � � � � � � � � � ��� � � � � � � � � � % �� � � $ � � � �� � � � � ' ��� � � � � % " � م � � �� � � � � � � � � � �ی � � � � � ��� � � � � % �� ��� �

Page 85: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ���� � � � � � � � � � � � � � � � �Pictures ��� � � � � % �� � � � $ � � � � �� ی � � ! �� � � � �� � � � ��� ! � � � � $ � � � � م � ی�ض � � � ی � � ! � � � ح � $ � � ی ��� � % � � � � � � ��� � �� � � $ � � � � � � � � � �م � ! " � � � � �� � � � � � ���ی � � � � $ � � ح � $ � � � ی � � � � م � � � � � � � � & � � � � � � � � � � � � � � � � � � � � م � � � ( � � � ی � � � � � � � � � � � � � �� � � � $ � ��� � � $ � � � $ � � م � � � � $ � � ی � � � � ���� � � � � & $ � � � � $ �� � ��� م � � � � � ) " � � � � � % � � � � � % � � � � � � � � � � � � � � � ��� � ( & � $ ی � م ' � � $ %� � � ! � � � � � � � � � � � � � � � �

ïãë�ØÛ⁄a@åí@ëdäÇ@¶g@Áiaë‹Ûaïãë�ØÛ⁄a@åí@ëdäÇ@¶g@Áiaë‹Ûaïãë�ØÛ⁄a@åí@ëdäÇ@¶g@Áiaë‹Ûaïãë�ØÛ⁄a@åí@ëdäÇ@¶g@Áiaë‹Ûa@@@@

���� 6���Microsoft Expression® Web �* ; + ���� ����� /��+ ����+ '��@����� ?� &��� �.����� � ' ��*�� � 9-. 71 ; * S���� ;� � ���5 � C��%��� &�*� :

&��� ��� ��� � 2%G� ���� &�$ <��� &�*� &��� � 6��� 7�J�� <��� ����� � 2 � ' )#�& @A����?� @����� ?�: &��� � '���* �A� <���� )&�&� � �� /��+ ;� 6��� � $&����

$ ����� � #� + ���� S- � @����� ?�<&�� � :TO L� ���� #��`� '���� .&%�� 6��� � ;� �� + &��� � �� S"� 0 ��+� � �� ���&* @���.

�� � � ����( � ���� ����� � ' ��*�� � 9-. 71 /��?�: ��� $ � # � $ � � ��� & � � � � �� � � � � � � � ��� � % � � � ! � � � � � � � � � � $ $ � � م ! � � � �� � � � � ! � � � � � � � � & � � � � � � � ض � � � ی � � � $ $ � � م � �� % � � � � � � � ی � ��� � � � � % �� ����

�� � �� ����� � � � � � � � �� � � � � � � � � �� � � � � � � � � ��� � م � � � � � � م � � � � � ' � � � � � � � م � % � � � � � � � �� � � � � � � � م � � ��� م � � � � � � �� & � � � ��! ح � � $ م � � ض �� � � � � �� � � م ( � � � � �� � � � � � � � � � � � � � � � � ��� � � � � � � م � م � ی � � � � � � � ��� � � � � � � � % �� � � � � � � � � � � � ��� � � % �� �� ��� �

Page 86: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � �� ����� � � � � � � � � � � �� �� � � � � � � � � ��! �� % � � � � � � � � � � � � � �� % � � � � � � � � ی � � � � � & � � � � � ��! �� % � � � � � �� � � & � � � � �� � ض � $ �� � � $ � � � � � ( � � � � � ی � � � � % � � � � � � � ی � � � � � � � " � ی � � � � � � � � � � � ! � � ��� م � � � � � � � % � aaaañ‡í‡u@pbzЖ@¶g@Áiaë‹Ûñ‡í‡u@pbzЖ@¶g@Áiaë‹Ûñ‡í‡u@pbzЖ@¶g@Áiaë‹Ûñ‡í‡u@pbzЖ@¶g@Áiaë‹Û@@@@

���� /��+ '� � '� <���� ���5 ; + S$ :)&��� ��� )&�&� ���5 ; + ���D��� 0=��`�H� /� '+ �� � � ����( � ���� ����� � ' ��*�� � 9-. 71 /��?� :: ��� � � � � � $ � � # � $ � � � ��� � م � � � � � � � م � � � � � ' � � � � � � � م � % � � � � � � � �� � � � � � ی � � � � $ � � � � � � � � � � � � ��� � � $ � � ی � � � ��� � � � � � � � � & � � � ��� م � � � � �� � � � � � � � �� $ � � � م � � � � �� � � � � � � � � � � م ( � � � � � � � � � � � � � � ��� � � � � � � � % � � � � � � � � م � م � ی � � � � � � ! �� � � � � � � � � � � � � � �� � � م � � � � � � � � � � � � � � � � � � � � �� ی � � � � � & � ! � � � � � ی # � � � ��� � � � � % �� ����

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � ��� � � & � � �� � � � � � � � � � � � � � � �� � � % " � ی � � � � � � � ی � � � � $ � � � � � � � � � � � � � ��� � � � � � � � % � ìß@¶g@Áiaë‹Ûaìß@¶g@Áiaë‹Ûaìß@¶g@Áiaë‹Ûaìß@¶g@Áiaë‹Ûa@kíë@ÉÓ@kíë@ÉÓ@kíë@ÉÓ@kíë@ÉÓ‹‚c‹‚c‹‚c‹‚c@@@@

' ���5 @ + ����� � !�(8� ,�� � �G�� )2%G� ���5 ��E (X� �5�% � ' &%Y ' ��1� � :,�� � �G�� <�% ;� ����8� <=��G <0%G�� 'A '�%A� ,�� � �G�� @5

Page 87: تعرف على برنامج  micrososft  expressiojn  web

� �

� A� � �G�� � <=��G <0%G�� 0����� @� � &�� � � 5 ��- &�� <&�� ;� � ,�� � �G����G�� � ' &�&% � '$ � :<0�& ' �*�� ���� '$ @�%� ����� � 7&�� ,� �$ <&(���

@ + ���� � &&* )&�� � ���� S�(8� �G�� � @ + ���� ����� 0� 7� �A� '$ ; * �G�� ��G�� � 2 �.

�� � � ����( � ���� ����� � ' ��*�� � 9-. 71 /��?�: ��� $ � # � $ � � �� � � � � � � � � � � � � $ $ � � م ! � � � �� � � � م ! " � � � � � � � م � � � $ � م ! � � � � � � � � ( � " � � � $ $ � � ی � � ��� � � � � � � � % " � ی � � � � � � � � $ � � � � � � � � � � � � � � م � � � � � � � م � � � � � ' � � � � � � � م � % � � � � � � � �� � � � �� � � � � � � � � � � ��� & � � � � � � � � � � � ��! ح � � $ م � � ض �� � � � � �� � � $ � � � � % � � � � � � � � � � � � � � � ��� � � � � � � م � م � ی � � � � � � ! ��� � � � � � � � % �� � � � � � � � � � � � � � � � � � � � ��� � � & � ! �� � � � � � �� � � $ � � � � & � � � � � � � � � ��� � � � � � � � % �

�� � �� ����� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � � � � � & � ( & � $ ی � � � � � � � � � � � � � � � � � � � � � ی � � � � � �م � � � " � ی � � � � � � � � $ � ! " ! � � � � � � � � ی � � � � � م � � � � � � � � � � � م � � � �� م � % � � ! " � � � � � م � � ( ) � � � � � � � � � � � � � � � � � � � � � � � � � � � � � & � � � � � � � � م � � � $ � � � � & � � �� � � � � � � @@@@

Page 88: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B

� ? 6 � � � � � 3 � � � � � � F ? 6 � F � � � � (=

? 6 � � � � � � � � � � � ! �=

? 6 � � � � � � � @ � ط . %=� �� � ��� �� � ���

Ø’ËÖ]Ø’ËÖ]<<

UU<<

? 6 � � � � � � � � � A � - � � & E � � . � 6 & � � � * < � � & � � � * < � '� � � � � �� � � @ 9 � ! " @ � � : � � � � � � � . � � � � � 6 7 � � � 3 A � � �� � . � : - � 9 , 1 � � 6 , .=� � � � ! " # $ � " % � � ? 6 � ! � $ � < A � � � . * � C � � F � � � � � �? 6 � � � � � � � : � � � * � � , � " � � � � 0 � � 4 � $ � � * � � : @ " � �=اCH1+,) ,= ا0Z1اول اCH1+,) ,= ا0Z1اول

Page 89: تعرف على برنامج  micrososft  expressiojn  web

� �

Ùæ]‚¢]<êâ<^ÚÙæ]‚¢]<êâ<^ÚÙæ]‚¢]<êâ<^ÚÙæ]‚¢]<êâ<^Ú<<<< 7��&� � <�&(��� 2���Tables � ���5 ;� <���� � ���� 0 S&�� � � <�&(���� ,��

S�($ �0 )�� 7��&� '$ �+ :7��� ��� 7�� ;� �� % �: ��A?� 2 ���� @0� ;� S��� � ,�� � ���5 )&�% ��5� /��? )�� � ��� �� % � <���� @ +

6��� ����� :�� � � ���5 �Microsoft Expression® Web /��? ��� � ��� � ' &�&% ����5 � <�5�� �� % � <���� C��E$ ,��� 05�5(�� 7��&� �.

<‚è‚q<Ùæ‚q<ð^�Þc<‚è‚q<Ùæ‚q<ð^�Þc<‚è‚q<Ùæ‚q<ð^�Þc<‚è‚q<Ùæ‚q<ð^�Þc� � � � � � ' '�% &&* ' '�� 7�&� /��+ &��� 2�$ @�%� )��� � ����� � 'T� $&���

)&*8�� 3��5 � :1 ' '�� 7�&� /��+ &��� ��$ 41 C������ �%��$� 3��5 �14)&*$.2 - <�� 3�� 3�%� ���T� ����( � ��� :

dh����5 )��5� 6��� � 7�J��� <G . �h0� 7% � &�� � ,�� � ���5 ; + 7���� . mh7�&� � P��&+ &��� M�� ; + 7���� . ph �=G K��� Table. qh �8� ��(� Insert Table.

���� � ��� �0�� Insert Table) 7�� ����dhv.(

�� � ����� � � � � � � �Insert Table

rhS���� � ��� � ' )&*8�� 3��5 � &&* &&� .

Page 90: تعرف على برنامج  micrososft  expressiojn  web

� �

�h �� � ���� . ��� � � L=5( � ,� � � 7�&� � P��&`� 6��� � <��� ) 7�� �����hv.(

�� � ������ � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �Þ뇧a@bíý‚@‹í‹¥Þ뇧a@bíý‚@‹í‹¥Þ뇧a@bíý‚@‹í‹¥Þ뇧a@bíý‚@‹í‹¥@@@@

��V� ���� :7�&� � �4( ' �� ( @ + )��5 �$ L� ��A? Q� � ;� � �� ( � 7(�& )��5 � P��&`� <G �$ :&��� ����� <G <1 0� + L� � ��A+ &��� <�&(��� ��&� �� )��5�

����% � ����( �) �=GInsert(V <&(��� 7�&� � �4( '�� 7��� � : �� Q� � �$ s��� <0�8� K���TabK��� � ��� ;� .

L� !$ ����� 0&(��� ;� � ����� � Q��� �� ( � 7(�& &��� � L� � ����� 2����)&�% � ����� � ���&$ <&(��� <1 L� � ���(� <G :�(B S&*.

���� 2 - /�&8� :7�&� � �4( ' �� ( 7� L=5( ��A A�$ 2��� ����( ��� � �:

dh �� ( � &&�)�4( � �$ (05=5( ��A &��� ;� �. �h &�� � ��(� <1 :'�8� Q� � ��� ����Cell Properties � &�� � ��%A� � �=� � '

) 7�� ����mhv.(

Page 91: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ����� � � � � � � �Cell Properties

� � � � � � � � � � � � � � � � � ���� � ��� 2 �0��Cell Properties) 7�� ����phv(.

�� � ����� � � � � � � �Cell Properties

mh �� � ��� ���� <1 2 ���� @� � ����( � &&� .

Page 92: تعرف على برنامج  micrososft  expressiojn  web

� �

<<<<<<<<

h^{fÖ]h^{fÖ]<<

PP<<

� � � & � � � � " � & � B � � � � � A � # � � � B � � � , � ' � � � � �س � � + � � � � " � � � # � س � � B � ? @ � � , � � � � � � � * � �� * � �C� ' � � � � � � ه��� � � ( 3 � � � � � $ � � * � 0 � . � � � � � ? � @ A � 9 � �B � / � � � � : @ " � �B� 6 & � � : � � � * � �7 - ! * � � � � � � � � � � J � � �= � � � � � � ! � � : @ " � �B� � � 1 � � � � : � � � * � �� � � �= � � � 3 � � � � � : @ " � �B, � - � � � � � � � � � � � � � � � � �=

!!أ.T اH1`>.6 إذن؟؟أ.T اH1`>.6 إذن؟؟!! !! ه\ا ]2&؟ه\ا ]2&؟

Page 93: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B 7 - ! * � � � � � 6 & 3 � � �� � � � � J � � �= � � 8 1 � � � � F� � � � � J � � �= , ! " @ � � � # � � � 2 & � � ( � � 2 4 � � � �=�� �� � ���

�� �� ���

Ø’ËÖ]Ø’ËÖ]<<

MLML<<

� 6 � � � ( � � * ! � � 8 9 : 1 � � 3 * � � , ! " @ � � 6 & � � � 1 � � ? � � � �= � � � 2 C �� � � � � J � � �� � � @ 9 � 8 * � � � * س � � � � � � 9 � � D � � � , 1 � $=س � � * � � : @ " � � � � � � ! " # $ � " % � � ? 6 � ! � $ � س � � � �7 - ! * � � � � � 6 & � � : � � � * � � , � " � � � � 0 � � 4 �= aMJH1أوا,6 ا =, (,+CH1ا aMJH1أوا,6 ا =, (,+CH1ا

Page 94: تعرف على برنامج  micrososft  expressiojn  web

� �

<ÜÓvjÖ]<†Ú]æ_<êâ<^Ú<ÜÓvjÖ]<†Ú]æ_<êâ<^Ú<ÜÓvjÖ]<†Ú]æ_<êâ<^Ú<ÜÓvjÖ]<†Ú]æ_<êâ<^Ú� � � � � � �<<<<<<<<<��� � ���$Behaviors: M�&�8� ' �� ( '* )��* @. Events 7%�8�� Actions .

:>���� 0�$ 7��� '$ 2��� &�� '* )��*JavaScript L5( ���% <0 ���? .M&� � $

Event -���� M&�� '$ ,�� S- � ��� � �0� �-.7%� � Action

��A+ &�*� )��5 @� <��� �$ behavior ; + &�$�* �5`� :'T� 0� 7%� @� � ���5 � #�7%� � '��%� <�� Action M&� �� Event ��-. /&�� <���� S- 7%� � .

������ 7%�$ )&* -����� /&� � '���8� 9-. ,���� '�� � M&� � Q��7%� � � @�&�� C�* '�Presentation'�&.� #�5�� <��� .

Ý^ã¹]<ðˆqÝ^ã¹]<ðˆqÝ^ã¹]<ðˆqÝ^ã¹]<ðˆq� � � � � � �<<<<<<<<�� <&(��<0 � /�� Behaviors � 7�&%� �$ ��A?8���"� �5( � ���

<��� �Behaviors.

âbè¾a@õ;u@ŠbèÃgâbè¾a@õ;u@ŠbèÃgâbè¾a@õ;u@ŠbèÃgâbè¾a@õ;u@ŠbèÃgBehaviors@@@@@@@@

�=G <�&(��� ' �1�$ ��Task Panes) 7�� ����dhd�( ; * �0�� 0� * ��� �� : 6��� � )-��) 7�� �����hd�.(

�� � ���� ��� � � � � � � � � � �Task Panes

Page 95: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ���� ��� � � � �Task Panes

� � � � � � � � � � � �� S��� <0 � /��Behaviors ; * �. &��� @��=� ��Insert) 7�� ����mhd� .(

�� � ���� ���� � �� � � � � � � � Behaviors

� � �� � � � � � � � � � �Insert

�� � � ���5 � ����� ; * 0������ <��� � ���$ P��&? ����=� )��5� <&(���� . 2� * C�%� �� � �-. ; * ��� � &��7%��� �=G Actions ��� �.

D41 2�.����$ ' <��� � Behaviors #��� � 7(�& ���� � C�* @� <����? ����Frames ; * �� � ��� ��� � &��� �� * /���+ �$ :����5 �� 7�J�� �$ :

���5 � 7(�& )��5 �$ ��. 7(�&� C�%� @� � ���� � <��� � '��� ?�� ���� '* ��8� Go To URL � M�

�-. 7%� �8�Q�� @� �(B &��� K�� ; * &�* #�&(��� <��� '�% ��+ 7(�& �$ )-�� �@� ����� )&* ����� ���J� &��� �G� � Q�� :� ���%� M��?3 K�� ���� HTML

������ ' ��� 7� @� 3 �(.

ívË’Ö]<†‘^ßÂ<‚u_<±c<p‚u<°éÃiívË’Ö]<†‘^ßÂ<‚u_<±c<p‚u<°éÃiívË’Ö]<†‘^ßÂ<‚u_<±c<p‚u<°éÃiívË’Ö]<†‘^ßÂ<‚u_<±c<p‚u<°éÃi�� � ���$ '$ < %� '$� &�� <�Behaviors )���� � ����( � ' �*�� �+ @.

/��� �G� � ����� � �� *�� � ������ :�*��� /�&8� ��&% )&��� 2 K��� @� �� :D���!�($ ��=� �$ ��5 �$ L�5� ���. 6��� <�G 74( ' 2 - <�� Microsoft

Expression® Web &�� ����� JavaScript��&? #���(� S- � <��� � �$ ) . @. <��� � ���8 >*��� .�1�$� 3=�� � ���$:

• �� % � ���� L� ��AStatus bar text.

• � �� ��� �0�+Message box.

• #% Q� � 7%� &��� �5�% � &�$ ����� ���J�.

Page 96: تعرف على برنامج  micrososft  expressiojn  web

� �

• ���5 � �$ �G� � C��%��� @� <&(�� � C�%�� � 6��� ' ���� �.

• *+<&(�� � C�%�� � � ,���� ���5 ; + <&(�� � #���� )&.

2 - <�� 3�� 3�%� ���T� ����( � ���: dh����5 )��5� 6��� � 7�J��� <G . �h 0� 7% � &�� � ,�� � ���5 ; + 7���� ) 7�� ����phd�.(

�� � ���� ��� � � � � � � � � � � � � � � � � � � �mh� &��� M�� ; + 7���� <��� � ���$ � 7%� Behaviors) 7�� ����qhd�.( ph <0 � /�� �0�`� <G Behaviors) 7�� ����dhd�.( qh ����� � ����� C�* �� 7(�& 2�$ ' &�"� Design .

�� � ���� ��� � � � � � � � � � � � � � � � � � � � � �Behaviors

rh �� � ���� Insert <0 � /�� @� Behaviors) � 7�� ���rhd�.(

Page 97: تعرف على برنامج  micrososft  expressiojn  web

� �

�� � ���� ��� � � � � � � � � � � � � � � � � � � ��h <��� � �$ ��(� Set Text �8� ��(� <1 :Set Text of Status bar ��*�� � �=� � '

� &�� �) 7�� �����hd�.(

�� � ���� �� � � � � � � �Set Text of Status bar

� � � � � � � � � � � � � � � � � � � � � � ���� �0�� ���� � Set Text of Status bar) 7�� ����uhd�.(

�� � ���� �� � � � � � � �Set Text of Status bar

uh �� � ��� ���� <1 2 ���� S- � L� � 7(&$ . 6��� <4*`� �G :'T�Microsoft Expression® Web 7%�� �-� Action . < ��� �

M&� S$ �� :2 - 7%�� ;� :9��(�Event .2 - <�� 3�� 3�%� �&� � ���� � ���: dh7� � ���� � ����( �� �� % � ��� '�� ' &�"� . �h <0 /�� @� 9-���� �� � S- � 7%� � ��A+ ��� Behaviors) 7�� ����vhd�.(

�� � ���� ��� � � � � � � � � � � � � � � � � � � � � � � � � �Behaviors

Page 98: تعرف على برنامج  micrososft  expressiojn  web

� �

mh � ��V �A� &��� �=G &��� ���� 7��8 <0� �0�� :#G�� Q�) 7�� ����d�hd�.(

�� � �� ��� ��� � � � � � � � � � � � � � � � � � �ph ��� � M�&�8� !�� �=� � 9-. K��� ) 7�� ����ddhd�.(

�� � �� ��� ��� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �qh M&� � ��(� OnClick ���� <G <1 :���5 �.

� � ; * ��� � &���� :�����?� ; * ���5 � 9-. ��� &��� :'T�AraDOCs ���� � ���5 �) 7�� ����qhd�( �� % � ���� ; * '�% L� C�* <��� :) ����

7��uhd� (�����?� K�5� 6��� )-�� 7��$.

Page 99: تعرف على برنامج  micrososft  expressiojn  web

� �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B � � � 1 � � 3 � � �� � � �=

� � � � 1 � � : 1 � � � � � 7 - ! * � � � # � � 3 � � �� � K � � � �= 7 - ! * � � � # � �� � K � � � �=�� ��� �� � ���

Ø’ËÖ]Ø’ËÖ]<<

MMMM<<

� � � � � � ! " # � � � * ! � 7 � & � 2 � � � � 1 � � � . * � �=� � - � � D A 1 � � 4 � , � 6 � < �4 � � D ! * � � 6 & � 4 � � � � * < 1 � � 4 � � � � � 9 � �4 � � � � � � 6 � � � � : # � � * � � 6 � � � ( ? � # � � � 6 & � 7 8 * � � �, � � � ! � � � � � � � � �=$ � � * � � : @ " � � � � � � ! " # $ � " % � � ? 6 � ! � $ � س � � � �� � � 1 � � � � : � � � * � � , � " � � � � 0 � � 4 �� � � �=اCH1+,) ,= اBG1+ذج اCH1+,) ,= اBG1+ذج

Page 100: تعرف على برنامج  micrososft  expressiojn  web

� � �

<tƒ^ÛßÖ]<êâ<^Ú<tƒ^ÛßÖ]<êâ<^Ú<tƒ^ÛßÖ]<êâ<^Ú<tƒ^ÛßÖ]<êâ<^Ú� � � �<<<<<<<< P-� �Forms ' /���$ @. �G� S�=�� ' ���� ���� 0� 3&0 � ,�� � ���5

:,�� �� ���� �$ .&�&��� <��� ;� � � =�8� ; * ���?� ���5 � �=�� <��� P-�� � 74( ' 0 (&+ <� ;� � ���� � 7��`� P-�� � <��� 2 - &%�� :0� �� �G ;� � ���� � ' ,� � �

� � �G� 7(�& L( /�� ; + 3�A��� S- � ,�P-�� � �-. 75� '$ .&�* ������ M�� :���� � 2 � ; +) . 7�� ����dhdd ( !�� ;� 0�&(��� '�� @� � P-� � ' P-�� 7��

,�� � ���5.

�� � ���� �� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �_xˆbàäÛa@Òa‡çc_xˆbàäÛa@Òa‡çc_xˆbàäÛa@Òa‡çc_xˆbàäÛa@Òa‡çc@@@@

�& P-� � <�&(��� <�����T� 3�&.�� 7� �$ C%� ,�� � ���5 7(: • F�A� '* �$ :�&( � �$ �G� � '* <0=��T �G� � ���� 7��+) 7�� �����h

dd.(

• �G� � ���� 75�� ���� 7����.

• 6�� '�� � ���% ���� F�����.

• )���� �� '�� � ���� ����� :/��� � ���$ 7��G.

• '����8� P-� /7.

• �G� � ����� C%� '* M�� � 6=�� C��%���.

• �G� <0 �(& ���� 7(&? '�&(�� � #����.

• �&( @� 2����?� C�J� �G� � @� 7���� �) 7�� ����mhdd.(

Page 101: تعرف على برنامج  micrososft  expressiojn  web

� � �

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

�� � ���� ��� � �� � � � �� � � � � � � � � � � � �ÒÒÒÒ[tƒ^ÛßÖ]<ØÛÃi<Ìé[tƒ^ÛßÖ]<ØÛÃi<Ìé[tƒ^ÛßÖ]<ØÛÃi<Ìé[tƒ^ÛßÖ]<ØÛÃi<Ìé<<<<

�=�� <��� &�* � ; * &��� L( 6��� 7%� :P-�� � ; + ���� 7(&`� �G� S- � ,�� � <&( 3�A��� 2%G�Web Site Hosting 3 7(�& 0%A�� ���� � 2 � �����

)>�5� D� + �J�5� 3 �$ :HTML �J�5� 3 �$ :)/��� !�($ ( �-. ���� <��� <1 3 �D��� !��� � 9&�&��� ��$ <��� L( & � 7(�&.

� C��% � &��8� �( � �0�� @� � � � � '$ ��BoldP-�� � &��� /�$ ;.

Page 102: تعرف على برنامج  micrososft  expressiojn  web

� � �

)D��� /�8� 2 � &�&�� ����� ; * 3�%����( ���� � ;. S&% � �( � �0�� ;� � � � �� : ;� � <����� �G� � �=�� �$ :0 (&`��0��:�& .&�&�� �$ (P-�� � 7.

@áØznÛa@‹–bäÇ@ïç@bß@áØznÛa@‹–bäÇ@ïç@bß@áØznÛa@‹–bäÇ@ïç@bß@áØznÛa@‹–bäÇ@ïç@bßControls@@@@<<<<�� % � ' �� �( F���$ ; * 7�5� �� �( <��� �5�* <�&(��� <��� . :D41�

F�� ' <��� �5�* <&(��� 3��� :�G� � �=�� ' �� % ���� text boxes �$ text

area . '�� �$ :�% � , � P-�� 7% � <��� �5�* <&(��� 3��� :)���� ��&5+� :6�� F�� 'drop-down boxes �$ option buttons��� ; + ��A?� .

@âbè¾a@õ;u@âbè¾a@õ;u@âbè¾a@õ;u@âbè¾a@õ;uToolbox@@@@<<<<<��� � �5�* P��&`� L�(� @� � <0 � /���$ &�$ �.� . ��&� �� )��5� .�0�+ <���

�=G 74( 'Task Panes .� �5�* ��� 2� * C�%� @.� . '������ ��� ��� � <��� HTML � ASP.NET Controls) 7�� ����phdd .( �4* 0� 7� � "+" ����+ ; * � �&

!�($ ����( C�% 0%����.

�� � ���� ��� � � � � � � � �HTML

�ASP.NET Controls

� � � � � � � � Toolbox

H� /� '+ 0�* &�� � 2��(� �&� � ���5 � .

@áØznÛa@‹–bäÇ@áØznÛa@‹–bäÇ@áØznÛa@‹–bäÇ@áØznÛa@‹–bäÇControls@@@@<<<<0�&(��� 2��� @� � <��� � �5�* C%�� �=G 'A�� @ � � 7�&� �: � � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � � � �� � � � م � � � � � � � � � � � � � � # � � � � � � � � � � � � � ح � � � � � � � � � � � � � �� � & م � $ � � � � � � � �� � $ � م � � � � � � � � � � � � � �� �� � � � � � � � � � �� � � � � � � � �� �� ی � � � � � � � � � � � � � � � � � � � �� ) � $ & � � � � � � " � � � م � � � � � � � � � $ � # � � ی � � � � � & � � � � � � � � � � � �� ) � $ & � � � � � � � � � � & � � � � % � � � � � � � ی � � � � � & � � � � � � � � � �� � م � � � م ! � � � " # � � ی � � � � � � � � � ی � � � � � & � � � � � � � � � � � � � �� � � $ � � � $ � � ! � � " � � � � $ � # � � ی � � � � � & � � � $ � م � � � � � م � �� � � � � � م � � � � & م �' � � � � � ی � � � �

Page 103: تعرف على برنامج  micrososft  expressiojn  web

� � �

� � � � � � � � � �� � � � � � � � � � � � � � � � � � � � � � � � �� �� ی � � � � � � � � � � �� � � � � � � � � � � � � � � � � � � �� � � � ) � $ & � � � � � $ � � � % � � � � � � � � � � � � ی � � � � � & � � � � � � � � � �� � ی � � � � � & �� � � � ) � $ & � � � � � $ � � � % � � � � ! � � � � � � � � � � � � � � �� � � % ! � � � � � � � � & � � � �� � � � � � � & � � � � � � � � & � ! � � � � � � � � & � � � � � � � � �� � � � � � � � % ! � � � � � � � � & � � � � � � � � م � % � � � � � � � � � " � � � � ی � � � � � � " � � � � � � � � � �� � $ � � � � �� ح � � � � � �� � % � � � $ � " � � $ & � � � � � $ � � � � � � $ � � � � � % � � " � � � � � � $ �

<tƒç´<ð^�Þc<tƒç´<ð^�Þc<tƒç´<ð^�Þc<tƒç´<ð^�Þc P-�� /��?Form :,�� � ���5 ' ���5 7(�& 6��� '$ < %� '$� &��

Microsoft Expression® Web!�($ ����&5+ �$ !�($ 6��� '* D� �( >�� �$ ���� . D�&��� :7� � P-�� � P��&+ ' 6��� #��� :2 * ,��� � &G )��5Expression® Web ; +

2 ���� � ��&�� )��5� P-�� � ���� P��&+. 6��� @� P-�� � P��&+ <�� :2 - Microsoft Expression® Web :. '�� �� ; *

P-�� � <��� �5�* P��&+Form <��� � �5�* P��&+ <1 :Controls2��� ,��� @� � . ���T� ���� � 'A�� P-�� P��&+ @� ,E�� ��$ C����� ; *� :�- :

• <���:

• � =% � <��:

• & � �/� �& �:

• 3�0 � :

• @����� ?� &��� �:

• �� %� � : �%�� 2��� :2 - 7% �� � � ����( �:

dh ���� � 7�5� � ;� .&�&*`� �G ;� � �G�� � ' �G� S$ K��� <G. �h ��`� <G <�� 0����� <G� :�� ( )&�&� ���5 /Contact Form.

mh @ � � 7�� � @� � '�� � :2 * ,��� ���� ��$ 7(&`� <G ) 7�� ����qhdd .(

Page 104: تعرف على برنامج  micrososft  expressiojn  web

� � �

�� � ���� ��� � � � � � � � � � � � � � � � � � � �ph Q� � ��V � �AP-�� � P��&+ <��� M�� ���5 � !��� ��0��. qh� /�� �0�`� <G <0 Toolbox ��&� �� )��5� ) 7�� ����rhdd .(

�� � ���� ��� � � � � � � � � � � �Toolbox

� � � � � � � � � rh ��*�� � �=� � ����� �0�`� <G Form Controls <0 � /�� 7(�& ' Toolbox '*

�4% � ��� ����) "+" 7�� �����hdd .(

Page 105: تعرف على برنامج  micrososft  expressiojn  web

� � �

�� � ���� ��� � � � � � � � � � � � � � � � � � � �� � � Form Controls

�h <��� � �5�* ; * '�8� Q� � ��� ��� � ���� Form. uh �8� ��(� Insert � &�� � ��%A� � �=� � ' ) 7�� ����uhdd.(

�� � ���� �� � � �Insert

� � � � � � � � � � � � � � � � � � � � � � � &&� � '� �� :���5 � <��� � �5�* P��&+ <�� .

vh* ,��� ���5 � .��E� :� =% � <��� :<��� 71 D� � 0�* 2���($ @� � ���� � '���) 7�� ����vhdd .(

Page 106: تعرف على برنامج  micrososft  expressiojn  web

� � �

�� � ���� ��� � � � � � � � � � � � � � � � � � � � � � � � � �d�h 7�� � ,��� Q� � ��V 7��� Name. ddh <��� � �5�* ; * '�8� Q� � ��� ��� � ���� Input (Text)� ��(� <1 : �8Insert

� &�� � ��%A� � �=� � ') 7�� ����uhdd( '� � <��� � �5�* P��&+ <�� :&&� �.

d�hP-�� � ���� 7� � ���� � )���( � Q�� ��� . dmh 7��e '��� P��&`� <G Input (Submit) � Input (Reset)P-�� � ��0�� .

���5 � <��� � �5�* P��&+ <�� @ � � 7�� � ���5 � �0�� :)&&� � '�8�� :) ���� 7��d�hdd.(

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

Page 107: تعرف على برنامج  micrososft  expressiojn  web

� � �

, � � � * � � � � � % � 1 � � : @ " � � � � � ? 6 � * �B , � - � � � � � � � � � � � � � � � � � 3 � � �� � K � J � � � � � � I � � � �=

� 6 � & ط � � /, � - � � � � � � � � � � � � � � � � �= 3 - � � � � � � � 6 � � � � � � � � (= � � 6 � � � � � � � � * س � 9 � � 6 , ! " # � � � � (3 - � � � � �=� �� �� ���� ����� ��� �

Ø’ËÖ]Ø’ËÖ]<<

MNMN<<

E � � � � 9 � � � � � &� J � � � � � � G H I � � � � J � K D � � �, � < � � � � � (� � � � � & 6 � � 8 � � � � � 9 � � D � 3 * � � � � � � � � ! " # 4 � , � < � � �� � � � ! � , � � � - � ( � � � &7 � 4 � 6 � � 8 9 , # � � � � � � � @ � � � , A �, F � ! � � � 6 � � � � � @ � � � E " � � � � � � � � � ! " @ � � 0 � < * � �� � � & � � � � 8 D � . � � � � � � & � � (=� � � 7 * � � � � $ � � * � : @ " � � � � � � ! " # � � � � 9 � �=-?M?,+G.01ا1; ا1>.; ا<*-?M?,+G.01ا1; ا1>.; ا<*

Page 108: تعرف على برنامج  micrososft  expressiojn  web

� � �

<íéÓéÚ^ßè‚Ö]<gèçÖ]<gÖ]çÎ<êâ<^Ú<íéÓéÚ^ßè‚Ö]<gèçÖ]<gÖ]çÎ<êâ<^Ú<íéÓéÚ^ßè‚Ö]<gèçÖ]<gÖ]çÎ<êâ<^Ú<íéÓéÚ^ßè‚Ö]<gèçÖ]<gÖ]çÎ<êâ<^Ú<<<< ������& � ,�� � , ��GDynamic Web Templates F�� ' ,�� ���5 �+ @.

HTML�� )&��� ��0�� � ���� �5�* 3 �(� :������ �� ��&�&*?�� L=5( � ��.��E� :��5 �� L�5� � 71 ���5 � .

'�� � @� �� 0 �&%� '�� @� � ��� � &�&�� 2��� >A�$ 7� :,��� 2 - Q� 0 �&%� . ��1 o� 7�&%� @� ,E�� �� 2�E ; + 7*8� &��+ � � @� �>��1� &��� S- � �8��G� � .

6��� @��Microsoft Expression® Web ; + @����& ,�� , G ���`� <��� :���5 � 9-. ���(� &�&��� , � � �-. <��� 3��� :#� 7%� S- � �G� � ���5 . 2 K���

6���Expression® Web������& � ,�� � , ��G ' @=0� ��E &&* �&(��� .

Ú^ßè‚Ö]<gèçÖ]<gÖ]çÎ<l]æ _<¼è†MÚ^ßè‚Ö]<gèçÖ]<gÖ]çÎ<l]æ _<¼è†MÚ^ßè‚Ö]<gèçÖ]<gÖ]çÎ<l]æ _<¼è†MÚ^ßè‚Ö]<gèçÖ]<gÖ]çÎ<l]æ _<¼è†MíéÓéíéÓéíéÓéíéÓé<<<< 6��� 7%� D���Microsoft Expression® Web � 7%� ���&$ ���� L5( '"�

���5 � ' F�� � �-. 71 . '�� ���� ; + 7���e ���&8� ���� <�&(��� 2��� :D41�,�� � , G 7(�& 0 �&%�.

kÛaìÔÛa@paë†c@Áí‹’@ŠbèÃgkÛaìÔÛa@paë†c@Áí‹’@ŠbèÃgkÛaìÔÛa@paë†c@Áí‹’@ŠbèÃgkÛaìÔÛa@paë†c@Áí‹’@ŠbèÃg@@@@

� Q� � ��� ���&$ ���� S$ ��� ' �1�$ �� ���� � ��(� <1 :'�8Dynamic Web

Templates ��%A� � �=� � ' ) 7�� ����mhd�.(

�� � ���� ��� � � � �Dynamic Web Templates

� � � � � � � � � � � � � � � # @A������ '� � @� ���&8� ���� �0�� ) 7�� ����phd� .( �� � ���� ��� � � � � � � �

Dynamic Web Templates

Page 109: تعرف على برنامج  micrososft  expressiojn  web

� � �

Ö^Î<ð^�ÞcÖ^Î<ð^�ÞcÖ^Î<ð^�ÞcÖ^Î<ð^�ÞcêÓéÚ^ßè <gèæ<gêÓéÚ^ßè <gèæ<gêÓéÚ^ßè <gèæ<gêÓéÚ^ßè <gèæ<g<<<< ������ ��&� �� ,�� ���5 /��`� D��$ $&��HTML �J�5� 0���� <��� <1 :)����� (

.dwt .���T� ����( � ������ 2 - <�� : dh����5 )��5� 6��� � 7�J��� <G . �h �G� K��� <G#� 7% � �G S- � ,�� �. mh)&�&� ,�� ���5 /��`� <G . ph����� 0���� <G �Dynamic Web Templates) 7�� ����qhd�.(

�� � ���� ��� � � � � � � � � � � � �Dynamic Web Templates

,� � � ����� � ���5 � /��`� �G 'T�) 7�� ����rhd� .(

�� � ���� ��� � � � � � � � � � � � �Dynamic Web Templates

@pbãbîi@Ýí‡Èm@òÔİäß@òÏbšg@pbãbîi@Ýí‡Èm@òÔİäß@òÏbšg@pbãbîi@Ýí‡Èm@òÔİäß@òÏbšg@pbãbîi@Ýí‡Èm@òÔİäß@òÏbšgEditable Regions@@@@@@@@

:D���&� 7�&%� � �� � ��� � ' &&* S$ /��+ 2���Editable Areas���5 � 7(�& . .���� ���5 7� '��� M��� 7G8� ; * )&��� ; + ��� @� '���� 7� ��$ ; * '� �

L( � .

Page 110: تعرف على برنامج  micrososft  expressiojn  web

� � �

2 - <�� 3�� 3�%� ���T� ����( � ��� : dh���� � ���5 � K�� ' &�"� . �h��T� ��� � !&�+ ��� � :

• )�&8� ��� ���&$ ����� Dynamic Web Templates.

• C�% � �� @� ��$�Design ��(� <1 :, � � ���5 7(�& '�8� Q� � ��� ���� : �8�Manage Editable Regions � &�� � ��%A� � �=� � ' ) 7�� �����hd�.(

�� � ���� �� � � �Manage Editable Regions

� � � � � � � � �� � � � � � � � � � � � � � � � ���� � ��� �0��� :7���8� 7� @�� Editable Regions) 7�� ����uhd�.(

�� � ���� �� � � � � � � �Editable Regions

mh ��( @� 7�&%� � ���� <�� ,��� Region name. ph �� � ��� ���� Add.

�.� ��( � <��� ���� P��&`� 6��� � <���Body) � 7�� ���vhd�( ���+� :0� 7�&%� � �� * .

Page 111: تعرف على برنامج  micrososft  expressiojn  web

� � �

�� � ���� �� � � � � � � �Editable Regions

Ýí‡Èm@òÔİäß@Ò‰y@ëc@Lòîàim@ñ†bÇgÝí‡Èm@òÔİäß@Ò‰y@ëc@Lòîàim@ñ†bÇgÝí‡Èm@òÔİäß@Ò‰y@ëc@Lòîàim@ñ†bÇgÝí‡Èm@òÔİäß@Ò‰y@ëc@Lòîàim@ñ†bÇg@@@@

���� � ��� ; + 7�5� � ;�� :���� � ����( � �%�� ' �1�$ ��Editable

Regions) 7�� ����uhd� .(��� )&*+ &�� � ���� � <�� ���(� <1 '� <1 :0�-� �$ :0�,�� � �� � ��� . � � � & � ! � � " � م � �� ی � � � ' � � ی � � � � � � � � � � � � � & $ � � � � � � & $ � � % � � ح � � � ی � � � � � � � � � � � � � % " � � � $ � � � � � � � � & � � �

êÓéÚ^ßè <gèæ<gÖ^Î<Ý]‚~j‰^e<gèæ<ívË‘<ð^�ÞcêÓéÚ^ßè <gèæ<gÖ^Î<Ý]‚~j‰^e<gèæ<ívË‘<ð^�ÞcêÓéÚ^ßè <gèæ<gÖ^Î<Ý]‚~j‰^e<gèæ<ívË‘<ð^�ÞcêÓéÚ^ßè <gèæ<gÖ^Î<Ý]‚~j‰^e<gèæ<ívË‘<ð^�ÞcJJJJ#&(��� M�� :2&0�� 2�G� ���� �+ , � � �-. � %� �)��1� ���5 /��+ @� .

2 - <�� 3�� 3�%� ���T� ����( � ��� : dh����5 )��5� 6��� � 7�J��� <G . �h �G� K��� <G#� 7% � �G S- � ,�� �. mh)&�&� ,�� ���5 /��+ @� 9���(� &�� � , � � &��� ' &�"� . ph �8� ��(� New… �=G ' File. qh �8� ��(� Create from Dynamic Web Template � &�� � ��*�� � �=� � ' ) ����

7��d�hd�.(

�� � �� ��� �� � � �Create from Dynamic Web Template

� � � � � � � � � � � � � � � ���� � ��� �0�� Attach Dynamic Web Template) 7�� ����ddhd�.(

Page 112: تعرف على برنامج  micrososft  expressiojn  web

� � �

�� � �� ��� �� � � � � � � �Attach Dynamic Web Template

rh)&�&� � ���5 � /��+ @� #�&(��� ,� � � , � � ��(� . �h �� � ��� ���� Open .

2��(�� :0� ���1 � ����� �� �5�% � 01�&�� � :)&�&� � ���5 � �0�`� 6��� � <��� 2 -�) 7�� ����d�hd� .(

�� � �� ��� ��� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �uh �� � ��� ���� Close .

:���1 � 0����� !&�+ ; + )��?� &�*� :7�&%� � �� � 0����� )&�&� � ���5 � �0�� �4* �0��0$ .

vh&��� � ���5 � 9-. ; * �� * ��� /���`� <G . م � م � � � � ! � � م � ی � � � � � � � � � � � � � � � ی � � � ( % � � م � �� ی � � � � $ � � � � � � � � $ ح � � � � � ی � � � � � � � $ � � � � �

Page 113: تعرف على برنامج  micrososft  expressiojn  web

� � �