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

Đại Cương Về Thiết Kế Web Và Lập Trình Web- P8: 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- P8 http://www.ebook.edu.vn 36 • Left frame lµ menu chÝnh gåm c¸c môc chÝnh: tin tøc, ®µo t¹o, tæ chøc, tµi liÖu, liªn kÕt. • Main frame dïng thÓ thÓ hiÖn néi dung c¸c môc chän trong main menu. • Bottom frame (footer) lµ th«ng tin liªm hÖ vµ b¶n quyÒn. Logo Banner Tin tøc Slogan chuyÓn ®éng §µo t¹o Tæ chøc Contents Tµi liÖu Liªn kÕt Footer Bµi 2: ThiÕt kÕ website qu¶n lý sinh viªn cña HÖ D©n sù d−íi d¹ng b¶ng(table), nh− sau: Logo Banner Date-Time Slogan chuyÓn ®éng Tin tøc-Sù kiÖn Qu¶ng c¸o Th«ng b¸o-H−íng dÉn TuyÓn sinh-§µo t¹o KÕt qu¶-Häc bæng Contents Qu¶ng c¸o DiÔn ®µn sinh viªn Tµi liÖu häc tËp Liªn kÕt website Bµi 3: ThiÕt kÕ mét website theo chñ ®Ò: • Giíi thiÖu danh lam th¾ng c¶nh cña quª h−¬ng. • Giíi thiÖu c¸c mãn Èm thùc ®Æc s¶n cña ®Þa ph−¬ng. • Giíi thiÖu chøc n¨ng, lÜnh vùc kinh doanh cña mét c«ng ty. • Giíi thiÖu c¸c Ên phÈm cña mét nhµ s¸ch nhá. • Giíi thiÖu s¶n phÈm may mÆc cña mét c«ng ty may xuÊt khÈu. • Giíi thiÖu s¶n phÈm, hµng hãa cho mét shop b¸n hµng. http://www.ebook.edu.vn 37Ch−¬ng 3 Ng«n ng÷ kÞch b¶n trong lËp tr×nh Web3.1 JavaScript3.1.1 Tæng quan Víi HTML vµ Microsoft FrontPage chóng ta ®· biÕt c¸ch t¹o ra trang Web -tuy nhiªn chØ míi ë møc biÓu diÔn th«ng tin chø ch−a ph¶i lµ c¸c trang Web ®éngcã kh¶ n¨ng ®¸p øng c¸c sù kiÖn tõ phÝa ng−êi dïng. H·ng Netscape ®· ®−a rang«n ng÷ kÞch b¶n cã tªn lµ LiveScript ®Ó thùc hiÖn chøc n¨ng nµy. Sau ®ã ng«nng÷ nµy ®−îc ®æi tªn thµnh JavaScript ®Ó tËn dông tÝnh ®¹i chóng cña ng«n ng÷ lËptr×nh Java. MÆc dï cã nh÷ng ®iÓm t−¬ng ®ång gi÷a Java vµ JavaScript, nh−ngchóng vÉn lµ hai ng«n ng÷ riªng biÖt. JavaScript lµ ng«n ng÷ d−íi d¹ng script cã thÓ g¾n víi c¸c file HTML. Nãkh«ng ®−îc biªn dÞch mµ ®−îc tr×nh duyÖt diÔn dÞch. Kh«ng gièng Java ph¶ichuyÓn thµnh c¸c m· dÔ biªn dÞch, tr×nh duyÖt ®äc JavaScript d−íi d¹ng m· nguån.ChÝnh v× vËy chóng ta cã thÓ dÔ dµng häc JavaScript qua vÝ dô bëi v× ta cã thÓ thÊyc¸ch sö dông JavaScript trªn c¸c trang Web.a. §Æc tÝnh cña ng«n ng÷ JavaScript JavaScript lµ mét ng«n ng÷ th«ng dÞch (interpreter), ch−¬ng tr×nh nguån cñanã ®−îc nhóng (embedded) hoÆc tÝch hîp (integated) vµo tËp tin HTML chuÈn. Khifile ®−îc load trong Browser (cã support cho JavaScript), Browser sÏ th«ng dÞch c¸cScript vµ thùc hiÖn c¸c c«ng viÖc x¸c ®Þnh. Ch−¬ng tr×nh nguån JavaScript ®−îcth«ng dÞch trong trang HTML sau khi toµn bé trang ®−îc load nh−ng tr−íc khitrang ®−îc hiÓn thÞ. JavaScript lµ mét ng«n ng÷ cã ®Æc tÝnh: • §¬n gi¶n. • §éng (Dynamic). • H−íng ®èi t−îng (Object Oriented).b. §èi t−îng trong JavaScript Mét trong nh÷ng ®Æc tÝnh quan träng cña ng«n ng÷ JavaScript lµ kh¶ n¨ngt¹o vµ sö dông c¸c ®èi t−îng (Object). C¸c Object nµy cho phÐp ng−êi lËp tr×nh södông ®Ó ph¸t triÓn øng dông. Trong JavaScript, c¸c Object ®−îc nh×n theo 2 khÝa c¹nh: • C¸c Object ®· tån t¹i. • C¸c Object do ng−êi lËp tr×nh x©y dùng. Trong c¸c Object ®· tån t¹i ®−îc chia thµnh 2 kiÓu: • C¸c Object cña chÝnh JavaScript (JavaScript Built-in Object): JavaScript cung cÊp 1 bé c¸c Built-in Object ®Ó cung cÊp c¸c th«ng tin vÒ sù hiÖn hµnh cña c¸c ®èi t−îng ®−îc load trong trang Web vµ néi dung cña nã.C¸c ®èi t−îng nµy bao gåm c¸c ph−¬ng ph¸p (Method) lµm viÖc víi c¸c thuéc tÝnh (Properties) cña nã. • C¸c ®èi t−îng cã s½n ®−îc cung cÊp bëi m«i tr−êng Netscape: Netscape Navigator cung cÊp c¸c ®èi t−îng cho phÐp JavaScript t−¬ng http://www.ebook.edu.vn 38 t¸c víi file HTML, c¸c ®èi t−îng nµy cho phÐp chóng ta ®iÒu khiÓn viÖc hiÓn thÞ th«ng tin vµ ®¸p øng c¸c sù kiÖn trong m«i tr−êng Navigator.c. C¸c ®èi t−îng do ng−êi lËp tr×nh x©y dùng • §Þnh nghÜa thuéc tÝnh cña ®èi t−îng: (Object Properties) Có ph¸p Object-name.Property-name (tªn ®èi t−îng.tªn ®Æc tÝnh) VÝ dô: Mét ®èi t−îng airplane cã c¸c thuéc tÝnh nh− sau: Airplane.model Airplane.price Airplane.seating Airplane.maxspeed Airplane.fuel • Thªm c¸c ph−¬ng ph¸p cho ®èi t−îng: ( Method to Object) Sau khi ®· cã c¸c th«ng tin vÒ airplane ta tiÕp tôc x©y dùng ph−¬ng ph¸p ®Ósö dông th«ng tin nµy.VÝ dô muèn in ra m« t¶ cña airplane hoÆc tÝnh to¸n kho¶ngc¸ch tèi ®a cña cuéc hµnh ...