آموزش طراحی وب

صفحه 1:


صفحه 2:


صفحه 3:


صفحه 4:
?Internet And Web ‎propre‏ [121131101731|) شبكه متشكل از هزاران كامبيوتر كه به يكديكر متصل اند مى باشد ك##ااإإزبانى يكسان ا ل ا 0 ‏#رب يا (تاعلالا ع10لال١‏ 0110لالا) الالالالالا يكى از مهمترين سيستم های ارتباطی و اطلاع رسانی است که یکی از مهمتری ‎Re err) ‎ ‏#اينترنت مجموعه اى از شبكه هاى كامييوترى مرتبط به هم است در حالى ور کر 

صفحه 5:
Web *0علالا يكسيستم علانأء ةاعم ا. ا توسط صفحات ایجاد شده و به کارپوان ارسال می شود OC eee aris 1a Sree Re norts') ‏صورت می گیرد.‎ *صفحات وب شامل :۲۱۷/06۲۱۱۳۲۵ و ۲۱۷0۵۲۲65 و ۱۳۳۳۱۱ 

صفحه 6:
Client / Server #مدل 5/) بر اساس کلاینت , سرور و شبکه می باشد. #نرم تا با رابط را بین وگگشتم کاربر و سیستم سرور دارد , به نرم افزار ۷۷6۵ , 011601 ۷۷۵۵ ا ا 0 كفا Response ‏لاك ييا‎ 

صفحه 7:
Web Browser یک مرورگر با کمک یک 56011165 درخواستی برای خواندن یک صفحه از وب سرور میکند. #ايِن :560100651 يا درخواست بر الئاس استاندارة ارتباطى يا يروتوكل ‎erny .crery aa Dm‏ ا ا 0 Uniform) 1 ‏با‎ ‎(Resource Location http://www. apple.ir/student/lesson.html :Ju.® ستاك ‎ee ira‏ سرت نماد پروتکل دستيابي 

صفحه 8:
Static Wab Pages ب ۰ب 0۱ بوده که قبل از اینکه هر نوع اس سس ل ‎el See poe eee fae me SY eT rN‏ 0۳[ در جه زمانى و يا جكونه صققحه را مشاهده خواهدٍ كرد. مزایا : طراحی آسان و به کارگیری سریم در شبکه معایب : عدم امنیت و نداشتن صفحات سفارشی وب 

صفحه 9:
WEB SERVER 4. Author writes HTML server locates .html file |4. HTML stream (from .htmi page) retumed to browser 2. Client requests Web page 5. Browser processes HIML| and displays page 

صفحه 10:
Client-Side Dynamic Page ‏#صفحه پویا صفحه ای است که بر اساس نیاز ما تغییر کند‎ ۴تکنولوزی که پویایی صفحه از جایگاه سرویس گیرنده(160آ)) تحقق 99 500 Core eon pus ee bear ‏م ا‎ ‏و‎ avaScript VBScript ActiveX Controls Java Applet flash 

صفحه 11:
WEB SERVER 3.Vieb server locates HTML and instructions file 1. Author writes instructions 4, HTML and instructions are retumed to browser 5. A module in the browser processes instructions and tums them into HTML 2. Glient requests web page 6. Browser processes HTML and displays pag 11 

صفحه 12:
Java Script ‏زبان دستورى 317/356©1101[ داراى امكانات متعدد جهت كنترل و‎ 7 ery et ‏قدرت انجام عمليات بر روى فايل رااندارد.‎ ۱۳۳۲۵ ‏زبانى وت‎ 12 

صفحه 13:


صفحه 14:
ActiveX Controls #به عنصرى كه توسط 31/3[ , 0#) , +3 -) بياذه ساؤزى شود. ب ی رب ۳-7 سس ل ‎Oe‏ 0 We espace arse area] ©) 0) [-(el > ae cep ed لا ل ا ا ا ‎ES CS‏ 

صفحه 15:
Java Applet #يى زبان مستقل از 813112501170 است. هدف استفاده از جاوا برای ۸۵0016 ها میباشد که توسط تگ ا ا ا ا 0 ال ©غ16م مه توسطمرويكر 001/1930 شده وتوسطماشيزمجايى ‎Srey Son NEP‏ ا ل ل 

صفحه 16:


صفحه 17:
Server-Side Dynamic Page #تكنولوزى كه يويايى صفحه از جايكاه سرويس دهنده (5©17/©1) تحقق مى يابد. ‎hs‏ ا ۱ و میکند. مانند : lls Apache 

صفحه 18:
WEB SERVER 3.Web server locates instructions file 1. Author writes 4. Web server processes instructions instructions to create HTML 5. HTML stream retumed to browser 2. Client requests 6. Browser processes HTML web page and displays page CLIENT 18 

صفحه 19:
Server-Side Dynamic Page مزایا : کاربر صرفا شاهد کد های ۲1۲/1 خواهد بود یعنی منطق ۳ نگهداری میشود معایب : با هر در خواست برای هر کاربر بایستی فایل |۳۱۲۲ مجددا ولد شون CGI(Common Gateway Interface) ASP(Active Server Pages) PHP(Personal Home Page) JSP(Uava Server Pages) ASP.NET 

صفحه 20:


صفحه 21:


صفحه 22:
Html eee 

صفحه 23:
Html rede] eee ea eer | ol 3, html (Hypertext Markup Language)® ‏به عنولن يبانع اهسكارئيه موشود كه باهدفليجلا سهولهر‎ 0 0 ‏تنظیم محلقرار ا ا‎ #يى فايل 11/1 1! فايلى از نوع © ميباشد كه متشكل از 30 مناكا 131 ها ميباشد. #وظيفه اصلى تك هاى اجتمل ( 12065 11931160119 ) بيان جكونكى نمایش اطلاعات میباشد. 

صفحه 24:
Html ‏يك فايل | |/ا! 11] بايد داراى انشعاب 81( و يا 1]111] باشد.‎ ‏#به هيج كامبايلرى احتياج ندارد و در اكثر سيستم ها مود استفاده قرار می‎ pepe eee ‏را‎ SEN Sm ced ‏#مرور كر يا اع5ل/الا810 از روى 830 إلاكا 11131 ها مى فهمد كه‎ 0 

صفحه 25:
Html #تعبین استاندارد های وب ربطی به شرکتهای مایکروسافت و یا نت اسکیپ ندارد. ۴ ۷۷/0۵ ۱۷/۷۱0 ۷۷۵۲۱۵ با 6 ۷3 تعییر‌کنندم لستانداردهای‌ربلست ۴ 3۱۱ 655 را ]1 از مهمتریرستانداردهایت صویب tle XHTML 1.0 3 ct) HTML 5 jut! =, 1° 

صفحه 26:
Tag ۳ ise ( 190 * ‏انمباشند (-گهایچتملم عمولا ب صورسزیج ظاهر میشوئل) ک‎ Sa ed <Tagname Parameters> Element content ‎a=] aT oN To ed‏ 04 شيع به محضربمثاهدم آزادلمه مترور خط بعد نوشته ميشود. ‎This is first line <br> This is a second line ‏ع ص غانوعم‎ ‎ ‎ 

صفحه 27:
Tag #با كمى تك هاى اجتمل عناصر و يا 16161115 ساخته ميشوند: #در زبان اچتمل حدود ۸۰ عنصر تعریف شده است. اا ل ا ا ۱ ©تى هاى الحتمل ارا مبتوانيذ بؤاسيله,يحروف لاتين كوجك ()علإلاه| 6 و ‎Case , 1. 5 (upper Case) S,,‏ 16 نبستند. برای مثال دو تگ <9ا> و <ظ > معادل ‎Carpe ar‏ ا مناه ‎ie‏ زا 

صفحه 28:
Tag Sample ۱۳ Cae <Hr> ‏توت‎ ‏توت‎ AOM Lottie i010 bd <Hr Size=20 Width=300 color=“Blue"> :H1/>Sample Text<<H1>® >۳1< Header 1 <H1> <H2> Header2 </h2> Stal ‏کت‎ </h6> 

صفحه 29:
Html : ‏#تى هاى اصلى صفحات وب‎ <body> <title> <head> Baltic <body/> ‏اكاك‎ acl Lol i <html/> #برای ایجاد سند ‎L (Notepad,Wordpad) <+\,, 4 html‏ ‎Roe bel Oe‏ صفحات وب ۲۲۵۳۲۳۵96) يا ۲ ) احتیاج داریم. #سند |۳۱۲۲۲۱ از دو بخش سر و بدنه تشکیل شلده است. 

