n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_...
Transcript of n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_...
![Page 1: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/1.jpg)
![Page 2: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/2.jpg)
v Ë_« WF³D «?¼ ±¥≥∂
Â≤∞±μ ≠ ≤∞±¥
Z¼UM*«Ë W¹uÐd² « Àu׳ « ŸUD – WOÐd² « …—«“u WþuH× dAM «Ë l³D «Ë nO Q² « ‚uIŠZ¼UM*« d¹uDð …—«œ«
Í—bMJ « b???LŠ√ w???K?Ž Æ√wMO × « b???O « b?????L?Š√ Æ√
sO Lšu??Ð V?O³?Š ÊU?????MŠ Æ√Í—u????łU???³ « vO??×¹ fO½U????½
n???O Qð©ÎU Oz—® w²?ýœ b??LŠ√ W³?O?½ Æ√
الطبعة األولى1438 - 1439 هـ2017 - 2018 م
الكندري أحمـــد عـلـــي أ. أ. أحـمـــــد السيـــد الحسيني
أ. حنـــــان حـبيـب بــوخمسيننــــانيس يحــيى البـــاجــــوري
تأليـــف)رئيسا( دشـتي أحمــد نجـيـبة أ.
حقوق التأليف والطبع والنرش حمفوظة لوزارة الرتبية – قطاع البحوث الرتبوية واملناهجإدارة تطوير املناهج
![Page 3: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/3.jpg)
2014 - 2015 م الطبعة الأولى 2016 - 2017 م 2017 - 2018 م
![Page 4: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/4.jpg)
![Page 5: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/5.jpg)
![Page 6: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/6.jpg)
![Page 7: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/7.jpg)
![Page 8: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/8.jpg)
![Page 9: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/9.jpg)
![Page 10: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/10.jpg)
UŽu{u*«W×HB «
.Microsoft Expression Web 4
∫ ÎôË√CSS
∫ ÎÎUO½UŁForms
∫ ÎU¦ UŁBehaviors
∫ ÎUFЫ—Layers
∫ ÎU Uš
المحتوى
![Page 11: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/11.jpg)
![Page 12: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/12.jpg)
±±
ÆÆÆÆrKF²*« Íe¹eŽ
(Microsoft Expression Web 4)
¨¨¨oO u² « w Ë tK «Ë
ÊuH R*«
المقدمة
![Page 13: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/13.jpg)
![Page 14: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/14.jpg)
![Page 15: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/15.jpg)
![Page 16: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/16.jpg)
أوالCSS ا�نماط وصفحات
![Page 17: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/17.jpg)
![Page 18: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/18.jpg)
±Σ
CSS U×H Ë ◊U/_« ∫ ôË√∫ Style jLM « n¹dFð
∫ CSS W «d²*« ◊U/_« U×H Cascading Style Sheet) CSS
CSS
∫"Manage Styles ◊U/_« …—«œ≈" rJײ « Õu
CSS
Manage Styles Panels " Manage Styles "
![Page 19: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/19.jpg)
±∏
New Style b¹bł j/ ¡UA½≈ ∫WO U² « «uD)« l³ð« b¹bł j/ ¡UA½ù
"New Style " "Manage Styles "
"New Style "
∫ 5L v ≈ ‚ËbMB « «c¼ r IM¹
![Page 20: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/20.jpg)
±π
WHOþu « —UO²šô«Selector
ok
Apply new style to document
selection
Define in
Current Page
New Style Sheet
Existing style sheet
URL
hzUB)« W¾H «Font
Block
Category
![Page 21: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/21.jpg)
≤∞
hzUB)« W¾H «Background
Border
Border Radius
Box
![Page 22: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/22.jpg)
≤±
hzUB)« W¾H «Position
Layout
List
Table
∫ U×OLKð
![Page 23: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/23.jpg)
≤≤
∫ ◊U/_« Ÿ«u½√Pseudo Classes
CSS Classes
Centering a DIV with CSS
∫Pseudo Classes WOÝUÝ_« U öF « j/head
( ... p، img، h2، h1
∫ wÝUÝ√ j/ vKŽ q¹bF² «
Manage Styles Manage Styles
Panels
…New Style Manage Styles
![Page 24: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/24.jpg)
≤≥
Selector
ok
![Page 25: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/25.jpg)
≤¥
∫ CSS Classes ÂUF « jLM «
∫ ÂUŽ j/ ¡UA½≈
Manage Styles Manage Styles
Panels
…New Style Manage Styles
Selector
∫W×HB « qš«œ wÝUÝ_« jLM « oO³Dð
![Page 26: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/26.jpg)
≤μ
ok
∫W×HB « qš«œ ÂUF « jLM « oO³Dð
Manage Styles Manage Styles
Panels
Manage Styles
.Apply Style
![Page 27: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/27.jpg)
≤∂
: Centering a DIV with CSS …bŠ«Ë WIDM h ¹ j/
Manage Styles
∫¡«eł√ WŽuL v ≈ W×H rO Ið
Tags Panels Toolbox
Div Div”
Code”
all
Div «Code» ∫v Ë_« WI¹dD « ≠
![Page 28: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/28.jpg)
≤Σ
Tag Properties ∫WO½U¦ « WI¹dD «id
.ok
∫ …bŠ«Ë WIDM* b¹bł j/ ¡UA½≈
Manage Styles Manage Styles
Panels
…New Style Manage Styles
# Selector
all
![Page 29: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/29.jpg)
≤∏
∫W×HB « qš«œ jLM « oO³Dð
Manage Styles Manage Styles
Panels
Manage Styles
.Apply Style
∫ U×OLKð( Div )
qJA «vKŽ ‰b¹ahm1
h1
![Page 30: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/30.jpg)
≤π
∫ jLM « q¹bFð
∫v Ë_« WI¹dD «. Modify Style
CSS Properties ∫WO½U¦ « WI¹dD «
![Page 31: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/31.jpg)
≥∞
∫ W «d²*« ◊U/_« W×H ¡UA½≈
CSS New File
Untitled_1.css
Save
Save
![Page 32: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/32.jpg)
≥±
∫ …b¹bł W «d² ◊U/√ W×H v ≈ j/ W U{≈
Manage Styles Manage Styles
Panels
…New Style Manage Styles
Selector
New Style Sheet Define In
.OK
.Yes
∫ …œułu ◊U/√ W×H v ≈ j/ W U{≈
Manage Styles Manage Styles
Panels
…New Style Manage Styles
Selector
![Page 33: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/33.jpg)
≥≤
.Existing Style Sheet Define In
.OK
∫ l u*« U×HBÐ W «d²*« ◊U/_« W×H jЗ
Manage Styles Manage Styles
Panels
Attach Style Sheet … Manage Styles
.Attach Style Sheet
Browse
![Page 34: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/34.jpg)
≥≥
Ø
—UO²šô«WHOþu «All HTML Pages
Selected Page
Current Page
—UO²šô«WHOþu «Link
Import
∫ U×OLKð
Ø
![Page 35: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/35.jpg)
≥¥
∫ ‰U¦. MS Expression Web 4.0
General New Site Site
.Ok (School Empty Site
( images – style) Folder List
Folder New Folder List
Enter
![Page 36: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/36.jpg)
≥μ
amlhos Untitled_1.html
Save
Design
Page Properties
(Left) (Right)
HTML New File HTML
![Page 37: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/37.jpg)
≥∂
Div Div (a
Container ID ،Tag Properties
Enter (b
Tag Div Div (c
Head ID Properties
Head
Menu
Footer
Right Left
Container
![Page 38: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/38.jpg)
≥Σ
Div head Div (d
ID Tag Properties
Menu
Div Menu Div (e
ID Tag Properties
Right
Div Right Div (f
ID Tag Properties
Left
Div Left Div (g
ID Tag Properties
Footer
Manage Styles
New Style
![Page 39: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/39.jpg)
≥∏
Category
Selector #container
Apply new style to document selection ˛ Apply new style to document selection
Define in New Style Sheet
URL
Font
Font-family : Aril
Font-style : normal
Color : #003366
Box
Margin ® same of all
Right : auto
Left : auto
Position
Width : 800
(Container) jLM «∫ WO Ozd « hzUB)« ôË√
![Page 40: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/40.jpg)
≥π
Background
Browse
url :(‘../logo.jpg)
OK
Category
Untitled_1.css Yes
.(School (Style (style1.css
( Head ) jLM «∫ WO Ozd « hzUB)« ôË√
Selector # head
Apply new style to document
selection˛ Apply new style to document selection
Define in Existing style sheet
URL style. css
Browse (style/style1.css)
![Page 41: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/41.jpg)
¥∞
Position
Height : 100
Category
( Menu )
∫ WO Ozd « hzUB)« ôË√
Background
Background-color : #000000
Position
Height : 30
Selector #menu
Apply new style to document
selection˛ Apply new style to document selection
Define in Existing style sheet
URL style. css
Browse (style/style1.css)
![Page 42: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/42.jpg)
¥±
Category
Background
Background-color : #99FFCC
Position
Width : 600
Height : 400
Layout
Float : left
Clear : left
#99FFCC
600
left
left
400
(Left) jLM «∫ WO Ozd « hzUB)« ôË√
Selector #left
Apply new style to document
selection˛ Apply new style to document selection
Define in Existing style sheet
URL style. css
Browse (style/style1.css)
![Page 43: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/43.jpg)
¥≤
Category
( Right ) jLM «
Background
Background-color : #CCFFFF
Layout
Float : right
Clear : right
Position
Width : 180
Height : 400
Selector #right
Apply new style to document
selection˛ Apply new style to document selection
Define in Existing style sheet
URL style. css
Browse (style/style1.css)
![Page 44: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/44.jpg)
¥≥
Category
Font
Font-size : small
Font-Wight : bold
Background
Background-color : #000000
( Footer ) jLM «
Selector #footer
Apply new style to document
selection˛ Apply new style to document selection
Define in Existing style sheet
URL style. css
Browse (style/style1.css)
![Page 45: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/45.jpg)
¥¥
Footer
save all
(amlhos.html – style1.css)
.OK images div "header"
Position
Height : 40
Layout
Float : none
Clear : both
![Page 46: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/46.jpg)
ثاني�Forms النماذج
![Page 47: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/47.jpg)
![Page 48: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/48.jpg)
¥Σ
Forms ÖULM « ∫ UO½UŁ
: Forms ÖULM « n¹dFð
∫V¹u « l u qš«œ Forms ÖULM « U «b ²Ý« iFÐ
![Page 49: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/49.jpg)
¥∏
∫ Öu/ ¡UA½≈
.Panels Toolbox Toolbox
Form
![Page 50: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/50.jpg)
¥π
∫ ÖuLM « w rJײ « d UMŽ
‡ Input (Text)
‡ Input (Radio)
‡ Input (Checkbox)
‡ Input (File)
‡ Text Area
‡ Input (Text)
Submit ‡ Input (submit)
Reset ‡ Input (reset)
![Page 51: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/51.jpg)
μ∞
Form rJײ « dBMŽ ≠ ±
Form Properties
—UO²šô«WHOþu «Send to (Requires FrontPage
Server Extensions)
File name
E-mail address
Send to database (Requires
FrontPage Server Extensions)
Form name
Target frame
Form Direction
∫UNM Ë Ã–uLM « w rJײ « d UMŽ s b¹bF « W U{≈ sJ1Ë
![Page 52: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/52.jpg)
μ±
Input (Button) rJײ « dBMŽ ≠ ≤
Push Button Properties
—UO²šô«WHOþu «Name
Value/label
Button Type
Tab Order
Button Direction
Normal
Submit
.Input (Submit)
Reset
.Input (Reset)
![Page 53: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/53.jpg)
μ≤
Input (Text) rJײ « dBMŽ ≠ ≥
Form Field Properties
—UO²šô«WHOþu «Name
Initial Value
Width in characters
Tab Order
Password field
Text Direction
![Page 54: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/54.jpg)
μ≥
Input (Checkbox) rJײ « dBMŽ ≠ ¥
Form Field Properties
—UO²šô«WHOþu «Name
Value
Initial State
Tab Order
Checked
Not checked
![Page 55: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/55.jpg)
μ¥
Input (Radio) rJײ « dBMŽ ≠ μ
Form Field Properties
—UO²šô«WHOþu «Name.
Value
Tab Order
Initial State
Selected
Not selected
![Page 56: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/56.jpg)
μμ
Input (File) rJײ « dBMŽ ≠ ∂
Form Field Properties
—UO²šô«WHOþu «Name
Width in characters
Tab Order
Input Direction
![Page 57: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/57.jpg)
μ∂
Input ( Image ) rJײ « dBMŽ ≠ Σ
Picture Properties
—UO²šô«WHOþu «Picture
Alternate Text
Long Description
Browse
![Page 58: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/58.jpg)
μΣ
Text Area rJײ « dBMŽ ≠ ∏
Form Field Properties
—UO²šô«WHOþu «Name
Initial Value
Width in characters
Tab order
Number of Lines
Direction
![Page 59: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/59.jpg)
μ∏
∫ U×OLKð
Tag Properties
∫ ÖuLM « U½UOÐ s¹e ð
.Form Field Properties
![Page 60: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/60.jpg)
μπ
Form Field Properties
Form Properties
Send to (Requires FrontPage Server Extensions)
.( E-mail Address )
![Page 61: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/61.jpg)
∂∞
Send to database (Requires FrontPage Server Extensions)
Options
.Options for Saving Results to Database
create database
Forms Properties
Ok
∫ U×OLKð
![Page 62: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/62.jpg)
∂±
∫ U×OLKð
webconfig
∫ U×OLKðOptions for Saving Results to Database
Database Results
Saved Fields
—UO²šô«WHOþu «
![Page 63: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/63.jpg)
∂≤
∫rJײ « dBMŽ ·cŠ
Delete
∫ÖuLM « ·cŠ
WK U W×H ÖuLM « ÊU «–≈ ∫v Ë_« W U(«
Folder List
Delete Delete
V¹u « W×H s ¡eł ÖuLM « ÊU «–≈ ∫WO½U¦ « W U(«
Form
Form
Delete
![Page 64: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/64.jpg)
ثالث�Behaviour السلوك
![Page 65: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/65.jpg)
![Page 66: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/66.jpg)
∂μ
Behavior „uK « ∫ U¦ UŁ∫Behavior „uK « n¹dFð
Actions Events
∫W×HB « w U dBMF Behavior „uKÝ 5OFð∫ WO U² « «uD)« l³ð« œb× dBMF Behavior „uKÝ 5OF²Behavior Format Behavior
Behavior
![Page 67: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/67.jpg)
∂∂
Insert Behavior
Popup Message
Popup Message
OK
![Page 68: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/68.jpg)
∂Σ
¡«dłù«WHOþu «Change Property
Change Property Restore
Go To URL
Open Browser Window
Play Sound
Popup Message
∫Actions «¡«dłù« Ÿ«u½√ iFÐ
![Page 69: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/69.jpg)
∂∏
:Events À«bŠ_« Ÿ«u½√ iFÐÀb(«WHOþu «onclick
ondbclick
onload
onmousedown
onmouseout
onmouseover
onupload
Preload Images
Set Text of Status Bar
Swap Image
Swap Image Restore
![Page 70: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/70.jpg)
∂π
∫ U×OLKð Behavior Behavior
∫ Àb(« q¹bFð∫WO U² « «uD)« l³ð« œb× „uK Ð ’U)« Àb(« w q¹bF²K
Behavior Events
Behavior
Events Events
![Page 71: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/71.jpg)
Σ∞
∫ W×HB « w U dBMF Behavior „uKÝ ·cŠ∫ WO U² « «uD)« l³ð« U dBMF Behavior „uKÝ ·c(
Behavior Behavior
Behavior
Events Delete Events
Delete
∫ U×OLKð Behavior
![Page 72: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/72.jpg)
رابع�Layers الطبقات
![Page 73: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/73.jpg)
![Page 74: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/74.jpg)
Σ≥
Layers UI³D « ∫UFЫ—:Layer WI³D « n¹dFð
Layer
∫ V¹Ë W×H v ≈ Layer WI³Þ W U{≈Layer
:Toolbox rJײ « Õu «b ²ÝUÐ v Ë_« WI¹dD «Layer
: Layers rJײ « Õu «b ²ÝUÐ WO½U¦ « WI¹dD «
…«œô«WHOþu «
Insert Layer
Draw Layer
![Page 75: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/75.jpg)
Σ¥
∫ U×OLKðLayer
e d «vKŽ ‰b¹
∫ W×HB « qš«œ Layers UI³D « oO Mð∫WO U² « «uD)« l³ð« Layers UI³D « oO M²
Layers Format Layers
∫Layers rJײ « Õu l q UF² «Layers
![Page 76: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/76.jpg)
Σμ
Borders and Shading
Borders and Shading
Borders Layers
Shading
∫ W×HB « s Layers WI³Þ ·cŠDelete Layers
∫ ‰U¦Layers Behavior
![Page 77: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/77.jpg)
Σ∂
∫WO U² « «uD)« l³ð« W b M*« rz«uI « ¡UA½ù
Layers
Layer Layers
Insert Behavior
Change Property
Change Property
Select Element
( div ) Element Type
![Page 78: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/78.jpg)
ΣΣ
( Layer 1 ) Element ID
Visibility
Visible Visibility
ok
ok Change Property
![Page 79: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/79.jpg)
Σ∏
Behavior
Layer1 Layers
Behaviors
Change Property Insert
Change Property
Select Element
Element Type
( div )
Element ID
( layer 1 )
Visibility
![Page 80: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/80.jpg)
Σπ
Hidden Visibility
ok
ok Change Property
Events onmouseout
Layer
Layer
![Page 81: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/81.jpg)
![Page 82: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/82.jpg)
خامس�العمل مع قواعد البيانات
![Page 83: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/83.jpg)
![Page 84: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/84.jpg)
∏≥
Work with Database U½UO³ « bŽ«u l qLF « ∫ ÎU Uš
∫ w U² « ‰«R « pM¼– v ≈ —œU³²¹ U0—ËMS Expression Web 4.0
: MS Expression Web 4.0 ‰öš s U½UO³ « bŽ«u jÐd «eOL*« iFÐ pO ≈Access SQL Server
:DataBase U½UO³ « …bŽU
w½b*« r d «rÝô«WO M'«œöO*«fM'«W UD³ « ¡UN²½« a¹—Uð≤Σμ±∞∞Σ∞±±∞∞bLŠ√ wKŽ „—U³ —bÐw²¹u±πΣμر∞ØΣd –≤∞±μØ≥Ø≤≥≤πΣ∞π∞μ∞±≤μμrÝUł 5 Š r UÝw²¹u±ππΣØπØμd –≤∞±≤ر∞Ø≤∞≤πμ∞≥≥∞∞¥Σ∂±wKŽ ÈuKÝw²¹u±ππμØ≥Ø≥∞v¦½√≤∞±≥ر≤ر±≤π∂∞¥∞μ∞±≤μ∞bL× bLŠ√ÍdB±ππ∂Ø¥Øμd –≤∞±≤ر∞Ø≤∞≤ππ∞≥≤μ∞∞∏¥≥bL× .—ÍdB±πππØ≥Ø≤μv¦½√≤∞±¥ØμØ≤
![Page 85: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/85.jpg)
∏¥
:ASPX W×H ¡UA½≈ASPX MS Expression Web 4.0
ASPX
.File
New
ASPX
∫ U½UOÐ …bŽU l w U(« l u*« ‰UBð«
Panels Data Source Library
ASP.Net Connections Data Source Library
New ASP.Net Connection
Choose Data Source
.ok Microsoft Access Database file
![Page 86: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/86.jpg)
∏μ
Connection Properties
Browse Database File Name
Database File Name
ok Test Connection
New Connection
ok
ASP.net Connections
Data Source Library
student Connecting String1
![Page 87: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/87.jpg)
∏∂
∫ U×OLKðMS Expression Web 4.0
.( ... XML ، accdb ، mdb )
∫ U×OLKðASP.NetControls ASP.Net
Data , Standard Toolbox
∫ U½UO³ « ÷dF W×H ¡UA½≈∫ WO U² « «uD)« l³ð« U½UO³ « ÷dF W×H ¡UA½ù
ASPX
ASP.Net Control Toolbox
Ñ
DetailsView ASP.Net Control Data
![Page 88: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/88.jpg)
∏Σ
DetailsView Tasks
<New data source...> Choose Data Source
Data Source Configuration Wizard
Database
ok
( SqlDataSource1)
Specify an ID for the Data Source
![Page 89: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/89.jpg)
∏∏
Configure Data Source – SqlDataSource1
.( studentConnectionString1 )
New Connection ∫WO½U¦ «
Next
Name
Next
Test Query
Finish
![Page 90: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/90.jpg)
∏π
Yes
DetailsView1
∫DetailsView rJײ « dBMŽ ÂUN …c U½DetailsView
![Page 91: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/91.jpg)
π∞
Auto Format
Choose Data Source
Configure Data Source
Refresh Schema
Edit Fields
Update Edit
New Delete Cancel
Insert
![Page 92: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/92.jpg)
π±
Footer Template
Header Template
EmptyData Template
Paper Template
Add New Field
DetailsView Enable Paging
Edit Templates
End Template Editing
![Page 93: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/93.jpg)
π≤
∫ U½UO³ « w q¹bF²K W×H ¡UA½≈∫WO U² « «uD)« l³ð« U½UOÐ …bŽU nK U½UOÐ w q¹bF²K W×H ¡UA½ù
ASPX
،ASP.Net Control Toolbox
Ñ
DetailsView ASP.Net Control Data
Choose Data Source DetailsView Tasks
New data source
Data Source Configuration Wizard
ok Database
( SqlDataSource1)
.Specify an ID for the Data Source
![Page 94: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/94.jpg)
π≥
Configure Data Source – SqlDataSource1
∫v Ë_«.( studentConnectionString1 )
New Connection ∫WO½U¦ «
Next
Name
Advanced (*)
Generate INSERT, UPDATE, and DELETE statements
Next Ok
![Page 95: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/95.jpg)
π¥
Finish Test Query
DetailsView1
DetailsView1
Edit ،Delete New
˛ Enable Paging
˛ Enable Inserting
˛ Enable Editing
˛ Enable Deleting
![Page 96: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/96.jpg)
πμ
∫Y×Ð W×H ¡UA½≈ l³ð« V¹u « W×H w l u*UÐ j³ðd*« U½UO³ « …bŽU nK w Y׳ « WO Uš W U{ù
∫WO U² « «uD)«
ASPX
ASP.Net -Standard Textbox
Toolbox
ASP.Net -Standard Button
Toolbox
Text Tag Properties
Button
Button
![Page 97: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/97.jpg)
π∂
Toolbox ∫Y׳ « WO²½ —UNþù ≠ ∂DataList ASP.Net Controls - Data
∫l u*UÐ WD³ðd*« U½UO³ « …bŽU —bB b¹bײ ≠ ΣChoose Data Source DataList Tasks
<New data source...>
Database Data Source Configuration Wizard
Ok
![Page 98: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/98.jpg)
πΣ
Choose Your Data Connection
Next
Configure the Select Statement
a
b
∫YOŠa
b
C
Where
Where
ok
(Control)
(Like)(Text Box)
(Add)
a
a
b
b
d
d
e
c
e
c
c
±±
![Page 99: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/99.jpg)
π∏
Next Configure the Select Statement
Finish Test Query
![Page 100: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/100.jpg)
مشروعتصميم موقع ويب
![Page 101: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/101.jpg)
![Page 102: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/102.jpg)
±∞±
WOÐuÝU(« UJ³A « ŸËdA
∫ŸËdA*« ‰U ∫ôË√
∫ŸËdA*« UH «u ∫ ÎUO½UŁ
ASPX
![Page 103: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/103.jpg)
±∞≤
ŸËdA*« œ«bŽ≈ qŠ«d ∫U¦ UŁ
∫l u*« ¡UM³ jOD ² « ∫v Ë_« WKŠd*«
Æ© ÆÆÆ UJ³A « bz«u – UJ³A « Ÿ«u½√ – WJ³A « n¹dFð ®
∫V¹u « U×H Ë l u*« ¡UA½≈ ∫WO½U¦ « WKŠd*«MS Expression Web 4.0
.( .. Images ، Style
qLF « ‚«—Ë√ ŸËdA*«
CSS
ŸËdA*«
qLF « ‚«—Ë√
![Page 104: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/104.jpg)
±∞≥
∫ U½UO³ « …bŽUIÐ l u*« jЗ ∫W¦ U¦ « WKŠd*«qLF « ‚«—Ë√ ŸËdA*«
ASPX
ASPX
ASPX
![Page 105: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/105.jpg)
![Page 106: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/106.jpg)
كراسة المتعلم
![Page 107: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/107.jpg)
±∞∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽCSS ◊U/_«Style
CSS
"Mange Style "
New Style
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
![Page 108: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/108.jpg)
±∞Σ
© ± ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ(school1)
.( aml.html )
Div ( aml.html )
∫ WO U² « UH «u*UÐ
Page Properties
(All
(Head
Selector #allApply new style to document selection yesDefine In Current Pageposition Width = 800Box Margin – top =auto
![Page 109: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/109.jpg)
±∞∏
Selector #headApply new style to document selection yesDefine In Current PageBackground Background-image= logo.jpg
PositionWidth = 800
Height = 100Box Margin – top =auto
(Menu
Selector #menuApply new style to document selection yesDefine In Current PageBackground Background-color= (#000000) أسود Position Width = 800Box Margin – top =auto
(Right
Selector #rightApply new style to document selection yesDefine In Current PageBackground Background-color= (#FFCCCC) فاتح أحمر
PositionWidth = 600
Height = 400
Layoutfloat = right
clear = right
(Left
Selector #leftApply new style to document selection yesDefine In Current PageBackground Background-color= (#99CCFF) فاتح أزرق
PositionWidth = 180
Height = 400
Layoutfloat = left
clear = left
![Page 110: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/110.jpg)
±∞π
(FooterSelector footer#Apply new style to document selection yesDefine In Current PageBackground Background-color = (#000000) أسودBox Margin – top =autoPosition Width = 800Layout Clear = both
Footer
Selector test1.Apply new style to document selection yesDefine In Current PageFont Aril, large, blueBackground Background color = gray
![Page 111: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/111.jpg)
±±∞
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽCSS ◊U/_«
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
![Page 112: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/112.jpg)
±±±
© ≤ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ(school2)
.(social.html)
Selector pApply new style to document selection yesDefine In Current PageFont Aril, large, blueBackground Background color = gray
Selector #aml AhmApply new style to document selection yesDefine In New Style SheetFont Aril, large, أزرقBackground Background-image= logo.jpg
.( styleME.css )
Selector #MysAhmApply new style to document selection yesDefine In Existing style sheetURL من ملفات الموقع style-iyd.css اختر ملفFont Andalus, large, أحمرBackground Background-color= فاتح أخضر
![Page 113: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/113.jpg)
±±≤
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽCSS ◊U/_«
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
![Page 114: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/114.jpg)
±±≥
© ≥ ® qLŽ W —Ë
∫WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ(school3)
.(4all.html)
( 4all.html ) Div
![Page 115: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/115.jpg)
±±¥
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽForms ÖULM «
Forms
Forms
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
![Page 116: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/116.jpg)
±±μ
© ¥ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ( school4 )
.( contact.html )
Form
U½UOÐ
® ® ® ®
° °
![Page 117: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/117.jpg)
±±∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽForms ÖULM «
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
![Page 118: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/118.jpg)
±±Σ
© μ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ( school5 )
.( contact.html )
Address Name
Note Mobile
Toolbox Submit & Reset
HTML
Reset Submit
![Page 119: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/119.jpg)
±±∏
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽBehavior „uK «
∫ ”—b « œuMÐBehavior
Actions
Events
∫ oO³D² «
∫ wHB « .uI² «
![Page 120: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/120.jpg)
±±π
© ∂ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ( school6 )
.( social.html )
(www.moe.edu.kw)
. Action : Go To URL Events : onclick
.onmouseover onload
(Set Text of Statues bar)
onload
.( general.html )
![Page 121: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/121.jpg)
±≤∞
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽq Uý oO³Dð
HTML
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
![Page 122: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/122.jpg)
±≤±
© Σ ® qLŽ W —Ë
∫WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ
( images – style )
.(style) ( styleahm.css )
.( amlahm.html )
Div ( amlahm.html )
(style) ( styleiyd.css )
.( kuwait.html )
![Page 123: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/123.jpg)
±≤≤
.(Kuwait.html)
(Kuwait.html) boy.jpg Abraaj.jpg
onload Popup Message (a
(Kuwait.html)
set text of statues bar (b
onclick
.( contactus.aspx )
contactus aspx
° °
® ® ® ®
qOLF « U½UOÐ
![Page 124: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/124.jpg)
±≤≥
![Page 125: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/125.jpg)
±≤¥
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽW¦ U¦ « WOÝ«—b « …d²H « wKLŽ —U³²š«
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
![Page 126: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/126.jpg)
±≤μ
© ∏ ® qLŽ W —Ë
ÆMs Expression Web 4.0 Z U½dР«b ²ÝUÐœb;« s e « w wKLF « —U³²šô« WK¾Ý√ sŽ Vł√
![Page 127: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/127.jpg)
±≤∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽLayers UI³D «
∫ ”—b « œuMÐLayer
Layers
∫ oO³D² «
∫ wHB « .uI² «
![Page 128: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/128.jpg)
±≤Σ
© π ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐ( school9)
.( computer.html )
Layer
.( main.html )
– – Layers & Behavior
![Page 129: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/129.jpg)
±≤∏
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWork With Database U½UO³ « bŽ«u l qLF «
∫ ”—b « œuMÐMs Expression Web 4.0
ASPX
∫ oO³D² «
∫ wHB « .uI² «
![Page 130: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/130.jpg)
±≤π
© ±∞ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐ( school10 )
.( help ) ASPX
(student
.( view.aspx )
(student
(DetailsView
![Page 131: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/131.jpg)
±≥∞
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWork With Database U½UO³ « bŽ«u l qLF «
∫ ”—b « œuMÐ،DetailsView
DetailsView -
∫ oO³D² «
∫ wHB « .uI² «
![Page 132: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/132.jpg)
±≥±
© ±± ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐ( school11 )
.( view.aspx )
AutoFormat DetailsView
Classic
/ Edit
New Delete
![Page 133: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/133.jpg)
±≥≤
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWork With Database U½UO³ « bŽ«u l qLF «
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
![Page 134: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/134.jpg)
±≥≥
© ±≤ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐ( school12)
.( search.aspx )
، Datalist Input (Button) Input (Text)
![Page 135: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/135.jpg)
±≥¥
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWOÐuÝU(« UJ³A « ŸËdA∫ ”—b « œuMÐ
Æ© ÆÆÆ tH Ë V UD « rÝ« ÆÆÆ ŸËdA ®Images – Style – Multimedia
Æ© a « ÆÆ©qLF « ‚«—Ë√® ©ŸËdA*«®
.(Images)
Dynamic Web Template
∫ oO³D² «
∫ wHB « .uI² «
![Page 136: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/136.jpg)
±≥μ
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWOÐuÝU(« UJ³A « ŸËdA∫ ”—b « œuMÐ
Æ©qLF « ‚«—Ë√® ©ŸËdA*«®
CSS
ASPX
ASPX
ASPX
∫ oO³D² «
∫ wHB « .uI² «
![Page 137: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/137.jpg)
±≥∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWFЫd « WOÝ«—b « …d²H « wKLŽ —U³²š«
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
![Page 138: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/138.jpg)
±≥Σ
© ±≥ ® qLŽ W —Ë
Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐœb;« s e « w wKLF « —U³²šô« WK¾Ý√ sŽ Vł√
![Page 139: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/139.jpg)
![Page 140: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/140.jpg)
±≥π
Ms Expression Web 4٫0
– – –Jim cheshire, Microsoft Expression web, second edition, 2011.
Chris leeds, Step By Step Microsoft Expression Web4, Microsoft, 2010.
lł«d*«
![Page 141: n???O§لصف العاشر-10... · ÛÁ_ \Á lF"â TK p a?C Á ÄR HA i n RC Á sH ÃË_ â ÓÁ_ ¿â aLGE p  A Á ã_ ¨ãa ½ TK p U rG Á T â_ TL a H T RC Á ... ¨RKH Á_](https://reader031.fdocument.pub/reader031/viewer/2022022117/5caa4de188c9938c0b8dec31/html5/thumbnails/141.jpg)