tài liệu thực hành lập trình web

Nội dung của trang WEB

sp n sp n n k th pv i li n k t c k ch ho t li n k t ch nh màu c v n li n k t s u vào l n nào n tron tr n vào m t l n x c nh m t n i un t k tron tr n w ti n hành trình ày n i un th o t n kh i t n n x c nh m t nh m k tự tron m t o n v n trình ày c c hiệu n tr n v n n II.3 a

Trình ày n i un c o n v n tron o n v n m i t c ch nh u kho n tr n Trình uyệt tự n lo i c c k tự tr n th h tr nh b y ti u đề m c th ch nh h1>, , , , , n s th y i th o th tự i m n h  h6) i b v n c tr n tìm ki m tr n m n s c n c th o c c th ti u n h c n i un tron w p vào k t qu tìm ki m o c ns n n n c nh c c c th hx tron tr n w c Trình ày o n v n nh n i n uy n o nv n c o m kho n tr n \ nh ch th cc x c nh lập trình vi n n và c c k tự hệ th n c d u xu n n – Page em abbr Emphasized text acronym Strong text Definition term address A piece of computer code bdo Sample output from a computer program Keyboard input blockquote Variable cite q c c th inh vi n so n th o m t tập tin html th o n i un tr n và r t r k t luận v n tron c th c n nh n v n n p,h1, h2, h3, h4, h5, h6, strong, em, abbr, acronym, address, bdo, blockquote, cite, q, code, ins, del, dfn, kbd, pre, samp, var, br II.4 T Th n k t tron m t tr n tv : t o r li n k t n m t tr n n i un kh c lo i li n v th hông tin hi n thị c a i nk tn i Tron tr n n i un m t v n n th n qu th W p s i n li n k t n i tr c ti n t c n x c v tr i un v n n i n k t n i là m t li n k t n t s n th hr =" v tr "> mv nh v tr n m t n i un tron c n m t tr n n n i un ! t i http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_a_href_anchor – Page b i n k t ngo i i n k t n oài m t li n k t n cho li n k t n oài nh s u hr Tron li n k t t r t n m t tr n n i un kh c l nk s l t th li n k t p r nt top r m n m v n n c c c thu c t nh qu n tr n nh s u  hr x c nh li n k t n oài o li n k t t n i i n c c tr n tron c n m t it  hr tr n html o li n k t tuyệt i i n c c tr n c n sit ho c kh c sit  hr www cit ctu u in x PHP  t r t x c nh v tr hi n th tr n n i un li n k t o l nk hiện th tr n m t trình uyệt m i o s l hi n th tr n c n trình uyệt i tr m c nh o p r nt top tron tr n h p tr n W p c nhi u khun r m tr n li n k t s hiện r trình uyệt ch nh o r m n m tron tr n h p tr n W p c nhi u khun r m tr n li n k t s hiện r khun c t n t n n framename II.5 n th im và k t h p v i c c thu c t nh trình ày Attribute Value Description align top bottom middle left right alt text border pixels c nh height pixels c nh chi u c o hình nh src URL c nh v tr hình nh width pixels c nh chi u r n c nh l hình nh Th n o hiện r kh n x c r n c khun nh c hình nh o qu nh nh hình nh – Page II.6 Trình ày n i un c m t n t l ác thu c t nh c b n của th a t l table Attribute Value Description align left center right nh l c c v n bgcolor rgb(x,x,x) #xxxxxx colorname àu n n c border "" n n tron c n r n c n k tron cellpadding pixels ho n c ch i v n cellspacing pixels ho n c ch i c c width r n c pixels % b Trình ày n i un c m t n n n n và khun c n i un n i un n tron m t n tr c n c nhi u th t c thu c t nh c nc m t tr Attribute Value align Right, left,centerjustify, char bgcolor valign rgb(x,x,x) #xxxxxx colorname Top, middle, bottom, baseline – Description nh l n i un tr n m t àu s c tr n m t nh l v n n n n th o chi u c o Page 10 a[ ] ho c c hàm c       V.4 a[“ten”] ho c a[i][j] n tr n m n rr y array_push(array, elements) : Thêm elements vào cu i m ng array_pop(array) : L y ph n t cu i khỏi m ng array_unshift(array, elements) : u m ng array_shift(array) : L y ph n t u khỏi m ng array_merge(array, array) : k t m ng l i tr m ng m i shuffle(array) : Sort random m ng PHP Tron lập trình PHP ch n t u n t {……} : u tr c tu n tự cx c i u c ph p s n c c c u tr c lập trình a nh u b nh tron m t c p u c c c u lệnh c ch u tr c r nhánh if điều ki n){…}else {…} c u tr c r nhánh switch … case d or u tr c l p whil – Page 34 o whil $i=1; { echo "The number is " $i ""; $i++; } while($i or ch – n truy xu t t n ph n t c m n – Page 35 V.5 ph p lập trình hàm function ( tham so) { c u l nh t nh to n return $ketqua; } Tron qu trình tr v hàm return $ketqua;    V.6 nh n h hàm nh s ch th m s kh n t u c k t qu c n kh n t u c h n t c tr n h p nh n h àm n i n – kh n c th m s àm c th m s àm c k t qu tr v kh n c k t qu tr v : http://PHP.net/manual/en/language.oop5.PHP a hai báo l p PHP : ph p kh i o class { tenbien; public function construct( /* */ ){ * nh ngh a h m xay d ng* } function tenham(){ ……} } class Topic{ private $title; private $content; public function construct($t,$c){ $this->title = $t; $this->content=$c; } public function write(){ echo “Tieu de : ” this->title “”; echo “ oi dung : ” this->content “”; } } – Page 36 ch s n b h ak class extends { ……… } V.7 Bài Bài h i o n i tr c ph n trình x2+bx+c=0; h i n o n mc t m Bài Khai o Bài h i o m t l p Webtemplate hệ s c vi t ch n v n l p hi n th n trình i i n tr n w p c n o l p Topic i n nh v inh vi n thi t k hàm m in kh i m n cho tr c c ph n t topic hi n th l n l t t n topic i t – n th hiện c c thành ph n c m t Page 37 Chương VI VI.1 i nh n i ng PHP Mơ hình gởi nh n d li u Send.html – send.PHP orm ction Receive.PHP GET R c iv VI.2 h n t s n th orm tron html ti n hành nhập i tr … Tron c c thu c tính quan tr n nh s u  A = “UR ” thu c t nh xác định n i nhận d li u nhập Form  Metho = “ | ” thu c t nh xác đinh phư ng th c g i d li u (chỉ sử dụng 01 02 giá trị post ho c get)  =“ ” có giá trị sau o _blank : trang web th hai s m m t tab m i (trình duyệt m i) o _self : trang web th hai s m t i v tr n x m  =“ ” tên của orm dung đ phân bi t m t trang có nhiều Form VI.3 c th nhập liệu t n th input c thu c t nh c nc th  Name  Value  Type a hập văn b n nhập v n n t c th s n ho c n th - Th input typ t xt cho ph p nhập liệu tr n n Th t xt r rows cols t xt r cho ph p nhập v n tr n nhi u n – n Page 38 b c th hập password n u th n tin nhập p sswor t hập n t ch n – l a ch n input typ r io s hi n th n th it input typ n p sswor cho ph p ch n n r io button Ph >Ph i t hập ô ch n –ch n nhiều l a ch n input typ ch ck ox s hi n th Ph >Ph n n n n a cho ph p ch n ng ng ng ng n n n n a liệu t lệnh su mit cho ph p ch n t y u c u f Cancel b h m m t m u tin cookies c h h n h c n oá thông tin của cookie t m u tin cooki s ch xo th i i m h t h n nh h n th i i m hiện t i d em thông tin của cookie inh vi n th m kh o th m http://php.net/manual/en/function.setcookie.php – Page 42 VII.4 ssion là m t i t n ph n m m c t o r tron qu trình p n c c y u c u c trình uyệt WEB ssion c t o r và l u tr tron nh R c m y ch u c u kh i tạo m t phi n l m vi c b ng l nh kh i t o i t n s ssion tron m i tr n WEB rv r t s n c u lệnh s ssion st rt u u lệnh s ssion st rt ph i c i tr c c p th html a b T s h m m t bi n giá trị v o session parameter) n i n m i tr n E Th m m t i n c t n là us rn m E [ us rn m ] c c u lệnh oá m t bi n môi trường session n lện …) n ki m tr sự t n t i c …) ) if isset( _SESSIO [„username‟]){ unset( _SESSIO [„username‟]); i n tr s n } d oá đối tượng session b nh hi t xo i t n s ssion tron nh thì i n m i tr kh n c hiệu lực T t c c c th n tin tron s ssion s i n m t u lệnh xo c xo n E s session_destroy(); VII.5 iệc l u tr phi n làm việc tr n c s h n th i i n i i h n un l n – liệu s i p l u th n tin kh n i i Page 43 VII.6 Bài inh vi n trình ày u i m nh việc Bài inh vi n lập trình l i c c tập tin login.php, welcome.php, topic.php, logout.php i tập tin c n ph i x m th n tin us rn m th m th n tin c tr n hiện hành Bài inh vi n lập trình tr n ch n h s s n n c th ch n nhi u l n Chương VIII Chương IX nh h c i mc t n lo i l u tr phi n làm cho ph p nhà n n ch n h i n – Page 44 h n tv n uc u I.1 I.2 I.3 i N c tài n tron W sit it n th n tin kh c a Tin t c b nh vựctin t c .2 I.4 SiteMap .2 I.5 Wire frame – layout h n nn T II.1 Th n i un - Tag .5 a Thu c t nh c b II.2 u tr c c th n i un m t tr n n i un c th n i un trình ày c u tr c m t tập tin html a b c d e II.3 c th trình ày v n n a

