Đại Cương Về Thiết Kế Web Và Lập Trình Web- P7

Đại Cương Về Thiết Kế Web Và Lập Trình Web- P7: Giáo trình bao gồm 5 chương, mỗi chương đều có phần kiến thức lý thuyết và câu hỏi nghiên cứu cụ thể...
Nội dung trích xuất từ tài liệu:
Đại Cương Về Thiết Kế Web Và Lập Trình Web- P7 http://www.ebook.edu.vn 31 VÝ dô minh häa: HTML Forms Tªn NSD MËt khÈu H×nh 2.4 VÝ dô vÒ thÎ INPUT trong FORMd. T¹o mét danh s¸ch lùa chän b»ng thÎ SELECT vµ OPTION Có ph¸p: Tªn môc chän thø nhÊt Tªn môc chän thø hai http://www.ebook.edu.vn 32 VÝ dô minh häa: Danh s¸ch lùa chän Th«ng tin: Thêi tiÕt TruyÒn h×nh ThÞ trưêng Thêi sù QT H×nh 2.5 VÝ dô t¹o mét danh s¸ch lùa chäne. T¹o hép so¹n th¶o v¨n b¶n b»ng thÎ TEXTAREA Có ph¸p: V¨n b¶n ban ®Çu http://www.ebook.edu.vn 33 VÝ dô minh häa: Hép so¹n th¶o NhËn xÐt: H×nh 2.6 T¹o hép so¹n th¶o v¨n b¶n2.3 DHTML (Dynamic HTML)2.3.1 §Þnh nghÜa: Ng«n ng÷ ®¸nh dÊu siªu v¨n b¶n ®éng (Dynamic Hypertext MarkupLanguage) lµ phiªn b¶n më réng cña HTML vµ JavaScript, ng«n ng÷ nµy ®−îcdïng ®Ó t¹o trang th«ng tin trªn World Wide Web. Dynamic HTML cã vÞ trÝ v¨nb¶n vµ ®å häa rÊt chÝnh x¸c v× nã cho phÐp néi dung cña trang Web thay ®æi mçikhi ng−êi dïng nhÊn, kÐo hay trá vµo nót, h×nh ¶nh hay c¸c thµnh phÇn kh¸c trªntrang nµy.2.3.2 §Æc ®iÓm Ng«n ng÷ ®¸nh dÊu siªu v¨n b¶n ®éng mang l¹i cho c¸c nhµ ph¸t triÓn kh¶n¨ng t¹o nh÷ng trang Web cã h×nh thøc vµ tÝnh n¨ng nh− mét øng dông thùc sù. HTML ®éng cho phÐp ng−êi dïng ®Þnh vÞ chÝnh x¸c v¨n b¶n vµ h×nh ¶nhtrªn trang Web. C¶ hai tr×nh duyÖt cña Netscape vµ Microsoft vµ míi nhÊt lµ cñaMozilla ®Òu hç trî hÖ CSS ®Ó kiÓm so¸t vÎ ngoµi cña trang Web. VÝ dô, c¸c nhµph¸t triÓn cã thÓ thay ®æi kiÓu ch÷ vµ kÝch cì cña tõng dßng tiªu ®Ò trªn Web sitemét c¸ch ®¬n gi¶n b»ng c¸ch thay ®æi ®Æc t¶ trong trang ®¬n x¸c ®Þnh h×nh thøc http://www.ebook.edu.vn 34(Cascading Style Sheet) t−¬ng øng. HTML ®éng cã c¶ kh¶ n¨ng liªn kÕt c¬ së d÷liÖu víi trang Web ®Ó söa ®æi néi dung ngay trong khi thùc thi. Tr−íc khi trangHTML ®éng ®−îc duyÖt, tr×nh duyÖt ph¶i bæ sung m· ch−¬ng tr×nh ch¹y ngoµitr×nh duyÖt nh− Java hay thµnh phÇn ActiveX.2.3.3 Mét sè hiÖu øng DHTMLa. T¹o chuçi ký tù chuyÓn ®éng Có ph¸p: Chuçi ký tù muèn chuyÓn ®éng C¸c thuéc tÝnh: C¸c tham sè ý nghÜa BEHAVIOR X¸c ®Þnh c¸ch thøc chuyÓn ®éng, víi type=scroll th× chuçi ký tù b¾t ®Çu xuÊt hiÖn t¹i 1 c¹nh cña cöa sæ mµn h×nh vµ biÕn mÊt ë c¹nh bªn kia, víi type=slide th× chuçi b¾t ®Çu chuyÓn ®éng tõ 1 c¹nh vµ dõng l¹i ë c¹nh bªn kia khi chuçi ch¹m vµo c¹nh kia, víi type=alternate th× chuçi xuÊt hiÖn tõ bªn nµy sang bªn kia vµ chuyÓn ®éng ng−îc l¹i. DIRECTION §Þnh h−íng chuyÓn ®éng cho chuçi ký tù. LOOP X¸c ®Þnh sè lÇn chuyÓn ®éng cña chuçi. NÕu loop=infinite th× chuçi sÏ xuÊt hiÖn liªn tôc. VSCROLLAMOUNT X¸c ®Þnh tèc ®é chuyÓn ®éng cña chuçi, tÝnh b»ng sè pixel/gi©y. SCOLLDELAY Thêi gian ngõng sau 1 lÇn chuyÓn ®éng. NÕu kh«ng cã c¸c thuéc tÝnh trªn th× chuyÓn ®éng lÆp ®i lÆp l¹i tõ ph¶i sangtr¸i víi tèc ®é 6 pixel/1 gi©y vµ thêi gian ngõng gi÷a c¸c lÇn ch¹y lµ 90 gi©y. VÝ dô minh häa: Chuçi ký tù chuyÓn ®éng http://www.ebook.edu.vn 35 LOOP=infinite SCROLLAMOUNT=60 SCOLLDELAY=5 >VÝ dô chuçi ký tù chuyÓn ®éng trong DHTML b. Thay ®æi h×nh d¹ng chuét khi qua mét vÞ trÝ Có ph¸p: C¸c thuéc tÝnh vµ h×nh d¹ng t−¬ng øng: Auto Hand Move Text Wait Help Default Crosshair VÝ dô minh häa: VÝ dô vÒ Cursor auto hand move text wait help default crosshair 2.4 C©u hái vµ bµi tËp ch−¬ng 2 C©u 1: Kh¸i niÖm ng«n ng÷ HTML? C©u 2: Nªu c¸c thÎ x¸c ®Þnh cÊu tróc tµi l ...