صفحه 30:


صفحه 31:
Tag Attributes FOXES Ve pel ete esa er ape eee Vey eens pee EE See ‏شناسه يا ©]115010آ]] ميكويند و وظيفه أنها بيان ديكر اطلاعات يىف‎ ‏عنصر يا ]1©117610] ميباشد.‎ ا ل ل ل 00 000 ‏ع ل ا ا‎ 010] alo) uae] ۳ ۳ ۱ WT Peo agS | ‏لد‎ ae <"body bgcolor="black> <body/> 

صفحه 32:
Tag Attributes #شناسه ها به ‎COST‏ ۱ ‎eane e etyae‏ ا ا ا اا يت ميشوند. اك رتور الم ۳ ‏ال ا ا‎ Bs Frond pear vr US pean SPR <P pe-y) oY 01°[o(0) [0] erway ‏خواهد شد.‎ #مقدار یک شناسه را میتوانید داخل نویسه های " و یا " بنویسید و اختیار دست شما است فقط در موا ‎ES,‏ ا ا ميشود بايد از نويسه ' استفاده شود. 

صفحه 33:
Tag Attributes #قبل از © غلا 41111 130 حداقل يك فضاى خالى لازم است. 1 1 ‎ree ea- Te Po‏ | 

صفحه 34:


صفحه 35:


صفحه 36:
Html فصل سوم 

صفحه 37:
Character Entities #در اج تى ام ال بعضى از نويسه ها داراى معنى خاصى بوده و براى نمايش آنها در صفحاتتان باید از 6۳165 010۵۲3616۲ ها استفاده کنید. ۱ 1e- Vol CV Tana ampersand (&) —-) Claldia Meret 0 ‏ا ا ا‎ )( 565160101 ‏ونهايتا نويسه‎ - 3 ‎army engee Cay riba‏ ا ل ان | ‎0 PAPE ‏ا‎ =i) 7 ‏ميباشند‎ 5615|] Vic} 

صفحه 38:
Character Entities Entity Number — Entity Name Description Result &#160; &nbsp; —_ non-breaking space &#60; less than &#62; greater than 838; ampersand ‏روبع‎ ; quotation mark apostrophe cent pound yen section copyright registered trademark multiplication adivide; division مج * 6 8 ع« ۱ 

صفحه 39:
Formatting #وظيفه كروهى از تك هاى اجتمل فرمت دهى و تعيين شكل نمايش متون ( مثلا ضخيم و 0010 بودن و يا مورب و ايتاليك بودن #يميباشد . > متن داخل به صورت پاراگراف در می آید. للح ل ا 0 ا ا 0 00 سور ‎real pen‏ ار ب وع ءا 0200 دهد. هس را و ۱ = baad 6<>: متن را به صورت کج نمایش می دهد. 

صفحه 40:
Formatting Start Tag Purpose ‏کاربرد.‎ ‎<b> Defines bold text ‏تماش توير‎ ~<bia> Defines big text ‏تمایش در اندازه بزرگ‎ <em> Defines emphasized text ‏تمایش بصورت تاکید شده‎ <I> Defines Italic text ‏تمایش ابتالیک با كج‎ <small> Defines small text ‏تمایش در اندازه كوجى‎ <strona> Defines strong text ‏نماض قوى ؟1‎ <sub> Defines subscripted text ‏نمایس پایین تر از خط افقی‎ <sup> Defines superscripted text ‏تماييض بالاثر از خط اقفى‎ <ins> Defines inserted text ‏نايبض , به صورت حط زیر‎ <del> Defines deleted text ‏تمایص به صورت حط حورده‎ <s> Deprecated. Use <del> instead ‏از رده حارج‎ <strike> Deprecated. Use <del> instead ‏از رده حارج‎ <u> Deprecated. Use styles instead ‏از رده حارج‎ <code> Defines computer code text ‏نمایش کدهای برنامه تویسی‎ <kbd> Defines keyboard text ‏نمایش متن بصورت صفحه کلیدی‎ <samp> Defines sample computer code ‏تماییش کدهای نموته برنامه تیسی‎ <tt> Defines teletype text ‏تمايش ثله تايب‎ <var> Defines a variable ‏تماییتر, متغیب ها‎ <pie> Defines preformatted text ‏تمایش منوت ار قبل فرمت شندة‎ 

صفحه 41:
ان ا ‎aioe ROY ec renee CC Seater eRe Fe Pi‏ ۱ یژگی های زیر میباشد ۴ ۵۲۱0۱56 ۳۵66:برلی‌تمی‌نوع فونکه حدلکثر سه مقعازامیتولند بگیرد. می شود كه داراى. Font> <"face=“nazanin,Lotus,Arial _ ۲ ۲ 4 3 0 ‏ا اي ل‎ Size Attribute </Font> <Font size=N> <!- 1<=N ><7 your text must type here! </Font> © عغلاط 61م ,2010 : برلئ ميب ئننايه قلم. ‎<Font color="“Red”>‏ your text is Red! </Font> 

صفحه 42:
Formatting ‎se TES Dd‏ ارت وا 2 استفاده ازاسم رنگ. ‎Compe IPE ©)‏ | | 52010 یک از رنگ های قرمز. سبز و آبی : ‎۳۳۹ ‏وت:زر‎ eons ‎ ‎ ‏] رز یت ییات ۱۱ ‎Tees‏ 01 1 ». استفاده از فرمت ‎Dard NC]‏ ‎cee eile ‎ 

صفحه 43:
Formatting " رنك هاي تضمين شده (ع0531علالا (Color Ms O% 2۵ 007 ۵ ‏للكت‎ ۹۵ ی 0 90 ‏عاك‎ ‎aso ‎0 66 a 

صفحه 44:
Formattiong ‎Es oI ee P70 | Paha‏ و ‎Right © Left * 66۳6۲ ‏ا‎ ‎<h1 align=center> Sample </h1> ۲۳:۱ ‏ادلی‎ ۱ 2 ‎ ‏یعنی اگر تگی در داخل تگ دیگری باز شود ابتدا بایستی بسته شود و حق تقدم در تاژیر گذاری با تگ داخلی است. ‏ول <8> داه ‎<i>‏ ‏داه <8> ‎0 ۳ 

صفحه 45:
Exmaple یت ‎<head>‏ ‎<title>Sample Formattiong 1</title>‏ ‎</head>‏ ‎<body>‏ ‎<p>hello word</p>‏ ‎<p><i>hello word</i></p>‏ ‎<p><b>hello word</b></p>‏ <و><م> ‎<i>‏ ‎hello word‏ <ا|> ‎</b></p>‏ ‏<000۷> ‎<html>‏ 

صفحه 46:
Exmaple 2 <Htmi> >620< <title>Sample Formattiong 2</title> <لوعط/> ‎itt Nes‏ <font color="Yellow"> <br>Hello word With Yellow </font> <font color="rgb(255,0,127)"> Bi ema Clem Leal </font> <br> <font color="rgb(100%,0%,50%)"> Hello word With Color </font> Slim let ad a ed <br> Hello word With Color </font> </body> 

صفحه 47:
Exmaple 3 <Htmi> >۵۵40< ۱۳ iB sis </head> Bites <font color="black"> ‏عمامء عاعقاط عقط غاعة علط‎ ‏«<4دهعزو "لمهم "حرواى غوه؟>‎ <br>This text has red color and size is Four ee erences eatin ur HGR Weer LC ‏رت‎ 4 ۳ > ‏هام عا هط رالتما واا۱۷۵ <۲ط>‎ ‎OCR et ne‏ زر ‎Poin Ci ells‏ ‎</font>‏ ‎Pa Nes‏ یر ‎ 

صفحه 48:
Exmaple 4 Bail bd <head> <title>Sample Formattiong 4</title> ‏وتات‎ ‎ree ‏اه سک نا‎ <br><strong>a₂</strong>=x<sup >3</sup>-4; Petey es </Htmi> 

صفحه 49:
روش های ادرس دهی ۰ آدرس دهى مطلق (186ا501ط8) آدرس دهي روي کامپیوتر محلي (ا068) ‎D:\Image\pic.bmp 3 1‏ ‎File:///d:/Image/pic.bmp‏ آدرشس دهي روي شبکه اینترنت ‎Ca‏ ‏نا ا ا 0 بتاك ماقام 0 <اصام> ‎etree af ١‏ ‎../Image/Pic2.bmp‏ سن 0 ‎es ۳‏ ۳7 ad >۷۵۱/< 

