Transcription
2 ﻋﻨﻮان آﻣﻮزش HTML5 و CSS3 در ﻗﺎﻟﺐ ﭘﺮوژه ﻣﺆﻟﻔﺎن : اﻟﻜﺴﻴﺲ ﮔﻠﺪﺳﺘﻴﻦ ، ﻟﻮﻳﻴﺲ ﻻزارﻳﺲ ، اﺳﺘﻼ وﻳﻞ ﻣﺘﺮﺟﻢ : اﻣﻴﺮﻋﺒﺎس ﻋﺒﺪاﻟﻌﻠﻲ ﭘﻴﺶﻧﻴﺎز HTML4 : و CSS2.1 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ 360 ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ
اﻳﻨﺒﺎر ﺑﺮاي ﻣﻌﺮﻓﻲ ﻛﺘﺎب ﺳﻌﻲ ﻛﺮدﻳﻢ از دوﺳﺘﺎن ﻃﺮاح ، ﺑﺮﻧﺎﻣﻪ ﻧﻮﻳﺲ ، وﺑﻼگ ﻧﻮﻳﺲ و وب ﻣﺴﺘﺮ ﺑﺮاي ﻧﺸﺮ و ﻣﻌﺮﻓﻲ اﻳﻦ ﻛﺘﺎب ﻛﻤﻚ ﺑﺨﻮاﻫﻴﻢ . ﺑﺪون ﻛﻤﻚ اﻳﻦ دوﺳﺘﺎن ﺷﺎﻧﺲ زﻳﺎدي ﺑﺮاي ﻣﻌﺮﻓﻲ اﺛﺮﻣﺎن وﺟﻮد ﻧﺪاﺷﺖ . در اداﻣﻪ ﻟﻮﮔﻮي و آدرس ﺳﺎﻳﺖﻫﺎﻳﻲ ﺑﻪ ﻣﺎ ﻟﻄﻒ داﺷﺘﻨﺪ و در ﻣﻌﺮﻓﻲ اﻳﻦ اﺛﺮ ﺑﻪ ﻣﺎ ﻛﻤﻚ ﻛﺮدهاﻧﺪ ، آورده ﺷﺪه اﺳﺖ . از ﺗﻤﺎﻣﻲ دوﺳﺘﺎﻧﻲ ﻛﻪ ﻣﺎ را در ﻣﻌﺮﻓﻲ و ﻧﺸﺮ اﻳﻦ ﻓﺎﻳﻞ ﻛﻤﻚ ﻛﺮدﻧﺪ ﻗﺪرداﻧﻲ ﻣﻲﻛﻨﻴﻢ . ﺟﺎﻣﻌﻪ ﻣﺠﺎزي ﻳﺎ ﻓﺎﺟﻌﻪ ﻣﺠﺎزي - ﺟﻮاداﺣﻤﺪزاده
4 ﻋﻨﻮان ﻫﺮ ﮔﻮﻧﻪ ﺧﺒﺮ ﺟﺪﻳﺪ درﺑﺎره ي اﻳﻦ ﻛﺘﺎب )اراﺋﻪ ﻣﺤﺘﻮاي ﺗﻜﻤﻴﻠﻲ ، ﻓﻴﻠﻢ و ﻳﺎ دوره آﻣﻮزﺷﻲ ﻣﺮﺗﺒﻂ ﺑﺎ ﻣﻮﺿﻮع( در ﺻﻔﺤﻪ ﻣﺮﺑﻮط ﺑﻪ ﻛﺘﺎب ﻣﻨﺘﺸﺮ ﻣﻲ ﺷﻮد . ﺑﺮاي ﻛﺴﺐ اﻃﻼﻋﺎت ﺑﻴﺸﺘﺮ درﺑﺎرهي اﻳﻦ ﻛﺘﺎب ﻣﻲ ﺗﻮاﻧﻴﺪ ﺑﻪ ﺻﻔﺤﻪ اﺻﻠﻲ آن در ﺳﺎﻳﺖ WeDesign ﻣﺮاﺟﻌﻪ ﻛﻨﻴﺪ http://books.wedesign.ir/html5-css3.html ﺷﺒﻜﻪ ﻫﺎي اﺟﺘﻤﺎﻋﻲ ﺑﺎ دﻧﺒﺎل ﻛﺮدن ﻣﺘﺮﺟﻢ در ﺷﺒﻜﻪ ﻫﺎي اﺟﺘﻤﺎﻋﻲ ، ﻣﻲﺗﻮاﻧﻴﺪ ﻣﻄﺎﻟﺐ ﺑﻴﺸﺘﺮي درﺑﺎرهي ﻃﺮاﺣﻲ وب ﺳﺎﻳﺖ و ﺗﻜﻨﻮﻟﻮژي ﻫﺎي ﻣﺮﺗﺒﻂ ﺑﺎ آن ﺑﻪ دﺳﺖ ﺑﻴﺎورﻳﺪ . ﺧﺒﺮﻧﺎﻣﻪي WeDesign ﻋﻼوه ﺑﺮ آن ﻣﻲﺗﻮاﻧﻴﺪ ﺑﺎ ﻋﻀﻮﻳﺖ در ﺧﺒﺮﻧﺎﻣﻪي ﺳﺎﻳﺖ ﻣﺎ ﻛﻪ در ﺻﻔﺤﻪ اول ﺳﺎﻳﺘﻤﺎن در آدرس www.wedesign.ir ﻗﺮار دارد ، ﺟﺪﻳﺪﺗﺮﻳﻦ ﺧﺒﺮﻫﺎ درﺑﺎرهي ﻛﺘﺎبﻫﺎي در دﺳﺖ ﺗﺎﻟﻴﻒ و ﺗﺮﺟﻤﻪ ، دورهﻫﺎي آﻣﻮزﺷﻲ و ﻳﺎ ﻛﺎرﮔﺎهﻫﺎﻳﻲ ﻛﻪ ﻗﺮار اﺳﺖ ﺑﺮﮔﺰار ﻛﻨﻴﻢ را درﻳﺎﻓﺖ ﻛﻨﻴﺪ . اﻳﻤﻴﻞ ﺷﻤﺎ ﻧﺰد ﻣﺎ ﻣﺤﻔﻮظ اﺳﺖ و ﺑﻪ ﻫﻴﭻ ﻋﻨﻮان ﺑﺮاي ﺷﻤﺎ spam ارﺳﺎل ﻧﻤﻲﻛﻨﻴﻢ . ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ 360 ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ
45 A #35HTML5201/(. :- 11* 133737HTML5 herald38HTML5B' 4 5C"3940HTML41head142. 817 G17HI18.21% "522.% . N23" #25JF . L% 3 . K( ."46".HTML5.M .48 .#XHTML " 5 OP@Q ER; terS5861HTML5 herald&'(% R" #!"#""*CSS3 %"' ():) * HTML5- " 271 0.2 ".,. ". /0.* .# .45 HTML5 3 "2729&HTML5254850" # DVD !14 % 1 EF!HTML5WeDesign154545D 14"# -6 -"HTML5 CSS3303032 4(" %T3234 ! %"# -6 !9 :5 8; 0@ ( ? 1"188CSS3 71"#
5 6HTML5 3.CSS3498readonlyS SR98multipleS SR99formS SR99autocomplete100autofocus. 2 .'S SR65"S SR68hgroup70O " "T Q!102D 105URL105@ ( ! %#F%e' 4 HTML5O" !"#112112outputS113keygenS. b ." .#E . .S SRQ .T HTML 512 '113113- 0\Z] , F %* 84 8 , 85script88HTML5116\!" 8117E V"'- '*8M/h8M! #117 3 Q*8M/h8M! #117);. 0117. ' 1". ( . T 119 " HFCasyncS SRE2-4T! @H 4'" (2 '882 'E\92-!"# ,b TMrequiredS SR" 'CMO . .Tc &: * S SRplaceholder. .S SR:-Z 5S SR. . Polyfillplaceholder"938118M %HTML5e91 QaR115 4\QS! %# BHTML5 BMH 5!"# # @ E86" details ! 9 :; * g&) @ Q (O B" "T82SMcite80textarea( '#80114% [ Q79SHTML53 K(»ZR79 ( @ 4(optgroup1158WO «" :78114114 T "7881SformStime793 K(0SS77" 'Qfigureprogress76(!meter75 # ! @76Smark75d109figcaption73! "P1087072"106U V ' R71U NEmail" "T "68searchranges* P D 1011078 9 7 :-63" "T103'63S SR datalistlist101HTML5696patternS SR97disabledS SR ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ 360 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ
7!"# " (158 PQ120autoplayS SR P121loopS SR121preloadS SR122posterS SRl!"#" (158159::selection160CSS3160dHSLA(Z%1633 165border-radius169Q#1 ! @8F M%173text-shadow# 8"4 ZS'R Bd"W3C. 8 ( ' 1 ! @ .% F192W3CC 194 WebKit E % "5 - .M G d191.5 -g Og O- ( O! #202204 1k: S(&( d". b ' 4API- ' ;5 ( j0:- '"Q 5 j0:F :1 k: % 2 ,- .' F . 1 EAPI. b .1.O. 5"141"142S SR 3 Q ; &(143144UE S( (1 ! @ 1k: S( M: 0151% "581CSS3"* RR *:8j M88j M8S SR152155:;( * CSS3148149( Q E Pj % EF 1 F 147' 8!" #.Q133147197"144196199.141 .(" @190"G131.Q c190".138 ( R. R d.HTMLR129FN j.0: F . 15-. R Bd.- ' Z " (!" H. CSS138 - ' F" WebKit188.; &(QSR136% ".5 .184. cMIME type. D .#? :; ?&2 *? 1781 ! @.8 (6128% .A " .#126177185 ( (128? CSS3 ? @?. : *:. j.0: Z. 5 . ' .- R1801125* 175"source 174SVG124% 1 ! @172 .S( . '122," insetS SRaudio;. 0 EHSL162"122RGBA1618j M8lUalUa
5 6HTML5 3.CSS3230 ' Z '233 ' Q SR 82345F&!"# :235?. 1 ;. 0. 4(?205CSS3! "P205Z&# K( ' 1 ! @206 537 a208. '237 ' R "CSS32 *C %%B :; (2 * translationscaling FF%%M K(jR1 m 4211O 37 a242?2 # D210Font Squirrel24088; Q (Unicode235 P@Q4 K( M212F " 0F c8T T1 *:243column-count Q SR212243column-gap Q SR213244column-width Q SR215. columns .Q ion218transition-delay. .QaR246F b 247height Q SRF 248b 2483 Q SRO 3 Q SR Q SRcolumn-ruleF 248F O 37 a251, "( 6h:42568"259? ?2E" .* % " . C. &( . b .g O ! #224animation-durationMedia query224animation-timing-function ionanimation-delay8" 1 225C% 6:;2 * 225animation-fill-mode225animation-play-state%FGC1 . H F 45 O3 .Q SR. 45 k6T Modernizr262&2630 45 \H"1 ! @ 5 1 45 . QaR * % 225R N - R226261H .P" . b &3 .Q SRanimation-name&262- '223260.S0# - . n.@1 ! @! T "Media query* 255.G18255 QaR222Media Query2543 Q SR panning columns253G. C.O &# ,249219FN 1 Z 5? 6 ? ?# ?% :;? * :227 *:227 @font-face 1 ! @'229@font-face ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ 360 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ ' 1 ! @
9288!2891 [:F !263M8h265"P2661 ! Rl289 29037 aP( 1 ! Rl 5 FHTML5 Herald296HTML5296OAPIIndexedDB299- 8Drop301Canvas302CanvasL0( !canvas304canvasRF. D .#. d306M Nd ; 0 311. !".# - .,S( E319 " @! O322 canvas325& V"R- '&j %canvash:5 S( C Z " (getImageData "b * 4O 329330SVGSVGZ&# - - - 7 (cache.manifest Z P D server" .ManifestZ. ' . F' 4(D .T275HTML3 . a ! . Rl. 1 !1 T275a'N ! @276" ( " #a'N6T(FM0 5 F'\HTML5 Herald.P(FM0 -, F"Pfallback j0FM0 3 P EFcach.manifest1 . ! . Rl S( C FcanvasHTML5281canvas318329271280O H &# -( H &.# .279C314329. 5 .2783S0 - Canvas307 fillStyle322P(.& .# 1 m R04 \ 6 C -307316 m REcanvascanvasRN271277/0*3052a. F".# ! Rl 1 F % -canvas A P304. -.%S302Mh8FM.0 :".275301&, NH '*G273Web SQL?%I 6 Canvas, SVG :;2 . ? * Drag and 45 272Web Sockets298&) & .# 1 m .R 4'Web Workers297E ' KT o270 % "5 B! %'\290positionZ. '' .81.5 FM0282283- a N 1 284* 4 P( 1 ! Rl285.P( 1 . ! . Rl ;. 0! .#285* E 1 ! Rl285 P286" .287 "2872881 ! RlA. ( !".# ! . Rl O. !P( 1 ! Rl!1 ! Rl!"# ! Rl!'Z"(
5 6CSS3348CSS! %c &TModernizr 1! @ 8C1( % "53518 4Q .S( -334Z%& WAI-ARIA WAI-ARIA356* 4E M1 ! @ 'SVGZV '01 ! @ S( C -336 ZV ' 1 ! @ S( F" R338GSVG( R"CanvasF" * ) Drag and Drop8339draggable)354Inkscape334 ZV ' 1 ! @337J%JK354357SVG333IE8WAI-ARIA:"35310333 *:0* 4351J%JKModernizrHTML .#4Modernizr:L347350HTML5 3.F".# F" .*Fhq 5 F'\ 4\340Q(F"# 341DataTransfer&, N:H J%JK342!"# drop345S F* 4345- " ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ 360 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ ARH 5 6F
1#!"!"HTML# ! %& !'aut! 9):!*;. !/!NYC.!!.#" )! !#H! , !!) .#!.)7/! ? B. Wall Street!J/ !* , -., !6 #68" 29" ?,! " ! / !I362 3 5!) )16#faciam LLC#@ /9A0# /!9. 940C 8 # Girl Develop It ,http://alexisgo.com// 0 12D ? E! )/K930. * FG# ;) .#Resistor2!/ !? !P!0K!& L" ! 9)!!#. !9! G ? ! R9! ? !LS! *0!& L.#/#) !6 .#!TV9? B.CH!& L5L6 M L N)# 5" #59' )!& L / ! , ) D 0 9/ CH?B ,.! 2000 ?O.#R)6/))? B. N) GIF ) Q0K /, @U/ . T! ) 8! 7Q CH.#)/T)K9& Lhttp://impressivewebs.com3/ ! #)!X& L!!1999 ?CSS3 /:!)HTML5/ !/ 8!P /* !. /, !)!/, !DP a "! H!.0?!!9! 6 WebKit#! !DY6 FO \(http://www.standardista.com/) .! ) 6 !)!). 9" 9)? B ! / )G 8!" 2 ! 5!!Q@ %! !& L J ) !0 !CSS3 HTML5!#Z 2007 ?FO ! 9" CH! )! @9#* ' :)9D W:) H? ' ) !5CSS3& L 0/[ *) \0 WebKit.)O /! HTML5 CSS3#!!/@)6]0!! 9 ! ;H3 K / 5!!K500 JavaScript(.2]!1. Alexis Goldstein2. Louis Lazaris3. Stele weyl
% &' ( ) ! CSS3 HTML5 " # !& L' cQ 0)9d #912# 5" & L &K /. !)6 ! K ! & ! (WIPA)#,X)!K #59!'!QQ L!! !a !!9 *!! #. 9,Max Design (http://mxdesign.com.au/) #)?18 F.# CSS /. 9 9 ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ 360 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ 7!/)6 K5G!- 96 ) ,0I3/ 3 ]9
& L/ /e 9 0 , @J & L # )/ ?. ! , @ # / ) 8) & L # , ) 8"& L /e 9 0 ) . , 6 PK & LT V30 CSS3 HTML5)! ! 9 !& L ) ! / !-) !D09,6#)8! :!)/ ! . K # 0 /#9d . )G U 56N*!!0 ! PhoneGap !d ) ! 89 .# , 6/e 9 0 )f! / ! 2 !@ / ! , ! d " . /#1)P HTML5 CSS3 , @ # , %Q , @ 0 /9 T)]), ! , .)0 D 0 Windows 8&. , /e 9 0 , @#! ) 9 )JavaScript HTML5 CSS3 , @: 3T)0#/!0 @0 g)V [H 3 P9) // N) 8 , 9)6 /e 9 0 ) /) -) F *3 .Java ) C, .F 8 8P & L! !/!!!) P / ! /e ! 9 0 / 9h 9@ A/ ! K!!) Z !i!) ! *0 ! / K/ 50. P 0"! ! ? !j 6/ K/9 K) ) .2K P 0HTML5 7 ! 6 / ! ! K) 0h P)K) 2]/ *F !' Q! 0 !" L .h!P! 6! !! K) .# CSS3h!P N!) !930# , , ai 0K)CSS3 HTML5 / # ;!9 ! N! # , k8j# ; ) 2/" L9 , @6. 9 4D) P # ; 6 2 D@/V6#*; / K P 0)K!#!!;QQ " "V" ? 5 QQ 0 e 09!9! 6 ! - / ! ,e" L) P : .99 , @.#! , !. ! "!V!QQ 0 / ,e / ? 593 / & #B g -) )? !5 !QQ 0 ,e N!) / ! T Q;)PT " T Q0 : . ) :& /! !! T l) L )0 T9k- ,e 8 @' ; 2 - V! !P ! 8! K ! f! / ! ! .:' ,e T9; m *0 ) P ,e93 # 0) "i F i 0 n & ) # % 2&/ !-) h !9 !) , ! !X/ !0h !P F !i 0 252 , 6 «TP».T9 " 5K !& L !" & ! !! !T 0K) P 0 2.T , 99 ;H3 " & ))?B 5 *3*3
% &' ( ) ! CSS3 HTML5 " # 14WeDesignK!& L 7 ! 6 #)/& L!) P / ! K !K& L/ 9XT0 ) U! 6/!)! P 01388 ?.q6& LH / 8*0FO \/ 6/ ,,. 9. 0KTP) / # 5" /,5PK).#, P 0 / K P 06KK& L/. F 3HL %http://www.wedesign.ir/ :#)0& LT0WeDesign/I38 a.abdolali@gmail.com : )06 l) LDVD:#)/ &#, XKK. 98!" 2 !, @\0) . 9 %QCSS3//T:HTML5f # "quicktime/ ,e /, 6 T " #38" 2, 6/ 10-)@ K) 6/ T " ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ 360 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ P / 50 /.# " # " 40 , MH':) 0/8 DVD N) KK) /DVD8
!, @!N!YU !.? & s ) , 9 d )) 2 )6.)G )HTML5:!) " P/ P #3# T Q0 d ) / ;6 9C D 2002 ?!#1) !!P createElement !, @ ! / !P. ) 8"XSL9 ! HTML 1/ ! %! Y. 9 ' 93 P, @ innerHTML.N* CSS , @0 #! 9) / f) 50 / , 0 ' 93 .#" Ft ; HTML5 *9P 2008 ?!' 93 W !99 ) ! 9 !) P !' 93 9 !0 : .8 06 1/8 CSS 9 / P" 93* Y 90 )) PHTML5 / ! , ! ,! ! 5 , 99#\ \& . ? 3 ) P / % Y).])2! ) ! #! )! )/ !9" 0 " .5T) ?&HTML ,F !! !F '» :# 3T % )KDP 29!!! !) ! !D90 ! ! ? ! ! 31!!!#!!! 9)9!!! / ! ! %!!! Y ! ! CSS! !9" 0 !) . 9 " 5) P% Y69 , @ document.createElement(elementName)N*!6 !!0 !!P T! 2 ! !) ! *! YZHL CSS 7 0«. x Q ))!9" 0 !)! 6 K O !5" ! 9 HTML5 F 9/ !! !) P 9" 0 ) » :#@ # ZHL 9" 0 ) ? & 0 . «.T 7 V9606IE7 / 0 ' N) #P 5N)! ?&., @ HTML shiv F *3# H* 4y: 9 #; / 5 F ; @05.9IEHTML5? 5" / #1){ :2009 ) e " !i Modernizer ! ! !HTML5 shiv F }06 " :2009 X e .76!!) ) P P #1)P/ / " & ,N) :2010 ) " . #1)T]& T / 8: .#! HTML / ! tag ! ? !' ! K!!)8t!V9 , 9.! , @ ! HTML %! Y !) HTML !Q93 ,e" tag ? 5Q93 % Y ,e , P 0 / K2. Working group3. Sam Ruby4. John Resig (#8 jQuery5. Remy Sharp6. Kangax7. John-David Dalton8. porneL TZ * c ) )%q.T9.1)]6/
% &' ( ) ! CSS3 HTML5 " # 161! / ƒA0 shiv #1) PO 5"-)8990 :2010 ‚ !!q !L ! ! . ! /8! - T!!q. G! ! IE { !Y / ! %! 9 @!'. 99 7H0 , 0 :& , N) " ) /TK9 5 02IEPP !Q! !) IE Print Protector :) " T„ :0 P :2010 :) 6 * !. 8! { Y @', @ HTML5 shiv F .9. , " i HTML5 F. ) 50 IEPP , X :&,HTML5 shiv ) ; F:2010 :) 6 3? \ GitHubIEPP#" , D3,e #)":2011 ) " . ) 8" 8 3U L 0 )%0 0 6/"/ # 0, X ) P/HTML5 shiv Modernizr . 9 IEPP v2 :2011 :) 6 HTML5 F!, @! ?&- ? &, @ ). 9.) & L/ ! f " / /, 9.#) N) D90 HTML5 shiv! , @ /9) KDP 29 D90 ) .#6K*. ! K !) 2.T) \)8 9 / "GƒA0 K! #!!) !. F !D %! / ! , ) ! D W ! 9 :! 3 : ! ! ! !0 !9 l) .0. ) G- 4 -)O 5")K) .#0M @06 / -)i & ? & CSS3 HTML5 / ! ! !!) !) 8Y; 0/ ) 7/% !& !9 5! 0 -H !)–9 ) . ) * , D HTML5 06, @ ! / ! , ! ) ! D !0 !9 ! N! ! #5; 7 6 , 96. )HTML5K / !5 :!! !9 8! ! ! ! @ ! )! 0 ! K!) 2 ). ,]/4 ) )6 ? 9 5 0jQueryHTML5 Boilerplate Modernizr 2011 :) 6 ,9501. Mathias Bynens2. Janathan Neal3. Alexander Farkas4. Paul Irish ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ 360 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ
!)! "T !Q0 ! 9).T ) , !HTML.T) .)a ! m !)& L / /e:; &! ) #1) ! T? &)! N*!)x/ 9‡)5) P/0K CSS39 0 )8#6HTML5) 0 ) PU.K#) F D! #!!!0#!; #!! . ! :!!L !h!P%! q ! K)9!0K #! 0 /))) 9 6 CSS ,0) P 3 i9" &l) L0 T 9 N 9-D6& L.#! / !&! Y ! 9) ) ! /e!) P / ,&9!9" ) 0 !) P 9!) ‰ !3#a . ! TCSS CSS.! !N*;0!T 9 Z , P .T 90 !'. !!9!)!0 0!\ / ! K !! 6K!!0 ! HTML /!!9 , @!!101» K, P 0! 50% ]9)!P 8 CSS /00# )" /!) / ! . ! .#) * , D «K.#,,K!{YY 990 "H)0/K)"9*YKT)6 ) :01& #, ) 9 6 CSS)1HTML95 # 8 / HTML{Y& L5-. )/ ;6 / P 0"/X\ ai 0U '% ;D9. ) t,- . &9 .FHTML5) 9! 6 CSS HTML ! ! ")HTMLT9# & L#) ( , ]) CSS3 (/) , HTMLk /8 Y KU 0T95 #) D#) D?jN)/*/! /UA0 :&6P)5; / ? j /.#,)F 9 / K0H .HTML5? L9 0 ) 4T9# 5;CSS39" / E0 F 3HL K) K) /,HTML5"m./ ! : 5 cQ 0CSS32@N)&. )?&! . ! # !/ . )!9); F .0CSS, @/9" 08; F .0
% &' ( ) ! CSS3 HTML5 " # HTML5!!t!!)) 9 6 #1)#1)#1) !! ) 9! 6 #1)P18P ) P / APIJKPF!\! #!!2 O ! :!!Q" ! ) 4.#/iK/ / \9VU 'P/*. )6 :Q"/ ! . ! m ! D" /:Q" ).!)! , ! 9 :*; :Q"c !. Z !i N) D90)#1): . D6P0))4 5# ,- . 3:Q" % q .# i:Q" , ) : K)t )]) D %0 0D6P:Q"09 , 00 3HL &6# :7 8f!) 50 ! ) / G . /) d ) 0 / \ T/% 9) :*;. ! 9 , @ ! CSS3 HTML5 0T9k , 99 h ; )O9d T 9!) %! q ! T ! ! a !i 0 T) ! ! !)* . # 5i1. "L * – , @ : ;,) P / / 9"HTML5 . ;4 . , 9 :: ! 8#! , ! " !i HTML5) P J/) 95 ' 93 :Q" )!.) #) ! N!) :'T9" 5 HTML5 Herald #)1 .T 9" 5Ts , , 99div / % Y9" .T 96/K ? L#. ! 5;i & ? & HTML5/ 9)8 .T 9" 9 ! header article, section, nav, footer, aside: d ) % Y2HTML5 .& 9. & 6# . ( -& ::8!X 6 l!) L HTML5 ! T 9U 5 / ) P , DP 0 :*; :Q" % , !P T) / -) / 955 ' 931 . 9TV9% . ) 9 0 95 / 0 9CSS3HTML51HTML5 . :& :: ?- 8m !! 2 !" ! #! , @ ! :! ; !i & ? !&HTML5 / # ; ) 0 9):! ) /" , F 3HL # ' 0 k : i&?&. -K ! !0 k : ! ! !-)99NY (URL) K F @'6 )543!& L !0 #! " ! ! . !99 !* . . Y / *5P, 8B „) 0 / , 991. Markup language2. semantic3. Date picker4. slider5. Spinner box ﺻﻔﺤﻪ ﺍﻯ ﺭﺍ ﺧﺮﻳﺪﺍﺭﻯ ﻛﻨﻢ 360 ﻣﻰ ﺧﻮﺍﻫﻢ ﻛﺘﺎﺏ ﻛﺎﻣﻞ ﻭ
,# @#19HTML5 ! ! 2 !" ! ). #3 /0 3HL 0 :Q" ) ! ) * FG 2 "F !'!! ! ! 8! ) !!9d ! !!; !0!)!! 0 !*3 !!99 , @ !! ) ) ; /# ; )* . 2 3. /* ) ; //‡) #1)P , @! & 8A B C :0D ' 8HTML5# " 95) # 9) /! !D 6 – 9! T#!), @!9Y2] /, ) ##1)/;P2 OF0, 69 )) 93.99TP & ""d /"!!! !0 , !!q6 !) P / !1! . ! 9 K !:Q"@' :1 . # " @ 0!)!!9--9
