Go.z.G•.G¥. (HTML)-CÛQV†‡Á J£ CÂV ÙUÖ³
C‰YÛW LP‹R 4 YÖWjL[ÖL HTML T¼½V ˜efVUÖ] Th‡LÛ[ T¼½ ÙR¡‹‰ ÙLÖÚPÖ•. C‹R HTML CÛQV†‡¥ GªYÖ¿ ETÚVÖLT|†RT|f\‰ GÁTÛR T¼½ SÁh A½‹‰ ÙLÖÚPÖ•. HTML T¼½ GªY[°RÖÁ SÖ• ÙR¡‹‰ ÛY†‡£‹RÖ¨•, DHTML T¼½ A½‹‡£eLÖ«z¥ TVÁ C¥ÛX. BÛL›]Ö¥ DHTML T¼½ A½‹‰ ÙLÖ·[XÖ•.
DHTML T¼½V AzTÛP RLY¥L·
CÁÛ\V
s²ŒÛX›¥ CÛQV R[•
(Internet Websites) E£YÖehR¥ U¼¿•
AY¼½¥ SÖ• AÁ\ÖP• ÙNš•
TX«RUÖ] ÚYÛXL·, UÖ¼\jL·
ÚTÖÁ\Y¼Û\ –L°• G¸RÖ]
˜Û\›¥ NUÖ¸eL
TXYÛLVÖ] “‡V ˜Û\›XÖ] ÙNV¥TÖ|L·
–L°• AYpV•. HÙ]Á\Ö¥ NÖRÖWQUÖL
HTML ETÚVÖf†‰ CÛQV R[ TeLjLÛ[
(Web Pages) RVÖ¡eh• ÚTÖ‰, AÛYVÛ]†‰•
ŒÛXVÖ] (Static)
Te LjL[ÖL RVÖ¡eLT|f\‰. CY¼½¥
“‰ÛUVÖ] pX ŒL²°LÛ[o ÙNšV
˜zY‡¥ÛX. ŒÛXVÖ]
(Static) Web pages Uy|ÚU RVÖ¡eL ˜zf\‰.
ÚU¨• AY¼½¥ G‹R «RUÖ]
UÖ¼\jLÛ[• ÙNšV ˜zY‡¥ÛX.
B]Ö¥, DHTML GÁ\ Dynamic HTML ™X• C‰ ÚTÖÁ\ TX hÛ\LÛ[ ŒYŸ†‡ TQ ˜z•. C‹R DHTML GÁT‰ CÛQR[ TeLjLÛ[ E£YÖeL “ÚWÖfWÖ• Gµ‰• ÚTÖ‰ AY¼½¥ TX«RUÖ] Ly|TÖ|LºPÁ izV «R«RUÖ], «†‡VÖNUÖ] ÚYÛXLÛ[ ÙNšV ˜z•. G‹R J£ CÛQV R[ TeL†ÛR• ÚRÛYVÖ] ÚSW†‡¥ G|†‰ ÙLÖ| G¥XÖ «RUÖ] ÚYÛX LÛ[• N¡VÖ] ˜Û\›¥ ÙNš‰ ÙLÖ·[ ˜z•.
C‹R DHTML GÁT‰ S®] ÙRÖ³¥ îyT YN‡LÛ[e ÙLÖPRÖL AÛU‹‰·[‰. ÚU¨•, HTML-¥ C¥XÖR TX «RUÖ] YN‡LÛ[• C‰ YZjhf\‰. ˜ÁÙT¥XÖ• J£ CÛQV R[ TeL†‡¥ HÚRÄ• UÖ¼\jL· ÙNšV «£•‘]Ö¥, AY¼Û\ Server GÁ¿ ÙNÖ¥XeizV L•ïyP¡¥ Uy|• ÙNšV ˜z•. ERÖWQUÖL J£ CÛQV R[ TeL†‡¥ E·[ ÙPeÍy (Text) EÛPV Color-ÛV UÖ¼\ ÚY| UÖ]Ö¥, Browser B]‰ A‹R TeL†ÛR Server GÁ\ L•ïyP¡¥ C£‹‰ G|†‰ ARÁ ‘\hRÖÁ ÚYzV UÖ¼\†ÛR ÙNšV ˜z•. B]Ö¥ DHTML ™X• G‹R «RUÖ] Lz]˜–Á½ G¸RÖL UÖ¼½e ÙLÖ·[ ˜z•.
DHTML GÁ\Ö¥ GÁ]?
DHTML GÁT‰ TX«RUÖ], ˜ÁÚT RVÖ¡eLTyP (BUILT IN) “ÚWÖfWÖ• YN‡›Û] ÙT¼\ ŒÛXV¼\ (Dynamic) CÛQV R[ TeLjLÛ[ E£YÖeh• ÙUÖ³VÖh•. C‰ J£ “ÚWÖfWÖ–j ÙUÖ³ GÁTÛR «P, ŒÛXV¼\ CÛQVR[ TeLjLÛ[ E£YÖeh• J£ Browser Tool Bh•.
HTML U¼¿• DHTML CÛY CWz¼h• E·[ ˜efVUÖ] «†‡VÖN• GÁ] ÙYÁ\Ö¥, HTML ™X• CÛQV R[ TeLjLÛ[ E£YÖef AY¼½¥ Text (YÖŸ†ÛRL·) U¼¿• Images(TPjL·) ÚTÖÁ\ RLY¥LÛ[ E·[Pef, AÛY ™X• Hyper Text GÁ¿ ÙNÖ¥XeizV CÛQÛT Uy|ÚU E£YÖeL ˜z•. B]Ö¥ C‹R DHTML ™X• S®] ÙRÖ³¥ îyTe‡LÛ[ ÛLVÖº• YN‡L[Ö], J£ TP†‡ÁÚUÚX U°Í (Mouse) ÙLÖ| move ÙNš• ÚTÖ‰, J£ TP• ÚY¿«RUÖL UÖ½ UÖ½ AÛUeLTy|·[‰. ÚU¨• Window ™X• menu ÚYzV YzY†‡¥ L• ïyPŸ ‡ÛW›ÚX Display ÙNšVT|f\‰.
BW•T LÖXjL¸¥ C‹R HTMLETÚVÖfTRÁ ™X• ‡£‡LWUÖ] «Û[° LÛ[ SÖ• ÙT¼\ ÚTÖ‰•, S®] LÖXjL¸¥ –L°• Y[ŸopVÛP‹R ÙRÖ³¥ îyT E†‡LÛ[ ÛLVÖº• «RUÖL DHTML AÛU‹‰· [‰. ˜R¦¥ A½«V¥ «tOÖÂL· RjL· NL F³VŸLºPÁ RLY¥ LÛ[ T½UÖ½e ÙLÖ·[ CÛR TVÁT|†‡]Ö¨•, ‘Á“ AY¼½¥ Text EPÁ Images (TPjLÛ[) CÛQ†‰ AY¼Û\ ÚRÛYe ÚL¼T ETÚVÖLT|†‡e ÙLÖ·ºUÖ¿ AÛU†‰e ÙLÖP]Ÿ.
DHTML T¼½V ˜efVUÖ] TÖLjL·
1.HTML: C‹R AzTÛP ÙRÖ³¥îyT†‡Á ™X• CÛQV R[†‡Á TeL†ÛR E£YÖeL ˜z•. C‰ ÚTÖÁ¿ E£YÖeLTyP CÛQV R[ TeL†ÛR Browser ™X• «ÛWYÖL L•ïyPŸ ‡ÛW›¥ G|†‰eLÖyP ˜z•. CÛR†RÖÁ AzTÛP Ly|TÖ| AÛU“ (Building Block) GÁfÚ\Ö•.
2.Document Object Model(DOM): J£ CÛQV R[ TeL†ÛR E£YÖeL ÚY|ÙUÁ\Ö¥, AY¼½¥ ETÚVÖLT|†R ÚYzV RLY¥LÛ[ object GÁÄ• ˜Û\ ™X• h½‘P ˜z •. J£ Document EÛPV Object GÁT‰ Frames (‘ÚW•Í), Forms(TÖŸ•Í), Buttons (TyPÁÍ), Images (TPjL·) U¼¿• Text (YÖŸ†ÛRL·) ÚTÖÁ\ Y¼Û\ ÙLÖPRÖL C£e h•. C‰ ÚTÖÁ\ Object-I ÙLÖ| J£ Document E£YÖeLT|YRÖ¥ CÛR Document Object Model (DOM) GÁ¿ AÛZefÁÚ\Ö•.
DOM
AÛU“ ˜Û\
Window-í Document-í Form-í Elements
J£ Window-ÛY E£YÖef, AY¼½¥ Document-ÛV RVÖ¡eL ÚY|•. A‹R Document-¥ Form GÁ¿ ÙNÖ¥XeizV TzY†ÛR E£YÖeL ÚY|•. AªYÖ¿ E£YÖeLTyP TzY†‡¥ TX«RUÖ] EyL£†‡Û] ÙLÖP Element-ÛV ÚNŸeL ÚY|•. C‹R ˜Û\›¥RÖÁ J£ Document-ÛV RVÖ¡eL ˜z•.
3. ^ÖYÖ Íf¡y (Java Script): C‹R ^ÖYÖ Íf¡y GÁT‰ J£ “ÚWÖfWÖ• Gµ‰• ÙUÖ³VÖh•. CRÛ]e ÙLÖ| RÖÁ SÖ• E£YÖefV Object-LÛ[ TX«RUÖ] ÚYÛXLÛ[ ÙNš• ÙTÖ£y| E£YÖeL ˜z•. C‰ ÚTÖÁ\ YN‡›Û] TVÁT|†‡ HTML TeL†‡¥ SUeh† ÚRÛY VÖ] “‡V ˜Û\›XÖ], S®] E†‡LÛ[ ÛLVÖ| T¥ÚY¿ «RUÖ] ÚYÛXLÛ[ ÙNš‰ ÙLÖ·[ ˜z f\‰. C‹R Java Script ™X• CÛQV R[ TeLjLÛ[ ETÚVÖfTÖ[ŸLºPÁ ÙRÖPŸ“ ÙLÖ| G¸V ˜Û\›¥ ÛLVÖº• «R† ‡¥ AÛU†‰e ÙLÖ·[ ˜z•.
4.ÍÛP¥ qyÍ (Style Sheets): CRÁ ÙTV¡ÚXÚV h½‘yP‰ ÚTÖX CÛQV R[ TeL†ÛR E£YÖef AY¼½¥ SUeh† ÚRÛYVÖ] AZfV ÚYÛXTÖ|LÛ[ ÛLVÖ|, p\TÖ] ˜Û\›¥ E£YÖeL ˜z•. C‹R «RUÖ] Style Sheet-LÛ[ Java Script ™X• “ÚWÖfWÖ• Gµ‡ ÚRÛYVÖ] YÛL›¥ CÛQV R[ TeLjLÛ[ UÖ¼½VÛU†‰e ÙLÖ| ETÚVÖfeL ˜z•.
5.RLY¥ AÛU†R¥ (Content Positioning): RLY¥ TWÖU¡“ ˜Û\VÖ]‰ CÛQV R[• E£YÖeh• ÚTÖ‰, AY¼½¥ E·[ TPjL· A¥X‰ Gµ†‰eLÛ[, SL£• «RUÖL Animation ÙNš‰ ÙLÖ·[°•, ‡ÛW›¥ G‹R CP†‡¥ AY¼Û\ LÖy|Y‰ ÚTÖÁ\ AÛ]†‰ ÚYÛXLÛ[• ÙNš‰ ÙLÖ·[ ˜z•. RLY¥LÛ[ N¡VÖ] ˜Û\›¥ ÚNL¡†‰, N¡VÖ] CP†‡¥ T‡° ÙNš‰ LÖy|Y‰ CRÁ ˜efV A•NUÖh•.
6. ŒÛXV¼\ RLY¥L· (Dynamic Content): CÛQV R[ TeL†‡¥ E·[ YÖŸ†ÛRLÛ[•, TPjLÛ[• ÚU¨• U¥z—zVÖ (Multimedia) ÚTÖÁ\ TÁ˜Û\ RLY¥LÛ[• ÚRÛYVÖ] «R†‡¥ UÖ¼½VÛU†‰e ÙLÖ·[ ER°f\‰.
7.p\TÖ] Gµ†‰eL· (Downloadable Fonts): ETÚVÖfTÖ[ŸL· RjLºeh ÚRÛYVÖ] p\TÖ] Gµ†‰eLÛ[•, AY¼Û\ G‹R Document-¥ TVÁT|†‰Y‰, Gjh TVÁT|†‰Y‰ ÚTÖÁ\ RLY¥LÛ[• YZjhf\‰.
DHTML T¼½V ˜efV L£†‰eL·
CÛQVR[• E£YÖeh• ÚTÖ‰ HTML AzTÛP›¥ ŒÛXVÖ] J£ TeL†ÛR E£YÖef]Ö¥, ARÁ ™X• G¥XÖ «RUÖ] SÁÛU LÛ[• ÙT\ ˜zVÖ‰. HÙ]Á\Ö¥ A‰ J£ Static TeL• GÁ¿ AÛZeLT|•. ÚRÛYeÚL¼T UÖ¼½V ÛU†‰e ÙLÖ·º• YN‡›Û] YZjhYÚR LÖWQ•. B]Ö¥ Dynamic HTML ™X• CÛQV R[ TeLjLÛ[ YzYÛU†R¥ T¥ÚY¿ YN‡LÛ[ ÙT\XÖ• GÁTÚR CRÁ p\T•NUÖh•. CRÁ CW| ˜efV A•NjL· VÖÙRÂ¥,
1.Document Object Model (DOM):C‹R YN‡›Á ™X• RWUÖ] Object LÛ[ HTML U¼¿• XML ™X• E£YÖef, AY¼Û\ JÁ\ÖL CÛQ†‰ T¥ÚY¿ ÚYÛXLÛ[ p\ TÖL ÙNšV ˜z•. C‹R ˜Û\ ™X• JªÙYÖ£ Object-ÛV• RÂTyP ˜Û\›¥ G|†‰ SUeh ÚRÛYVÖ] ÚYÛXLÛ[ ÙNš‰ ÙLÖ·[ ˜zf\‰. AR¼h ÚRÛYVÖ] Y³˜Û\L·
* C‹R Object Model GÁT‰ RÂTyP J£ ÙTÖ‰YÖ] ÙUÖ³.
* DOM ˜Û\ ™X• HTML, C.S.S (Cascading Style Sheets) U¼¿• XML Document-LÛ[ E£YÖeL ˜z•.
* C‰ ÚTÖÁ\ Object Model ™X• J£ Document -ÛV E£YÖeLÚYÖ A¥X‰, AÛR UÖ¼½VÛUeLÚYÖ ˜z•.
*DOM ETÚVÖfTRÁ ™X• Document EÛPV RLY¥LÛ[ “ÚWÖfWÖ• Y¡L· ™X• E·[Pef TX«RUÖ] YN‡LÛ[ ÙT¿• ÙTÖ£y| AÛU†‰e ÙLÖ·[ ˜z•.
* CR¼LÖ] ÙTVŸLÛ[ AÛUeh• ÚTÖ‰, AY¼½¼LÖ] N¡VÖ] ˜Û\ÛV TVÁT|†‡ ARÁ ™X• G¥XÖ «RUÖ] ÚYÛXLÛ[• ÙNš‰ ÙLÖ·[ ER« “¡•.
*J£ RÂTyP ˜Û\›XÖ] Visual User Interface ÚTÖÁ\ ˜Û\L· ÚRÛY TPÖ‰.
* J£ p\TÖ] ÙUÖ³ Ly|TÖ|PÁ, p\‹R J£ HTML, CSS U¼¿• XML Document-LÛ[ E£YÖeL°• AR]Ö¥ TX«RUÖ] ÚYÛXLÛ[ ÙNšV°• ˜z•.
* C‹R DOM YN‡›Á ™X• G‹R J£ Document-ÛV (Read) YÖp†RÖ¨• ARÛ] ATzÚV L•ïyP¡¥ E·[ Memory-›¥ T‡° ÙNš‰ ÛY†‰ ÙLÖ·[ ER°f\‰.
*C‹R DOM YN‡›Á ™X• TÖ‰LÖ“ (Security) A¥X‰ RÂTyP RÁÛU (privacy) U¼¿• S•TL†RÁÛU (Validity) ÚTÖÁ\ ÙNV¥Lºeh G‹R «RUÖ] hÛ\TÖ|Lº• YWÖ‰.
*DOM YN‡›Û] ÙLÖ| SÖ• E£YÖefV Document-L¸¥ ÚY¿ pX ÚYÛXLÛ[ (Manipulation of Data) ÙNšV ˜¼T|•ÚTÖ‰ G‹R «RUÖ] CÛPï¿LÛ[• «Û[«T‡¥ÛX.
2. Dynamic Style: C‹R YN‡›Á ™X• TX«RUÖ] AXjLÖW• N•T‹RUÖ] (Style) ÚYÛXLÛ[ ÙNš‰ ÙLÖ·[XÖ•. ERÖWQUÖL Document AÛUeh• ÚTÖ‰ ARÁ ÚRÖ¼\• U¼¿• G‹R CP†‡¥ LÖy|Y‰ ÚTÖÁ\ ˜Û\LÛ[ «[ehf\‰. C‰ ÚTÖÁ\ ÚYÛXLÛ[ ÙNš‰ ÙLÖ·[ Object Model U¼¿• Style U¼¿• css ˜Û\ ™X• Document E£ YÖehR¥, ÚU¨• Client TeL• “ÚWÖ fWÖ• Gµ‰R¥ ÚTÖÁ\ ˜Û\L· ET ÚVÖLT|†RT|f\‰.
3.Dynamic Content: CRÁ ™X• CÛQV R[ TeL†‡¥ APjfV RLY¥LÛ[, RjL[‰ ÚRÛYeÚL¼T G‹R ÚSW†‡¨• UÖ¼\jL· ÙNš‰ ‡ÛW›ÚX TÖŸ†‰e ÙLÖ·[°•. CÛYVÛ]† ‰• Text A¥X‰ Images ÚTÖÁ\ RLY¥L¸¥ ÙNš‰ ÙLÖ·[XÖ•.
4.Filters: C‹R Filter GÁ\ YN‡›Á ™X• SUeh G‹R «RUÖ] Style ÚY|• GÁTÛR YzYÛU†‰e ÙLÖ·[XÖ•. C‹R Style TX «RUÖ] Properties-LÛ[ ÙLÖz £TRÖ¥ AY¼Û\ Rh‹R ˜Û\›¥ AÛU†‰eÙLÖ·[ C‰ ER°f\‰.
C‰YÛW DHTML GÁ\ CÛQV†‡Á CÛQV¼\ J£ ÙUÖ³›Á ˜efVUÖ] TÖLjLÛ[ T¼½ ÙR¡‹‰ ÙLÖz£’ŸL·.
|
˜RÁ
˜RXÖL...
˜RÁ ˜RXÖL DHTML GÁT‰ 1997-• Bz¥ RÖÁ A½˜LT|†RTyP‰. CW| RÛXp\‹R Œ¿Y]j L[Ö] ÙSyÍÚL(netscape) U¼¿• ÛUeÚWÖNÖy (Microsoft) ÚTÖÁ\ÛY DHTML GÁ\ C‹R “ÚWÖfWÖ–j ÙUÖ³›Û] «†VÖNUÖ] YÛL›¥ A½˜LT|†‡]Ÿ. C‹R DHTML ETÚVÖfeL «£•“TYŸL· Browser EÛPV «†‡VÖNjL· Uy| –Á½, G‹R Version(TÖL•) GÁ\ «†‡VÖN†ÛR• SÁh A½‹‰ ÛY†‡£eL ÚY|•. C‹R CW| ‘WTXUÖ] Œ¿Y]jLº• DHTML ETÚVÖL†ÛR YZjf]Ö¨•, AY¼Û\ TVÁT|†‰• ˜Û\ JÁ½¦£‹‰ U¼Ù\ÖÁ¿ UÖ¿Ty| «[jhf\‰. B]Ö¥ CW| «RUÖ] DHTML ˜Û\LÛ[• ÙTÖ‰ «‡L· ‘ÁT¼½ÚV RVÖ¡†‰·[]Ÿ GÁT‰ h½‘P†ReL‰. |
|
DHTML
YZjh• ˜efVUÖ] YN‡L·
C‹R Dynamic HTML GÁTRÁ ™X• TX«RUÖ] RWUÖ] YN‡LÛ[, ARÖY‰ Javascript, VBscript U¼¿• Document Object Model (DOM) ÚTÖÁ\ CÛQV R[ E£YÖeL Y³˜Û\LÛ[ YZjh• J£ EÁ]R ÙUÖ³VÖL C‰ «[jhf\‰. DHTML ™X• CÛQV R[ TeL†‡¥ E·[ Text EÛPV Color, Gµ†‰ YzY• (Font Size) ÚTÖÁ\ Y¼Û\ ÚYzV «R†‡¥ AÛU†‰e ÙLÖ·[XÖ•. mouse ™X• SÖ• J£ paragraph ÚU¥ move ÙNš• ÚTÖ‰ ARÁ LXŸ X Œ\†‡¥ UÖ¼½e LÖyPT|f\‰. ÚU¨•, J£ CÛQV R[†‡Á TeL†ÛR L•ïyP¡ÚX SÖ• G|†‰ LÖy|• ÚTÖ‰, AY¼½¥ TX«RUÖ] UÖ¼\jLÛ[ ÙNš‰ ÙLÖ·[ ˜zf\‰. |