صفحه 50:
Image Fe ‏ا ل ا ال ا ل ا‎ Ol Sd ‏تكهاى خالى است. بدين معنا كه فقط داراى يك يا جند شناسه و 3661101086 بوده و ذاراى‎ 0 11110 ee Poa ‏ل ل ا‎ eter TPIS) pees oye ‏یا اقلا تصویر میاشد‎ <"img src=“Address> img & height , width ‏شناسه های‎ * 0 ‏ا‎ ese ‏كاربرد شناسه هاى 1ل اللاو أ وأعط‎ * 00070 ‏اا‎ es oes ye tcl vee Ga) ‏در نهایت نمایش میدهد.‎ ng src="http://www.google.com/images/logo.gif" width="276" height=" ‎ano *‏ 316670386" يا متن جايكزين ‎oe ge HO‏ 20000 ‎ ‎images/Unkonow.jpg" alt="Fake Pic> ‎Ee 5 

صفحه 51:
Image ۱ rome emapee sea] ©Y= ‏ءاي‎ o ‏عهده دارند.‎ ۱۲۳ ‏سا‎ ibe ‏رأ لود كند.( خود صفحه به علاوه ۱۰ تصویر)‎ وا( تصاوير استفاده كنيد و به اندازه و حجم تصوير توجه داشته ب #لود تصویری با حجم ۵۰ کیلوبایت برای کسی که از مودمی با سرعت ا » میکند حداقل ۱۵ ثانیه طول خواهد ک #براى ديدن مشخصات تصاوير در وب كافى است كه روى تصوير 5810191 کی ل ل ۱7۳۳ ارا ببينيد. 

صفحه 52:
ت۱۱ در محیط وب صفحات اچتم( ابا كمك بيوندها به يكديكر متصل را ۱] (۳۱۷6۲) با کمک پیوندها میتوان از یک مت ‎Fo, ke ae‏ ا م و ی ‎nti‏ ۱۳۱ FITS Oe Per es re url">Some Text</a> http://www.google.com/">Visit Google Site</a> self, blank, top, parent_ ‏شناسه ©8106 : جهار مقدار‎ * 0 ‏ا ا‎ pee ‏امکان حرکت میان قسمتهای مختلف یک صفحه با 0306 را فراهم میکنند. در اینصورت مثلا برا‎ 1 La ReneS ee St Es <a name="label01">Text to be displayed</a> 55 <ه/> !اه‌داها 6060 <"06101ه]# ‎‘default.aspx#label01"> Goto Label! </a> es‏ 

صفحه 53:
۳۲۳۱۲۱۲۷۵ 

صفحه 54:


صفحه 55:
Lists (unordered ae ‏اراك‎ 1 ۳ SUR Dre el a & ‏صرت ع عا يوي‎ 1 5e a ‏شرع سید عضب رت‎ | is ‏استفاده كنيد‎ 

صفحه 56:
Lists (Ordered list) 3» cles _ ۲ ered Cee See ene ieee Re es oe ions ie i ‏اطلاعاتی از اعداد به جای دایره های کوچک سیاه رنگ استفاده میگند. یک فهرست از نوع‎ ‏وع شده و همانند فهرستهای نامرتب هر رقم اطل‎ ات با تگ <h4>A nested List:</h4> >0۱ e Tg eee oy tees <li>Coffee</li> <li>Tea <ul> وت ‎bed ei‏ <ذال>ةع؛ئ مععىن <> وه ات سل </ol> 

صفحه 57:
ox iti 1 opener) ‏فهرست تعریفی فهرستی است از اصطلاح ها و تشریح ,وتوصیف آنها‎ باس ‎<dd> , <dt> GuUSb ole by»‏ 5 

صفحه 58:
فارسی نویسی در ۲۱۲۲۲۱ ۱۲۴-8 ‏#روش کدگزاری‎ RES ‏م‎ el ot meno Peeper ee Ua) 0 creme ‏ل‎ eS a ‏ا ل ات ل ل ات كاك‎ 0 ‏ل‎ CCP oto] 8 ‎sae‏ 0 قبراز نطيش ص فحه از روىمتلتكفوقنوع كدكزايى ‏ (676001179) را تشخيصوادم. 

صفحه 59:
فارسی نویسی در ۲۱۲۲۱ Attribute dir® ‏جهست ملي رمتو زلالتينبه صووتهيثرفرضرو ]01/01 از جيه‎ ‏كاك مكوود‎ kes al ‏اند در مورد مت نو‎ | ‏ا 0 مهد شناسه‎ ov | 1 a aon Retr ‏ار لنجام‎ eters 7 ig es ener leg) ole] Hey ‏ميدهد‎ © اين شناسه داراى دو مقدار ممكن اطيباشد : ‎cul o ce - dir="Itr" , Left-to-right text‏ SreOm peeled eee ste] aleve -ime-) 4s 

صفحه 60:
ا 9 #مثلا براى نمايش جمله فارسى "سلام بر دنياى وب!" با كمك عناصر (] با 01۷ کافی است که به یکی از شکلهای زیر عمل شود: ©<1]" >0 م" > سلام بر دنياق وب </م > <div/> ‏سلام بر دنیای وب‎ <"div dir="rtl>® #در بسيارى از عناصر و تك هاى اجتمل امكان استفاده ازبشناسه 0[[1 ميسر بوده و به عنوان نمونه ميتوان از عناصر زير نام برد: ۱ <tr> , <td>, <hl ... h6>, <input> , <pre>, ,<<select> , <span 

صفحه 61:
Html فص ۳ 

صفحه 62:
Tables [rary oe eee Vane a Ew CaCO ‏ا‎ ES oO] 0) (> Cat Kener este eli کمک نگ <1۳> تعریف میشوند» تشکیل ميشود. هر ردیف يا ۲0۵۷۷ از یک یا چند سلول. خانه یا 611) تشکیل گردیده که با کمک نگ <0> ‎on‏ ۳ ‎tl. table data , table row 1: wt O55‏ ‎re nr pena ote en‏ 7 ‎oti:‏ ا ل ‎ey oeme Cay eC CUNO‏ ‎table border="1">‏ و <> ‎<td> Jie tas </td>‏ ا سلول0<1]> <۲0/>ردیفا: سلول۲0<۲> وم سلول دیف 2 سلول ‎See‏ حك ‎<tr>‏ ‎<td>\Jy tis </td>‏ ‎Pace Pep IES Cb‏ ‎bs‏ 1 رديف 2: سلول | رديف 2, سلول | رديف 2, سلول 3 2 0 

صفحه 63:
Tables 0 ar ed سرستون در جداول (1163011765> <> هده اا ل را 2000 ۳ 2 a 2 Pepe a ee Seer Coal Bs 00 ‏ميشوند وافقط به جاى 0 اربؤ1‎ ‏ا ا‎ <tr> ‏نمايش ذاده خواهند شد.‎ <tr> See 6 ay 1 >۵<2,2>/64< = <td>2,3</td> |, 4,6 ۸ >< ۸ :۱ 9,9۰ <عادعه 

صفحه 64:
‎mire 15‏ لورت تغییر اندازه جدول ‎BUS‏ ‎<TITLE>Example 1</TITLE>‏ ‎Braye‏ ‎<BODY> ‎<TABLE WIDTH=50% BORDER=1> ‏ریک‎ ‎۲۹۰۳ ‏<ه1>/18اه»© ات‎ <TD>Cell Row1 Col2</TD> ‎۹ ‎<TR> ‎<TD>Cell Row2 Coll</TD> <TD>Cell Row2 Col2</TD> ‎<TR/> ‎<TABLE/> ‎<BODY/> ‏و ‎ ‎ 

صفحه 65:
Tables Empty Cell® ate Babe <TITLE>Example 4</TITLE> </HEAD>a <BODY> <TABLE WIDTH=400 HEIGHT=100 BORDER=3> كينت الت اسان لكت رات <۲۳8> ‎<TD>&nbsp;</TD>‏ ‎hace anes‏ رت ‎</TR>‏ ‎SAT] ad ‎</BODY> ‎td‏ لیا ‎140>TOP LEFT</TD> 260<:>/10< ‎ 

صفحه 66:
Tables Cell padding Pees eae ee ae yer) Pec ee for a table. Cell padding is the space between cell borders and table contents یت ‎<HEAD>‏ ‏<غا5>/1!1 عامممةءاع<غا111 > روا ‎<BODY>‏ ‎Cell padding effect : <BR><BR>‏ ‎<TABLE BORDER=3 CELLPADDING=20>‏ ‎Sato‏ ‎daa‏ ‎<TD>TOP RIGHT </TD>‏ ‎Pie‏ ‎ar‏ ‎<TD>BOTTOM LEFT</TD>‏ ‎<TD>BOTTOM RIGHT</TD>‏ <۲8/> ‎</TABLE>‏ ‏۳ ‏کر 

