n???o§لصف العاشر-10... · ÛÁ_ \Á lf"â tk p a?c Á Är ha i n rc Á sh ÃË_ â...
TRANSCRIPT
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 م
الكندري أحمـــد عـلـــي أ. أ. أحـمـــــد السيـــد الحسيني
أ. حنـــــان حـبيـب بــوخمسيننــــانيس يحــيى البـــاجــــوري
تأليـــف)رئيسا( دشـتي أحمــد نجـيـبة أ.
حقوق التأليف والطبع والنرش حمفوظة لوزارة الرتبية – قطاع البحوث الرتبوية واملناهجإدارة تطوير املناهج
2014 - 2015 م الطبعة الأولى 2016 - 2017 م 2017 - 2018 م
UŽu{u*«W×HB «
.Microsoft Expression Web 4
∫ ÎôË√CSS
∫ ÎÎUO½UŁForms
∫ ÎU¦ UŁBehaviors
∫ ÎUFЫ—Layers
∫ ÎU Uš
المحتوى
±±
ÆÆÆÆrKF²*« Íe¹eŽ
(Microsoft Expression Web 4)
¨¨¨oO u² « w Ë tK «Ë
ÊuH R*«
المقدمة
أوالCSS ا�نماط وصفحات
±Σ
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 "
±∏
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¹
±π
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
≤∞
hzUB)« W¾H «Background
Border
Border Radius
Box
≤±
hzUB)« W¾H «Position
Layout
List
Table
∫ U×OLKð
≤≤
∫ ◊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
≤≥
Selector
ok
≤¥
∫ 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ð
≤μ
ok
∫W×HB « qš«œ ÂUF « jLM « oO³Dð
Manage Styles Manage Styles
Panels
Manage Styles
.Apply Style
≤∂
: 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 « ≠
≤Σ
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
≤∏
∫W×HB « qš«œ jLM « oO³Dð
Manage Styles Manage Styles
Panels
Manage Styles
.Apply Style
∫ U×OLKð( Div )
qJA «vKŽ ‰b¹ahm1
h1
≤π
∫ jLM « q¹bFð
∫v Ë_« WI¹dD «. Modify Style
CSS Properties ∫WO½U¦ « WI¹dD «
≥∞
∫ W «d²*« ◊U/_« W×H ¡UA½≈
CSS New File
Untitled_1.css
Save
Save
≥±
∫ …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
≥≤
.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
≥≥
Ø
—UO²šô«WHOþu «All HTML Pages
Selected Page
Current Page
—UO²šô«WHOþu «Link
Import
∫ U×OLKð
Ø
≥¥
∫ ‰U¦. MS Expression Web 4.0
General New Site Site
.Ok (School Empty Site
( images – style) Folder List
Folder New Folder List
Enter
≥μ
amlhos Untitled_1.html
Save
Design
Page Properties
(Left) (Right)
HTML New File HTML
≥∂
Div Div (a
Container ID ،Tag Properties
Enter (b
Tag Div Div (c
Head ID Properties
Head
Menu
Footer
Right Left
Container
≥Σ
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
≥∏
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)« ôË√
≥π
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)
¥∞
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)
¥±
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)
¥≤
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)
¥≥
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)
¥¥
Footer
save all
(amlhos.html – style1.css)
.OK images div "header"
Position
Height : 40
Layout
Float : none
Clear : both
ثاني�Forms النماذج
¥Σ
Forms ÖULM « ∫ UO½UŁ
: Forms ÖULM « n¹dFð
∫V¹u « l u qš«œ Forms ÖULM « U «b ²Ý« iFÐ
¥∏
∫ Öu/ ¡UA½≈
.Panels Toolbox Toolbox
Form
¥π
∫ ÖuLM « w rJײ « d UMŽ
‡ Input (Text)
‡ Input (Radio)
‡ Input (Checkbox)
‡ Input (File)
‡ Text Area
‡ Input (Text)
Submit ‡ Input (submit)
Reset ‡ Input (reset)
μ∞
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Ë
μ±
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)
μ≤
Input (Text) rJײ « dBMŽ ≠ ≥
Form Field Properties
—UO²šô«WHOþu «Name
Initial Value
Width in characters
Tab Order
Password field
Text Direction
μ≥
Input (Checkbox) rJײ « dBMŽ ≠ ¥
Form Field Properties
—UO²šô«WHOþu «Name
Value
Initial State
Tab Order
Checked
Not checked
μ¥
Input (Radio) rJײ « dBMŽ ≠ μ
Form Field Properties
—UO²šô«WHOþu «Name.
Value
Tab Order
Initial State
Selected
Not selected
μμ
Input (File) rJײ « dBMŽ ≠ ∂
Form Field Properties
—UO²šô«WHOþu «Name
Width in characters
Tab Order
Input Direction
μ∂
Input ( Image ) rJײ « dBMŽ ≠ Σ
Picture Properties
—UO²šô«WHOþu «Picture
Alternate Text
Long Description
Browse
μΣ
Text Area rJײ « dBMŽ ≠ ∏
Form Field Properties
—UO²šô«WHOþu «Name
Initial Value
Width in characters
Tab order
Number of Lines
Direction
μ∏
∫ U×OLKð
Tag Properties
∫ ÖuLM « U½UOÐ s¹e ð
.Form Field Properties
μπ
Form Field Properties
Form Properties
Send to (Requires FrontPage Server Extensions)
.( E-mail Address )
∂∞
Send to database (Requires FrontPage Server Extensions)
Options
.Options for Saving Results to Database
create database
Forms Properties
Ok
∫ U×OLKð
∂±
∫ U×OLKð
webconfig
∫ U×OLKðOptions for Saving Results to Database
Database Results
Saved Fields
—UO²šô«WHOþu «
∂≤
∫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
ثالث�Behaviour السلوك
∂μ
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
∂∂
Insert Behavior
Popup Message
Popup Message
OK
∂Σ
¡«dłù«WHOþu «Change Property
Change Property Restore
Go To URL
Open Browser Window
Play Sound
Popup Message
∫Actions «¡«dłù« Ÿ«u½√ iFÐ
∂∏
: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
∂π
∫ U×OLKð Behavior Behavior
∫ Àb(« q¹bFð∫WO U² « «uD)« l³ð« œb× „uK Ð ’U)« Àb(« w q¹bF²K
Behavior Events
Behavior
Events Events
Σ∞
∫ 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
رابع�Layers الطبقات
Σ≥
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
Σ¥
∫ 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
Σμ
Borders and Shading
Borders and Shading
Borders Layers
Shading
∫ W×HB « s Layers WI³Þ ·cŠDelete Layers
∫ ‰U¦Layers Behavior
Σ∂
∫WO U² « «uD)« l³ð« W b M*« rz«uI « ¡UA½ù
Layers
Layer Layers
Insert Behavior
Change Property
Change Property
Select Element
( div ) Element Type
ΣΣ
( Layer 1 ) Element ID
Visibility
Visible Visibility
ok
ok Change Property
Σ∏
Behavior
Layer1 Layers
Behaviors
Change Property Insert
Change Property
Select Element
Element Type
( div )
Element ID
( layer 1 )
Visibility
Σπ
Hidden Visibility
ok
ok Change Property
Events onmouseout
Layer
Layer
خامس�العمل مع قواعد البيانات
∏≥
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¦½√≤∞±¥ØμØ≤
∏¥
: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
∏μ
Connection Properties
Browse Database File Name
Database File Name
ok Test Connection
New Connection
ok
ASP.net Connections
Data Source Library
student Connecting String1
∏∂
∫ 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
∏Σ
DetailsView Tasks
<New data source...> Choose Data Source
Data Source Configuration Wizard
Database
ok
( SqlDataSource1)
Specify an ID for the Data Source
∏∏
Configure Data Source – SqlDataSource1
.( studentConnectionString1 )
New Connection ∫WO½U¦ «
Next
Name
Next
Test Query
Finish
∏π
Yes
DetailsView1
∫DetailsView rJײ « dBMŽ ÂUN …c U½DetailsView
π∞
Auto Format
Choose Data Source
Configure Data Source
Refresh Schema
Edit Fields
Update Edit
New Delete Cancel
Insert
π±
Footer Template
Header Template
EmptyData Template
Paper Template
Add New Field
DetailsView Enable Paging
Edit Templates
End Template Editing
π≤
∫ 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
π≥
Configure Data Source – SqlDataSource1
∫v Ë_«.( studentConnectionString1 )
New Connection ∫WO½U¦ «
Next
Name
Advanced (*)
Generate INSERT, UPDATE, and DELETE statements
Next Ok
π¥
Finish Test Query
DetailsView1
DetailsView1
Edit ،Delete New
˛ Enable Paging
˛ Enable Inserting
˛ Enable Editing
˛ Enable Deleting
πμ
∫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
π∂
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
πΣ
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
±±
π∏
Next Configure the Select Statement
Finish Test Query
مشروعتصميم موقع ويب
±∞±
WOÐuÝU(« UJ³A « ŸËdA
∫ŸËdA*« ‰U ∫ôË√
∫ŸËdA*« UH «u ∫ ÎUO½UŁ
ASPX
±∞≤
ŸË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 « ‚«—Ë√
±∞≥
∫ U½UO³ « …bŽUIÐ l u*« jЗ ∫W¦ U¦ « WKŠd*«qLF « ‚«—Ë√ ŸËdA*«
ASPX
ASPX
ASPX
كراسة المتعلم
±∞∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽCSS ◊U/_«Style
CSS
"Mange Style "
New Style
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
±∞Σ
© ± ® 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
±∞∏
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
±∞π
(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
±±∞
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽCSS ◊U/_«
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
±±±
© ≤ ® 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= فاتح أخضر
±±≤
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽCSS ◊U/_«
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
±±≥
© ≥ ® qLŽ W —Ë
∫WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ(school3)
.(4all.html)
( 4all.html ) Div
±±¥
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽForms ÖULM «
Forms
Forms
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
±±μ
© ¥ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4.0 Z U½dР«b ²ÝUÐ( school4 )
.( contact.html )
Form
U½UOÐ
® ® ® ®
° °
±±∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽForms ÖULM «
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
±±Σ
© μ ® 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
±±∏
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽBehavior „uK «
∫ ”—b « œuMÐBehavior
Actions
Events
∫ oO³D² «
∫ wHB « .uI² «
±±π
© ∂ ® 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 )
±≤∞
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽq Uý oO³Dð
HTML
∫ oO³D² «
∫ wHB « .uI² «
∫ ”—b « œuMÐ
±≤±
© Σ ® 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 )
±≤≤
.(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Ð
±≤≥
±≤¥
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽW¦ U¦ « WOÝ«—b « …d²H « wKLŽ —U³²š«
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
±≤μ
© ∏ ® qLŽ W —Ë
ÆMs Expression Web 4.0 Z U½dР«b ²ÝUÐœb;« s e « w wKLF « —U³²šô« WK¾Ý√ sŽ Vł√
±≤∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽLayers UI³D «
∫ ”—b « œuMÐLayer
Layers
∫ oO³D² «
∫ wHB « .uI² «
±≤Σ
© π ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐ( school9)
.( computer.html )
Layer
.( main.html )
– – Layers & Behavior
±≤∏
∫ 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² «
±≤π
© ±∞ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐ( school10 )
.( help ) ASPX
(student
.( view.aspx )
(student
(DetailsView
±≥∞
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWork With Database U½UO³ « bŽ«u l qLF «
∫ ”—b « œuMÐ،DetailsView
DetailsView -
∫ oO³D² «
∫ wHB « .uI² «
±≥±
© ±± ® 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
±≥≤
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWork With Database U½UO³ « bŽ«u l qLF «
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
±≥≥
© ±≤ ® qLŽ W —Ë
∫ WO U² « «uD)« cH½ Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐ( school12)
.( search.aspx )
، Datalist Input (Button) Input (Text)
±≥¥
∫ 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² «
±≥μ
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWOÐuÝU(« UJ³A « ŸËdA∫ ”—b « œuMÐ
Æ©qLF « ‚«—Ë√® ©ŸËdA*«®
CSS
ASPX
ASPX
ASPX
∫ oO³D² «
∫ wHB « .uI² «
±≥∂
∫ a¹—U² «Ë ÂuO «
∫ ”—b « Ê«uMŽWFЫd « WOÝ«—b « …d²H « wKLŽ —U³²š«
∫ ”—b « œuMÐ
∫ oO³D² «
∫ wHB « .uI² «
±≥Σ
© ±≥ ® qLŽ W —Ë
Ms Expression Web 4٫0 Z U½dР«b ²ÝUÐœb;« s e « w wKLF « —U³²šô« WK¾Ý√ sŽ Vł√
±≥π
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*«