.7 b Th trình ày ti u c d .7 II.4 Th li n k t n i un .8 a i n k t n i b i n k t n oài II.5 Th trình ày v hình nh .9 II.6 Trình ày n i un a c thu c t nh c n n t l 10 nc th t l 10 – Page 45 b 10 c 11 d 11 e c th kh c 12 f u tr c c g c hình th c m r n trình ày nc m t n 12 n 12 II.7 Bài tập 13 h n nn v cript 16 III.1 JavaScript 16 a Th b cript 16 nn c Bi n d javascript : 16 liệu tron j v script 17 i u liệu tron v e u lệnh tron f c c u tr c c u lệnh 19 g III.2 III.3 v cript 17 cript 19 ập trình hàm tron hình v cript 20 ocum nt j ct Model) 21 ập trình cho c c sự kiện tron j v script 23 III.4 Bài tập 24 h n CSS - Cascading Style Sheets 26 IV.1 nh n h IV.2 ph p IV.3 c quy 26 nh n h nh 26 th o n c nh 27 a Descendent selector context : 27 b Style for children 28 c Style for sibling 28 d Pseudo – n n n IV.4 c v tr n i 28 t 30 a Inline style: 30 b Internal style sheet (embedded): 30 c External style sheet: 30 – Page 46 c thu c t nh th IV.5 n s n 31 a h m thu c t nh B ck roun 31 b h m thu c t nh ont 31 c Thu c t nh olor 31 hình Box IV.6 o l 31 a h m thu c t nh or r .31 b h m thu c t nh p c h m thu c t nh m r in 31 in 31 d Thu c t nh ispl y 31 e Thu c t nh lo t 31 IV.7 Bài tập 31 h n nn N PHP .32 V.1 h V.2 h i o i n tron PHP 32 V.3 i u liệu tron PHP 32 a i u liệu chu i k tự .33 b i u liệu m n V.4 n trình llo Worl 32 33 u tr c lập trình tron PHP 34 a Tu n tự 34 b u tr c r nh nh i c u tr c r nh nh switch d u tr c l p 34 V.5 ập trình hàm .36 V.6 Lập trình h n i u kiện it ls 34 c s 34 n 36 Th m kh o t i http PHP.net/manual/en/language.oop5.PHP 36 a h i b Th o l p tron PHP : 36 k 37 V.7 Bài tập 37 h n i nhận liệu tron PHP 38 VI.1 Mơ hình g i nhận d liệu 38 VI.2 orm nhập liệu 38 – Page 47 VI.3 Th input 38 a hập v n n 38 b hập p sswor c hập n t ch n – d hập 39 lự ch n 39 ch n –ch n nhi u lự ch n 39 e Submit 39 f Cancel 39 liệu n 39 g VI.4 Th 39 VI.5 h n th c g i d liệu GET 40 VI.6 h n th c g i d liệu POST Error! Bookmark not defined VI.7 Trang g i d liệu trang nhận 40 h n ập trình ssion Error! Bookmark not defined h n h n ập trình c s h n t th c m n 44 ập trình cooki s Error! Bookmark not defined liệu 44 – Page 48 ... giá trị post ho c get)  =“ ” có giá trị sau o _blank : trang web th hai s m m t tab m i (trình duyệt m i) o _self : trang web th hai s m t i v tr n x m  =“ ” tên của orm dung đ phân bi... a:hover{color:blue;} i n k t website ii ct iii i h c c n th < a> Dynamic pseudo-class x c nh ki u cho m t thành ph n httml ph thu c vào c ch n i n t n t c v i n t... Trang WEB đầu tiên của tôi

Nội dung của trang WEB< /p> – Page II.2 http://www.htmldog.com a

Định dạng
Số trang	48
Dung lượng	1,4 MB