صفحه 67:
Tables Column Span :& sometimes you need to join two cells in a row to” Crake eC Rare RM Wace eka kta) ‏ا ل ل ل ل ل ل ان الل ا ل ل نا تكن‎ row ‏ل ۱ حاا۲۲۲>‎ sa pla ad equal to two cells. Therefore you must ‏ل ا‎ Pa ‏كال‎ لا ی یی یی 2 ‎Catarina)‏ رك تم 8 <۲8> ۴ pee equal to previous row or 3 in this Spe ard 7 نا Pits >10<8>/19< >180<8>/18< >198<>/190< > <عاهم1> >/80090< </HTML> 

صفحه 68:
Tables RowSpan 5 tis time we want to join two cells in a column (from different rows). This is the same as previous section with the difference that we PTW Lae ‏الك‎ ie ‏ات‎ ‎we must use ROWSPAN instead of COLSPAN SHEARS 00 Reema cy <TITLE>Example 7</TITLE> 5 ۹ ‏و‎ ‎</HEAD> ‏ل ال‎ Re ‏لته‎ Eg ۱ <TABLE BORDER="1" WIDTH="200">ROWSPAN=2 then your table must <TR> ۱ tus <TD ROWSPAN="2">A</TD> in mind in next parts of your table. >10<8>/19< Paes Pies >۲8< ةا ‎Paes‏ ‏لت ‏<عاهم1> ‎</BODY>‏ ‏۳ 

صفحه 69:
Tables :Color® Paes <ممع > ‎ci ean‏ اور ‏ی ‎>800۷< ‎<TABLE width="300" BORDER=1> ‎<TR BGCOLOR=black> ‎<TD width="50%" BGCOLOR=yellow>A</TD> ‎Pe net Ea ‎>۲8/< ‏رلک ‎<TD width="50%" BGCOLO! ‎<TD width="50%" BGCOLOR=red>D</TD> >۲8/< ‎<TABLE/> ‎<BODY/> ‎</HTML> ‎ ‎ ‎ ‎ 

صفحه 70:
Tables Nested Tables® ‘50% ">2-</TD> ‘50%">C <TD width="50%">3-</TD> 2 width="50%">/Script</TD> >/[8< <عا7۸8/> <ه1/> <TD width="25%">&nbsp; </TD> </TR> اك </BODY> </HTML> حاللكنا»> <۸0ع۲۷> ‎<TITLE>Example 9</TITLE>‏ <مدمع م > :>/10< <TD width="25%">&nbsp;</TD> SL Lay sob ied <TABLE border="2" width="100%"> >78< <TD width="50%">1-</TD> <TD width="50%">HTML</TD> Alita 

صفحه 71:
Flash animation, Movie, Music 0000 ‏اع‎ “IMG dynsrc=“mymovie.mpeg: Width="400" height="300 1 ) =| De سوت ‎(Crea‏ ‏نااك ‏سا ‏هت ‎Ss‏ ‏را eae ۳ 

صفحه 72:
Flash animation, Movie, Music <EMBED src=“movie.mwv” width="300"> </EMBED> فرمت ‎Avi, Mwa, Asf, Mov,Mpeg : 5.2 sl‏ فرمت هاى صرتى : 1/11 يهالالالا ,ناك ,3م/ا <EMBED src=“file1.fla” width="300"> </EMBED> <EMBED src=“sound1.mid” loop=“-1"> </EMBED> Foren ean Peer EY Cor epregES) ec -c-Tuall ale WT 1 AL (108 ‏تکنولوزی علاوه بر توسط سرویس دهنده بایستی فراهم شده باشد.‎ 

صفحه 73:
Forms FORTE Cie ‏ا ا اللي ا ا‎ ea 01 0 ‏ال ا ال ل‎ ‏خواهيد شد.‎ #اتمامى تكهاى مربوط به فرمها بايد درون تكهاى <1011> و <0110] >> قرار میگیرند. * با کمک این گروه از تگ ها قادر به نمایش باکسهای ورود اطلاعات من ‎t-16/))‏ 0 ا )0( ‎Bpreare er ure emma (-Lo‏ ل ‎Pally Ere‏ ‎(reset) Gc L , (Submit button)‏ را خواهید داشت. توجه داشته باشید که برای پردازش اطلاعات دریافتی از کاربر باید با یکی از ‎u ASP,ASP.NET. perl. PHP. CFM JSP 1.3 31 Cgi clit;‏ ۵ شنانی داشته باشید. 

صفحه 74:
Forms ‎cae‏ را نك شناسه اى به نام ©0/ز] به تعيين نوع اطلاعات ورودى الختصاص دارد. مقادير ممكن براى اين شنناسهايه قرأو زيرئد: ‎0a eso a a‏ ل ل ل ل ا ا ين ‏* وروديهاى متن (1145؟ غ6اع1). ‎000 ‏ا‎ CES eer N cle Per” teaver ewe mos ‎te auc ‎Sues ‏ل‎ ‎pr ‎eee ‎Sti en ae emer ‎</form ‎ ‎ ‎0000 ‏کت ‏"ندم" مها اسمس ‎porter terri‏ ‎or‏ ‏ام خاتوادكى ا ‎Peer erie‏ ‎ 

صفحه 75:
Forms Radio Buttons <2555° ‏را‎ ih ‏نز‎ ۱ oC 1-5 CP 1 cree re gene ‏كنيد‎ 

صفحه 76:
Forms ۴۵0۲۳۴۸۵ old (elie Attribute & «.:, Submit Button 0 ا ‎ae‏ و 00 اناب 268100 أديمرها الا كابلواستكه بسه «ويطع سن ‎een‏ ا 0 Pom Te eee et ear er oa Prec 1۹ ems Ure anc Eset ed Preeti Es ۱ ci emcee ee Sra See au De oR eres Peas oe ee ‏ا‎ ‎> 

صفحه 77:
Forms Sample® <FORM METHOD=“get" Peel eas Sea ee Re ete ya ‏<وط> زععمة تمع مياع ععغيام مومع‎ >5 2۱۴۲ ۱۱۵۴-۲0:6۰ < <OPTION VALUE="Less 1">Less than 1 year. <OPTION VALUE="1-5.">1-5 years. <OPTION VALUE="More than 5">More than 5 </SELECT> <۲ا> <textarea name="text1">Your Text</textarea> >88< <INPUT TYP! reset"> <INPUT TYPE="submit" NAME="submit" VALUE=" </FORM> Computer Experience 

صفحه 78:
Frame Pee reat Cas Rew ere eee BTCA ‏ا‎ la )]]31©6( ‏ينجره مروركر خواهيد شد. هر صفحه يا دريجه. فريم‎ 5 ‏ی‎ ‎0 ‏ا‎ 7527 siemens ‏كه فريمها طزاحى سايتهاى كؤبجق‎ ero ‏ا‎ Ie seis rst mel) ‏موارد خاص)‎ ROR CIB Sto Ree ed 1 دارند. #جاب و 0111115 صفحاتى كه از فريمها استفاده ميكنند مشكل است. 

صفحه 79:
Frame See SE m ee oe ae mg ee rn Nl 1-1 art ci * هر تگ <]۲3۲0656]> مجموعه ای از رديفها یا ستونها را تعریفمیکند ۲ c- 1 tot -i ae peeey # با کمک شناسه های ۲0۷5و 6015 ابعاد و نسبت هر فریم تعیین میگردد نگ </۲8۳۱656]> درون تگهای <۱۷۳۱> و <۱۲۳۱,> قرار میگیرد.(نیا تگ 000۷ هنگام معرفی یک ۲370656] نیست.) 

صفحه 80:
۲۲۵۲6 

صفحه 81:
Frame Atte ce ern Renee cS Perens wee EE ‏بود و پرای جلوگیری از تغیبر اندازه فریمها توسط کاربر باید از شناسه‎ 1 5۳0۱| ‏اهید که فریمپا‎ 0 | ale ems fen 0 cre et ‏به نام 0۲65126 در داخل‎ إند (بالا و بايينَ إبتزدن صفحه توسط ماوس) بايد در تك 5/3106 00" قرار دهيذ. (مقادير ممكن "60" , "5علإ”ر "0غلاة" و ۱ ۱۳ ‏وت‎ ‎0 1 ‏منال‎ ‏اکن‎ Bd ed ‏ا‎ ad SMe ae El a ee SMe en ae eS "< <frame src="frame_3.html"> 1۱ Me reer 0 ree </frameset> > ‏عمق‎ ei </html> >/۲۳۵۳65۵۲< </html> 

صفحه 82:
فصل سوم 

صفحه 83:
دوه ‎Cascading Style Sheet sus ©‏ ا 200 طراحی اجزای صفحه از قبیل متن. تصوی زمینه صفحه کادرها و تقریا هر ل ل ل ل راز ‏بل ‎Pee‏ 8 1 اا ا ا 0 اينترنت مى شود جل وكيرى كنيم. ‏اا ل ا 0 دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. ‏# همچنین می توانیم از اين ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جایا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت ‎eB rae eran ES) obs Sty er)‏ ا ‎ ‎ ‎ 

صفحه 84:
دوه 655 هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواصس بخشهای مختلف صفحه های یک ‎sae‏ ار ۳ ا 0 ‎Pare pea SEH pene ears‏ ‎OSE eee bo‏ ا ‎PO‏ ‏يك فايل استايل تعيين كرده ايم و از آن درظراحى جندينٌ صُفحه استفاده ا ۳ کافی است تا رنگ متن را در همان فایل استایل تغیبر دهیم و نیازی به تغییر دادن صفحات نداريم. 

صفحه 85:
دوه ‎Cascading Style Sheets (CSS)®‏ : صفحه هاى استيل گذاشته شده آبشاری برای تعبین اینکه هر یک از اشیا | ‎a‏ چگوته دیده شوند. یعثی با تغییر محتویات صفحه سرو کار داریم. ‎۱ re sheer sieaiort J ‏#جديد تريق ننخه آن!2 655 انث كدوتوسط مرور كن ها يشتيبانى مى شود. 

صفحه 86:
Style Sheets Bee ‏ا‎ era eee Oo OOS NCES eco er 5 0 ‏شوند. بخشى از صقحات اجتمل كه مربوط به نمايثر‎ ۴ چگونگی استفاده از استایل شیتها: مرورگرها توسط استایل شیتها به فرمت دهی و نمایش اطلاعات درو ‎eee era le cna neg ets ee‏ 0 میباشد: صفحه اختمل «۲۵۲۵۱ 50۷۱6 566 ‏استایل شیتهای خارجی‎ )۱( Tat ei sit ‏استايل شيتهاى داخلى‎ )2( Inline Styles 1 0 bt! (3) 

صفحه 87:
Inline Styles کاربرد : اين روش در مواردی است که باید برای یک المان (يا گروهی) خاص استایلی اعمال شود. در این حالت باید از شناسه ای به نام دا استفاده شود. Tag ... Style=“property1:value1;> Alas) ea Peace {Property n:value n ... <p style="color: red; margin-left: 20px">This is a paragraph</p> p align=“Left"><font color="red">This is a> <paragraph</font></p 

صفحه 88:
Internal Style Sheet PO coe ES ers perro ‏ا ا‎ re cp Ee ee i ‏طراحى شده فقط بدرد أن صفحه جواهد خورد.‎ * در اين حالت بايد كدهاى حاوى تعريف استايا و معمولا نتيجه درون بخش ‎]١©80‏ صفحه ا ۹0 | 0036 eee 1 - = 

صفحه 89:
Selector 8 7۲۸60 ‏نام‎ ‎0 ‎i كه رم رت ‎BackGround_Color:red‏ <Htmi> >0620< ‏به عنرلن601ع6ا56‎ 05 pea Ror CTs mee ‏وا‎ 0 50000 Pert es > ‏<ناله8‎ ‏<م/> 18511 <م>‎ <p Class=“ClassName1”> Colored Test ‏<م|>‎ ‎۱ ‏اه‎ ‎Link </A> PT TN ed </Html> 

صفحه 90:
050 Rec سرت رین 013555 35 <Htmi> Bets 0 P.StyleC { ۳ ۵ 7 Pais ed Peery ‏<نإله8>‎ <p> TEST1 </p> Borer ‏ات‎ ‎0 <A... Class=“StyleC“> Link </A> Pate ed Paes 

صفحه 91:
> ‏دامعلا‎ Selector olze «Id Bored Pen yes #StyleR { ‏اننا‎ </style> ‏<لوهط/>‎ ‎<Body> ‎۳ ‎<p id=“StyleR”> Colored Test </p> <A... id=“StyleR“ > Colored Link ‎Ae caging‏ <ه> ‎Peer es ۳‏ ل لت 5۳ ‎#5۱۵8, ۴۱۵۵51, ۸ 07 

صفحه 92:
external style sheet ال ا ‎by‏ 3 ایلی جداگانه قرار گرفته . سب ‏ | ل ل ‎Rye‏ ‎nee a‏ ۱ ثیت کل سایت که ‎omer‏ 0 با را اهنوا ‎Bane Serie ew emcee‏ ‏کول یک ‎ ‎<head> ‎link rel="stylesheet" type="text/css"> <"href="mystyle.css ‎<head> 

صفحه 93:


صفحه 94:
۱۱ 

صفحه 95:
9 5 جاوااسکرییت حيست ‎١!‏ ‏ا 20 06 7 اشم ‎s HTML‏ ۱۳۳۳ از طراحى و ساخت صفحات وب است. جون جاوااسكرييت يك زبان ‎ea ab‏ ا ال ‎pA CHIN ep ee‏ رت *اج تى ام إل به تنهابى جوابكوى نياز بينندكان وب سايتها نمى'باشد جون آنها علاقه خاصی به جذابيتها و ارتباط متقابل میان خود و صفحات وب دارند که اچ تی ام ال نمی تواند جذابیت قابل توجهی به یک صفحه بدهد و یا با یک کاربر ارتباط برقرار کند. * پس برای برطرف کردن این مشکلات. صفحات وب نیازمند یک زبان ا ا ا ا ‎ee SE‏ 0 

صفحه 96:
جاوااسكرييت حيست؟ #جاوااسكرييت توسط شركت ©1/©]56380 اختراع شد و به عنوان اولين زبان اسکریپت نویسی در وب توسعه یافت با ei Mi ... Sn . 3 ‏مو‎ ‏]از اين‎ 6 Navigator , Internet Explorer ‏زبان می باشد.‎ * نا كفته نماند كه شركت مايكروسافت همابراى اينكه از نت اسكيب در اين زمينه عقب نماند» نسخه مربوط به خود را بنام 561101[ توليد كرد. 

صفحه 97:
تفاوت جاوااسكرييت با جاوا ا ال ل ا ا ا ‎A‏ ‏ا ل ‎Bees Carper‏ لاي عر ف 1 ‏ل ا‎ <.| Sun Microsystems es ,+ « RP Mer rey ‏ف‎ ‎1 eae eee CP ea ‏كن‎ Ee ee Ree a ‏پیچیده مانند زبان ت) است.‎ 

صفحه 98:
تفاوت جاوااسكرييت با جاوا SRS ears ‏ل‎ td ‏در مرورگر تعریف و تفسیر شده تا,قابل اجرا باشد و‎ ۲ 1 Pe 1 ry Od fululS oS ots blals Compiler Luss Ls ‏جمع اوری اطلاعات مورد نظر و ترجمه آن اطلاعات به زبان قابل فهم‎ ‏برای کامپیوتر و تبدیل آن به یک برنامه کاربردی واحد و مستقل برای‎ ‏كاربر را كويند.‎ ا ل ل ات ل 9 ۱ #در یک جمله می توان گفت که جاوااسکرییت فقط در صفحات وب PB ‏ل‎ ساخته شده است. توسط يك برثامه مفسر يعنى 

صفحه 99:
۳ eme eae *جاوااسکریپت یک ابزار برای طراحان وب و نویسندگان کدهای ]۳۱۲۱۷ می باشد. لوست ا ا ا لي لت كه براحتئ]#مى,توان آنها راإداخل كدهاى اج تى ام ال يك صُفحه قرار داد و از آنها اشتفاده كرد. و لا ان 5297 ی ۱۳۳ آماده که بیش از ‎ES rere 6 teat‏ | بكار كيريد. 

صفحه 100:
۳ eme eae SR oer ee Re peer EE Peover ee Ee eels es ‏نقاط مختلف مروركرها مانند نوار وضعيت آنها خلق كنيد.‎ ‎le 0‏ | ۳ 2 لا ۱ أتفاقات ميخ باشد بطؤزز مثالةرواكنش نسبت به كليك يكى از#ذكمه هاى ‏ا الا ل 00 ‎tenes‏ 0 ‎ ‏*جاواسکریپت حتی می تواند کدهای اچ تی ام ال را بخواند و یا ت ليد كند كه توسط اين خاصيت مى توانيد در هر زمان خاص يك متنى را ‎nr‏ ا م ديكر كنيد. ‎ 

صفحه 101:
قابليتهاى جاوااسكرييت ‎ene ron elt Sted ea‏ 22 باشد ۴ مثلاً شما یک فرمی برای ارتباط با کاربر خود ساخته اید و می خواهید قبل از اينكهيآن اطلاعات به سيرور فرستاده شود. ‎Pere IRR eens‏ ا ا 2 ‎Fem‏ اا 5 ل ا ا ‎pean‏ ‏ا ا ل 525 كه.اين موضوع يك امتياز مثبت براى ميزبانان وب فحسوب مى شود. 

صفحه 102:
۳ تگ اسکرییت ا ‎eee ey ewes‏ خود پیروی می کند. ۳ البته این زبان به سادگی اج تی ام ال نیست و بسیار هم حساس است ‎Pee STEED Ee eee Se Para Bei od‏ ‎ears)‏ ا ا ‎eRe ee‏ پیغام خطا روبرو خواهید شد. #كدهاى جاوااسكريبت را بايد در ميان تكهاى ۱ 0 همین دلیل یک تگ برای آن در نظر گرفته شده است: ‎<script> ... </script>®‏ و ی ۱۳ قرار گیرد. این تگهای اج تی ام ال به مرورگر می فهمانند که مسر صاب 0 ‎ee Eres Sse lore cele‏ 0 ‎Fes See i, Og Ne peor © le Oe I‏ 

صفحه 103:
language #اما تك 501101 مانند بقيه تكها داراى خصوصياتى مى باشدء يكى از آنها 6 است که مقدار آنرا باید برابر با 3۷351101[ قرار دهید, javascript">>® <</script script language See re ‏ام ع ل ل‎ ‏هم مانند اج تى ام ال داراى نسخه هاى مختلفى است كه هر كدام آنها با‎ ‏قابليتهاى جديدى در وب توسعه يافتند. نسخه هاى اين زبان عبارتند از‎ و 107 0115 1.5 و آخرين نسخه حال حاضر هم 1.5 مى باشد 

صفحه 104:
type #تگ اسکریپت خصوصیت 6 مم دارد که برای این زبان باید آنرا ‎ae pe‏ )0 | ۳ ۴ نکته قابل توجه اینست که اگر این خصوصیت را به اين تگ اضافه کنید. مرورگر ایتترنتاکسپلوررانسخه ۱.۵ این زبان را نادیده می گیرد و كد را اجرا می کن 1 es NC ole eee ‏و هم خصوصیت 206 را در ع]| امتحان کنید.‎ خب مانند زبان اچ تی ام ‎Te‏ ل ا ‎Ce‏ ‏106030 استفاده كرده و كد زير را در آن وارد كنيد: 

صفحه 105:
type salted <head> <title> My JavaScript </title> </head> <body> <script language="javascript1.5" type="text/javascript"> document.write(" Hello my friends ") </script> </body> </html> 

صفحه 106:
document.write(" Hello my friends ") ره زر ‎ve gre pr rex‏ ال ل ا ۳ ا كم شود برك إنجام كارئكه بعدازز,يكنقطه نوشته موشود. ‎ae‏ طبقی قرارداد باید, هرچیزی,که در ( بايد بصورت يك 56110 در بيايند. یسلا و چون ae ©5110 يعنويكيشته كارلكتر كه موتولند هم حرفباشد همعلد ال ‎Seer‏ 100 ل ال ل كان قرار كرفهينا بايددر صفحه نوشته شود. جاوااسكرييت به :006101176171 يى 08[©©8 يعنى شئ مى كويند و هنكامى كه يك نقطه بعدءاز آن كذاشته مى شود آن شئ منتظر 600 خود مى شود كه در اينجا همان ©]|]لالا است. به عبارت ساذه ان خط مي كويد كه آنْ قار و عراف تبط عتن تو 

صفحه 107:
عوت ‎٩‏ تگ 561108 یک خصوصیت دیگر هم دارد که 5۳6 است و برای آدرس دهی است. ‏© كدهاى ب 1 ا ات رن أدرس ان فايل را مشخص كنيد. ا ا ل ا ل 000 وی ‎ .‏ ۳ ۲ ‏با شروع صفحه فایل جاوااسکریپت فراخوانی شود. ‎ ‏لت ‎<head>‏ ‎<script language="javascript" src="jsfiles/name.js"‏ ‎type="text/javascript">‏ ‎Belg‏ ‎</head>‏ 

صفحه 108:
*چگونگی دریافت پینام خطا گیکی از مواردی که در نوشتن کذهای جاوااسکریپت معکن است زياد با آن برخورد کنید» دریافت پیغام های تحطا هنگام اجرای کدها در مرورگر مى باشد ‎ - 1 or‏ ها صورت,متوجه می شوید,یکی ظاهر ‎ ‏وا سجس مشاهده آن به منوی ۷6۷۷ مرورگر رفته و روی گزینه 8۲ ‎Status‏ ‏كليكى كنيد 

صفحه 109:
‎So‏ دیدن پیغامهای خطاء باز شدن یک پنجره در وسط مرورگر حالت جزئیات خطای ایجاد شده را همرمی توائید مشاهده کنید. مائند شکل زیر: ‎ ‎ 

صفحه 110:
Seer eC re ei rae ee rch ‏ينجره مشاهده نميشود و ابتدا أنرا بايد فعال كنيد.‎ براى فعال كردن ات روت + زو ره ‎Display a notification «35 , «8, Advanced‏ ۲ 56۲۱0۵8 ألا۵00 را تیک بزنید. سپس دکمه 2) را زده تا ‎Bee SUES IS‏ el Dyce ‏ل ل‎ ayes I Coe he ‏ا 0 رفع آن برآیید که به اين کار اشکال‎ ۱ PI olUlele) ale memes) * اكر هم اين كزينه را فعال نكرديد هنكام بروز خطا مى توانيد بر روى!آن مثلث زرد رنك در نوار وضعيت رفته و دوبار كليك كنيد كه همان ينجره ‎ar ees HET e as Vs)‏ ین 

صفحه 111:
انواع خطاها ا ‎ee ee a One or‏ 00 75 7]37الا5 و خطاهاى زمان اجرا يا 1106| لاه ‎lire) ec)‏ ‎SV peered OS CaeH CSIR E I CO-OP emnany Fe‏ ؟ مثلا یک غلط املائی در یک دستور پا جاراندا ‎aay‏ ل ل 0 ‎By‏ ‏ا ا ا ا ا ار | دستور را تجزیه تحلیل کند وخطا را اعلام می کند. 

صفحه 112:
ج ‏ ات ‎Wie‏ یک سری از آنها در سي سو 0ت ادم ‎ce‏ اق و دسته سوم هم در ‎Py ras AA,‏ کدهای ‎Seas LE aa‏ اا ‎Rees re rere oer ees‏ 

صفحه 113:
نوشتن اسكرييت در قسمت ‎1١©26©[‏ با اا ا ل ا 0 مرورگر اجرا می شوند اما گاهی اوقات ما نیاز داریم تاریک اسگریپت ‎ers)‏ ل ا ا ل ات ل 0 ا ا ا ا ات 0200 ۲ بطور مثال شما نیاز به این دارید که به محض ورود کاربر به صفحه در همان ابتدا يبغامى ظاهر شود و تا كاربر آنرااتأبيد نكردهباينلتصفحه تكميل تس ل ا ل ا ا ‎Pewee edi ree‏ صفحه وب هستند. که در این مورد شما مطمئن هستید اسکریپت مورد 9 ا 

صفحه 114:
نوشتن اسكرييت در قسمت ‎1١©26©[‏ ‏#براى نوشتن كدهاى جاوااسكريبت بصورت زير عمل مى كنيد: روک ‎<head>‏ ‎<title> ... </title>‏ ‎<script language="javascript"‏ ‎type="text/javascript">‏ ‎a javascript codes ......‏ )0 | وه ۹ ‎</head>‏ 

صفحه 115:
نوشتن 2 ‎Bry‏ قسمت بدنه #هنكاميكه نياز داشته باشيد تا كدهاى جاوااسكرييت در بدنه فايل 11 ‎ir yee‏ 0 ل ا م <اصغط» »© <head> </head> <body> <script language="javascript" type="text/javascript"> ۹ javascript codes ...... </script> </body> </html> 

صفحه 116:
‎Oey |e VOCE pedis We‏ 6 رز ‎Me ne Sie Rene one Crone eTs Ur‏ راان یک عنصر در صفحه وارد کنید. کدهای زیر را بنویسید و اجرا کنید: ‎ ‎© <html> >60< </head> 0000 <script language="javascript" type="text/javascript"> document.write("<h1 align='center'> Hello my friends! aes </script> ۳ ‏نات‎ ‎ ‎ ‎ ‏* لازم بذکر است که شما می توانید برای نظم داد ‏شلوغی قسمت بدنه یک اسکریپت 2 ‎00070 

صفحه 117:
فایل خارجی جاوااسکرییت #می توانید برای حفظ نظم تگهای اچ تی ام ال در یک صفحه وب و یا را ال ۱ کدهای جاواسکریپت را در یک فایل,جداگانه نوشته و با پسوند 5 آنها را ذخیره کنید سپسر Prey TS) Nee een) #خط زير را در برنامه 08©6230]! نوشته و آثرا به اسم" 51.[5©] ذخيره 6 document.write(" JavaScript external file ")® 

صفحه 118:
#حالا یک فایل اچ تی ام ال بسازید و تگهای زیر را در آن وارد کنید سپس ‎especial‏ ا ۱ ‎Roe ESOC pos‏ <اصاط> » <لمع > ‎</head>‏ ‎eee‏ ‎<script language="javascript" type="text/javascript"‏ ‎src="test.js">‏ ‎</script>‏ ‎alc‏ ‏<امغط> زیر را در | تا یوت کت ‎ie shea Ee‏ ی ‎Neu SOS‏ 

صفحه 119:
متعیر چیست ! ل ل ا ال ا ا ۱۳ اطلاعات هستند ؟ ای اطلاعات ل ا ا و"یا حتی یک 0 2100 On OEP ‏ا ا ال‎ bd | ‏ا‎ SECIS OY Ta ‏آن مى توانيم از يك كلمه كوتاه كه اين متن در:آن ذخيرة شده استفاده كنيم تا‎ he aS ES ase eee 

صفحه 120:
© <script language="javascript" type="text/javascript"> ۷۵۲ 5۲۲۵5۲ < ۳۲5 ‏دح وا‎ 6۵۳۰۵۱6 ۲۵5 ۲ ‏تلو زیت ری مه‎ cel (-118) ‏روت‎ ‎1 يعنى مى توانيد يك متغير را بدون نوشتن آن هم تعريف كنيد ولى اكر مى ‎oa er ecru po‏ ال ال ‎PPA‏ ا ا ا و ل ا ‎fe perso wT pea Por‏ تا ‎Ps‏ ‏پپ۱ ا ل 1 0 ‏ا اسب‎ gla) ‏دهيم تا عيناً محتويات آن در مرورگر نوشته شود.‎ 

صفحه 121:
#برای انتخاب نام متغیر باید نکات زیر را رعایت کنید: ‎ese‏ ا ا ا الت لك نک هیچگونه فاصله ای هم در آن نباید باشد. ادر جاوااسكرييت حروف كوجى با بزرك متفاوت مى باشند يعتى 651 51۳ با 51۲1651 کاملاً تفاوت دارد که اصطلاحاً می گویند ‎ogo Flee‏ و ‎om‏ 

صفحه 122:
انواع متغیرها #دو نوع متغیر وجود دارد که تفاوت این دو مدل در محل استفاده از آنها مى باشد. : *متغیرهای کلی و:سراسرى كه به آنهاإإ01008 كفته مى شود. ب اين متغيزها دن سر 0 ‏ا‎ Nera ee Ra | ee ee MP Se oe on 0 ‏ال ا لت‎ Sev See aia ‏از اسكريبت كارآيى دارند كه ممكن است در قسمت ديكرى همان متغير‎ ‏با یک مقدار دیگری تعریف شود.‎ REPO CAEL atl MP Pe yP COTE Lech Peers ‏یک متفیرمحلی در هر تابع می تواند مقادیر متفاوت داشته باشد بدون اینکه‎ * ‏پیغام خطایی تولید کند‎ ابتدای اسکر ی 

صفحه 123:


صفحه 124:
(922 2 =) Xo) ۳ (4 document.write ( "<b> Good morning </b>") } else if(t > 10 &&t<13) { document.write ("<b> Hello friends ۳ I else if(t >= 13 &&t< 18) { document.write ("<b> Good afternoon 7) a) } else { ‎prema. eel‏ ۳ ۰ ۰ ی ۲ ۳ و از ۶ ۳ بر ی ۱ م۹ 

صفحه 125:


صفحه 126:
switch © <script language="javascript" type="text/javascript"> var d = new Date () var weekday = d.getDay () switch ( weekday ) {case 0: document.write (“Sunday”) (۱ case 1: document.write ("Monday") ‏باقع‎ case 2: document.write ("Tuesday“) le) t=t- 1.4 case 3: document.write ("Wednesday“) break ‎SS‏ ا ‎BS ays‏ ان 

صفحه 127:
#مى خواهيم برنامهاى بسازيم كه در هر روز از هفتف يك بيام دهد. ۴ این برنامه» ‎EI or ee LOSS oye a‏ ‎ee Ene e ancora Ors RC een Sees ionic g's)‏ حديثء شعرايا جملات زيبا را بنويسيد. ‎var Now = new Date()‏ ® ‎var Week = Now.getDay()‏ ‎switch (Week)‏ 0 6356 0 : 31611)“ ‏("يكتنبه‎ : break; 

صفحه 128:
62561 : ۵16۲۱0۲ ‏:("دیشنبه‎ ‎break; ‎case 2 : alert("«.+.—"); ‏ةمعط‎ ‏:("جبايناة؟ )م31 : 3 تا‎ ‏بكاوهعءط‎ ‎case 4: alert("«::"); lott. case 5: alert(".="); break; case 6: alert("«_3"); lett. default : break; 

صفحه 129:
for we © <script language="javascript" type="text/javascript"> for (i = 0; i <= 10; i++ ) 0 document.write (" Number " + i + "<br />") } </script> © for (var x in object) 1 document.write ("<li>object."+x+"= 

صفحه 130:
لین ۳۹ 0 while (i <= 10) { document.write(" Number " + i + "<br />") ‏++ز‎ ‎۷ ‎۰/۵۲ 5 < 0: while (a < 10) 1 document.write ‏,پیام")‎ a ,"<br>"); a++; 1 

صفحه 131:
ل ۳ 0 { document.write(" Number " + i + "<br />") ‏اس‎ } while (i <= 10) 

صفحه 132:
© var weekdays = new Array(7) weekdays[0] = "Shanbeh" weekdays[1] = "Yekshanbeh" weekdays[2] = "Doshanbeh" weekdays[3] = "Seshanbeh" weekdays[4] = "Chaharshanbeh" weekdays[5] = "Panjshanbeh" weekdays[6] = "Jomeh“ © var weekdays = new Array ("Shanbeh","Yekshanbeh 

صفحه 133:
تابع ‎Ceres‏ الا لل ل ا 1 لك است که در یک ‎occ‏ ل كك ‎<Script>‏ ® ‎function funAlert()‏ alert ‏(”ستام”)‎ </Script> 

صفحه 134:
صدا کردن تابع یکی از راه‌های صدا زدن توابع. استفاده از رویدادهاست. | 0 استفاده کنید. الى ا ا ا ا | ‎AS es! onClick‏ ‎eRe sem ent Been 0) 5 (Aarne Peel‏ 0 باز شدن صفحه اجرا شود. برای این کار باید به تگ بدنه (800 بادی) اه Cire tee Mao Rete ma vay VCs 0 ee ‏۴اگر خواستید با کلیک بر روی عکسی. پیامی نمایش داده شود باید کد زیر‎ 0 pee re <I Y DY © <img onClick="funAlert()" ...> ‏#نقطه جين يعنى بقيه كدهاى مربوط به عكس.‎ 

صفحه 135:
كاه یکی از ویژگی هایی که جاوااسکریپت دارد جمع آوری اطلاعات از سیستم کاربر و نمایش آنها در صفحات وب است. 21 كلايد ‎a CrP ere‏ ‎Pry tg re oc Fats eoeene‏ 1 0 توا كو أين مشكل را طرف كند. ‎Ph‏ ا ‎FO ets Some CRB TD‏ ‎ie) aE Sars ABS ee Sy eC |‏ ا ‎SES‏ ‏#يكى ازاين 00[6©1 ها و شئ هاء 0366] مى باشد كه به كمكى آن می توانیم تاریخ و زمان سیستم را هنگام اجرای کد دریافت کنيم سپس ۳ 0 

صفحه 136:
ALE ۱ Te) *)| (earl ® new Date() ‏م خطا رویرو‎ ۱9 |p arcana more ra) e Pa ‏ا شد‎ ‏#جون جارااسكريبت ازبان حسامى امنت يش هر جا كه حروف,بزركا است‎ Se eg ee Ree a recs ‏ا ا‎ ‏مى كذاريد كه در قسمتهاى بعدى همين صفحه كارآيى آنها را درك خواهيد‎ 3 ثانیه و 1 0 ‏پا‎ ci Zulu ‏كه به آن‎ 2b .» Coordinated Universal Time ‏يك مى كويند و مطابق با استاندارد جهانى زمان است.‎ 

صفحه 137:
#کد زیر را در یک سند اج تی ام ال وارد کنید و پس از ذخیره آثرا اجرا كنيد: ‎<script language="javascript"‏ ® ‎type="text/javascript">‏ ‎document.write ( new Date() )‏ ‎</script>‏ 

صفحه 138:
متدهای شی ‎Date‏ ‏ل 0 رل لت يك ‎ile‏ 6105027 قدت 00 اصلى ميباشيد كه بيشترين كاريردارا:دارند. اين ا ‎® getDate(), getDay(), getMonth(), getYear(), ‎getHours(), getMinutes(), getSeconds() ‏#براى تعريف و استفاده از اين متدها بايد ابتدا شئع.را,نوشته» سيس يك ‎Sp Cea‏ ا 0 

صفحه 139:
2ه #برای درک بهتر مطالب گفته شده یک تمرین را با هم انجام می دهیم؛ در یک صفحه وب می خواهيم زمان ورود یک کاربر به همان صفحه را اعلام کنیم. بطور مثال: ورساعة يقش إرد ان ملفحه شيديد. 020 ‏رای لل‎ ce oe he ® <script language="javascript" type="text/javascript"> var vorood = new Date() document.write( vorood.getHours() + ":" + vorood.getMinutes() + ":" + vorood.getSeconds() ( </script> 

صفحه 140:
(—+) Object Byer ee CMS eae ie ears Se ei CCP te eid iy rn CPi) pe ee es Thi rearcarreorrs (0 (ool anno enero ‏ا‎ ‏ان آشنایشدهاندر‎ ‎be‏ وت ا ل ا ل ‎Res es FS Es ss‏ #مثلذ يى سند داراى اين خصوصيات انستةا بس ,ومين عنوان/(11616). نوار وضعيت (05ا]583). نوار ييمايش (561011). متن (161), لینک ‎(Link)‏ 

صفحه 141:
طریقه نوشته: ابندا نام شی را نوشته, و بعد از یک نقطه نام خصوصیت ‎sev De oy‏ 00 ‎cp my‏ است كه بايد بعدرازؤيريك نقطه. نؤشته شوة. 

صفحه 142:
(i) Methods® 0 ‏ل‎ Pee ee eine ete Fy Co ets er CIC ‏بستن پنجره. شالوده و اصل یک زبانْبرنامه نویسی؛ متدهای آن‎ ‏است. نب‎ | | ‏تکمیل شود.‎ مثال: متد بسته شدن صفحه: ۵ نامه © window.close() 

صفحه 143:
رد۱۳۳۳ *رویداه عملیاتی است که کاربن در یک صفحه انجام می‌دهد. بعضی از رویدادها مشترگ و عمومی هستند و بعضی مخصوص یک شی. بعضی از أين رويداوها. راربرائإشمازوسته بندى كردهام كه حتما ذخير نموده و به ‎oe UB‏ oreo eee ce SPEC oe ae ‏مى خوانند: 0110116016 - هنكام كليكى كردن.‎ 

صفحه 144:


صفحه 145:


صفحه 146:
۳ © <script> function funFor() 1 document.writeln("<Table Border=1>"); for(a = 1; a <= 10; at++) { document.writeln("<TR>") for(b = 1; b <= 10; b++) if ((a+b) % 2) 5 

صفحه 147:
۳ © document.writeln("<TD bgcolor=blue>"+ a *b+" </TD>") 1 else { document.writeln("<TD>"+ a*b+" </TD>") } 1 document.writeln("</TR>"); ۷ document.writeln("</Table>"); ۷ eg 

صفحه 148:
نمونه كد؟: اسكرول صفحه (حركت صفحه از بالا به پایین) للع رك ا ا لك كلك براى بالا أمدن. اين توابع» به صورت مستقل. اجرا مى شوند. ا ا ۱ Ree OCC ‏ا ا ا ا ا‎ mel) 8 کمه‌ها» توابع. اجرا می‌شوند؛ یعنی باید از رویداد 01۱6/16 استفاده يي ‎<script>‏ ® تلبعيمكه صفحه را به طرف// ()1الال001آ0انا؟ لوأنع نالا رم حلتملی// (++6 :600 <> 5 :1 < 5) ۲0۲ که لفزلیشدارد { 

صفحه 149:
نمونه كد؟: اسكرول صفحه (حركت صفحه از بالا Conk 4 window.scroll (1, a); // ial Sule } تلبعوكه صفحهرا به طرفبالا// ()0لانا؟ مهأغأعصنا؟ ‎Be‏ ‏1 حلتملئوكه // (--3 :1 >< 600:3 - 3) 106 و( 1 window.scroll (600, a); I </script> 

صفحه 150:
نمونه كل" © function funTime() { var Time = new Date (); var H = Time.getHours(); var M = Time.getMinutes(); var S = Time.getSeconds(); var Clock =H + ":" + M+ ":" + S; Font.innerText = 2s: " + Clock; setTimeout ("funTime()", 1000);// ‏بالميوتليص‎ eee cere er err nen ene y coy 

صفحه 151:
نمونه كل" ۱ محتوبيات تك ياراكراف - نمايش داده مىشود؛ و مىتوانيم آثرا تغيير داده ۱ S و ویرايش کنیم. ‎de‏ لي ل لت ل شبیه دستور قبلی است؛ البته با کمی تفاوت. ‏56۲11۳۳60۷0۴ دستور تایمر و مان شمار است. بعل از آن, یک جفت پرانتزه قرار دارد که داخلش» دو پارامتر نوشته می‌شود: ‎.١‏ اسم جيزى است كه قرار است اجرا شود؛ مانند يك تاب ‏۲ زمانی که تایمر در آن فعال خواهد شد. واحد زمان. میلی ثانیه است ‎Cree eee)‏ ارات ۱۳۲ سل سک ‎ ‏ا ‎ 

صفحه 152:
۳ سا ۱ سا ‎AF‏ موزش می‌دهد که ‎peor mes‏ ‎ve Learn [ 317351801 ‎ee Rone Cy ce lS enol ‎eee cae ee Seer en ro) nee cameo Co pe Cares na aa ape SSSI ES gh Se) ‏أثرا بيني‎ ‎JS Workshop‏ علق ‏#يك مخزن عالى با مقادير زيادى اسكريبت و مسألهاى فراوان براى ‏یادگیری جاوا اسکرییت. ‎ ‎ ‎ ‎ 

صفحه 153:
معرفی کتاب ا ا ا ار ‎Teach yourself Java Script in 24 hours‏ ‎i‏ مانکر ‎een‏ علی ناصح ناشر: موسسه فرهنكى هترى ديباكران تهران ا د ‎Bias qed‏ تلفن: ۲۰۹۰۰۰۱ الی ۵ پایگاه « مع .هر انه نك اضيا ليل ‎reer ys Cpr ren Con rats ree Coney ror oir‏ | بالاخص جاوا اسكرييت مى باشد. مى توانيد مثالهاى كتاب را در اين ey ‏ل‎ ene a 

صفحه 154:
معرفی کتاب #نام:خود آموز سریع جاوا اسکریپت ‎Java Script For The World Wide Web 2003‏ ‎ca uke none‏ سس( مترجم: مهندس حميد رضا ذوقى ‎eee‏ نوبت چاپ: اول فمت: ۲۹۵۰ تومان http»www javascriptworld.com :_3 =! IL [۱ RCI BEY > Cae el ater ee ‏معرفی شده است.می‌توانید مثالهای کتاب را در این با‎ ‏ا ا لي‎ 

صفحه 155:


صفحه 156:
۱ < همکاری در روش قایل های پاورپوینت شما https://telegram.me/PptDL_ir