Web Design Basic

Ðe viêt HTML cho trang Web, bạn hãy start chương trình NotePad của Microsoft có đikèm theo với Windows. Ðó là mot ASCII Editor. Viêt xong, bạn hãy save nó vào mộtfolder nào đó dễ nhớ. Tên của file này bắt buộc phải có tận cùng là .htm hoặc .htm.l Vídụ: start.htm. Ðể thưổng thức thành quả của mình, bạn hãy open file đó bằng mộtBrowser.
Nội dung trích xuất từ tài liệu:
Web Design BasicM ñuHTML là gì, c u t o m t trang web dư i d ng HTML, màu ch , màu n n...Ð vi t HTML cho trang Web, b n hãy start chương trình NotePad c a Microsoft có ñikèm theo v i Windows. Ðó là m t ASCII Editor. Vi t xong, b n hãy save nó vào m tfolder nào ñó d nh . Tên c a file này b t bu c ph i có t n cùng là .htm ho c .html Víd : start.htm. Ð thư ng th c thành qu c a mình, b n hãy open file ñó b ng m tBrowser.C u trúc cơ b nM t document HTML luôn b t ñ u b ng và k t thúc b ng (trong ñó b ncũng có th vi t nh ho c vi t hoa và ). Nh có c p TAG này màBrowser bi t ñư c ñó là HTML - document ñ trình duy t. Nh ng ch ñó ch ñ dànhriêng cho Browser, ngư i ñ c ch nh n ñư c nh ng gì vi t gi a c p TAG và. Trong m t document html, chú thích ñư c dùng như sau:Như v y m t trang web vi t b ng html s có c u trúc như sau: Dòng này lại là font Bodoni, màu đỏ, cỡ 4 face th hi n cho m u ch , size th hi n cho c ch (s càng l n thì ch càng to) vàcolor th hi n cho màu s c c a ch , #000000 là màu ñen, #FF0000 là màu ñ , #FFFF00 làmàu vàng.TAG cho phép b n chuy n sang dòng m i. B n có th dùng nhi u như b nmu n. C m i l n có là m t l n xu ng dòng. B n có th dùng mouse ph i gõvào n n c a m t trang web nào ñó r i ch n source code ñ tham kh o xem nó ñư cvi t như th nào. Ð y là cách t t nh t ñ khám phá ra nh ng ñi u bí m t c a cácwebsite ñ p.Như v y là b n ñã có th vi t ñư c m t trang web ñơn gi n r i ñó. M t trang webbao gi cũng có hai ph n cơ b n là tiêu ñ và ph n thân. Tiêu ñ luôn ñư c vi t to.B n có th dùng size l n hơn và cũng có th dùng nh ng TAG ñã ñư c ñ nh s n chotiêu ñ . Tiêu ñ c a trang web Welcome to my Homepage! Tiêu ñ c a trang web Tiêu ñ c a trang web Tiêu ñ c a trang web Tiêu ñ c a trang web là to nh t và là nh nh t. Tiêu ñ luôn n m trung tâm c atrang, vì v y ta ph i dùng thêm m t c p TAG n a : T t c nh ng gìn m gi a c p TAG này ñ u ñư c ñ nh hư ng vào phía gi a c a trang.Trong ví d này, n n c a trang là xanh nư c bi n (#000080) ch màu tr ng.B sung:Trong m t HTML Document, ngoài ph n body còn có ph n head, ñư c vi t b i c ptag . N u b n s d ng c p tag này, b n b t bu c ph i vi t thêm m t c p tag n a, ñó là Gi a và là tên c a trang web ñư c browser trình bày phía trên cùng c a menubar. Như v y m t trang web v i ñ u s có c u trúc như sau: Trang web dau tien cua toi Ph n b n c n trình bày. Ví d m t b c nh hay l i văn. Trong head ta còn có th ñưa r t nhi u thông tin vào cho browser, search engine...Cái ñó s ñư c ñ c p ñ n trong m t m c riêngCách ñưa tranh nh vào m t trang webTrong trang trư c, chúng ta ñã ñ c p ñ n cách trình bày ch trong trang web. Ðlàm cho trang web sinh ñ ng hơn, h p d n hơn, b n có th ñưa thêm tranh nh vào.Có nh ng trang web liên quan ñ n s li u, ñ th và ñ th cũng là m t d ng nh(images). Sau ñây là cách ñưa m t b c nh vào trong trang web. nh cho vào trang web nên save dư i d ng .GIF ho c .JPG• Không nên to quá, ñây không nói ñ n kích thư c (cm) mà nói ñ n kính c file•(s KB). Khi scan, b n hãy ch n 72 dpi (dots per inch) b i vì ña ph n các màn hình•máy tính làm vi c v i ñ phân gi i này. Khi upload trang web, nh upload c nh.• Tên c a các file nên s d ng ch thư ng, không nên s d ng ch hoa. Ví d :•myphoto.jpg ch không Myphoto.jpg.Sau ñây là HTML Code ñ ñưa hình nh vào trang web: B n th y không, ñi u ñó r t ñơn gi n. Ch riêng ñã ñ ñ ñưam t b c nh vào trang web. img là image và src là source. T t c nh ng cái ñi ñ ngsau ch ñ trình bày b c nh ñó ñ p hơn thôi. width là chi u r ng c a b c nh màb n mu n, nó không ph thu c vào kích thư c g c c a b c nh. height là chi u cao. T t c ñ u ño b ng pixel. border=0 báo cho Browser bi t là nh này s ñư c trình bày không có khung. alt có ích khi nh chưa ho c không ñư c n p (nhi u ngư i surf không nh ñ ñ t n th i gian) Khi ñó ngư i xem bi t ñư c mình s ñư c xem cái gì.Dùng tranh nh làm n n cho trang webTrong trang trư c, chúng ta ñã nói ñ n màu s c c a n n trang web. B ng cách thayñ i thông s c a bgcolor, b n s t o ñư c màu n n khác tuỳ theo s thích c a mình.Như b n ch c cũng ñã th y trong các website ñã ñ n thăm, m t trang web còn cóth có n n r t ñ p, t o ra t nh ng b c tranh nh . Cái ñó r t ñơn gi n. HTML Codes như sau: B n th y ñó, ñây ch có m t s khác bi t r t nh : ta thêm background vào và nh nñư c n n là back.jpg. Tuỳ theo kích c c a back.jpg mà n n trông khác nhau.back.jpg s ñư c ghép vào v i nhau n u như c c a nó nh hơn window c aBrowser.bgcolor có cũng ñư c mà không có cũng v n ñư c, nó ch có tác d ng khi back.jpg vìlý do gì ñó không ñư c n p.Cách t o liên k t (hyper link) t i các trang web khácSau khi có tranh nh và bài vi t, ch c b n cũng mu n có m t vài links t i các trangkhác. Trang c a b n và nh ng trang mà b n thích. R i cũng ph i có m t ch màngư i ñ n thăm ch c n click vào ñó là có th vi t thư cho b n. Ch ñó có th là m tt , m t câu hay m t b c nh. Trang này b n ñang xem d nhưng b n v n có thngó qua m t chút. Gõ vào b c nh bên b n cũng ñư c k t qu tương t . Sau ñây làhtml code c a 2 liên k t trên. Trang này b n ñang xem d nhưng b n v n có th ngó qua [trang trư c] m t chút. Dùng c p TAG , b n có th bi n nhi u objects thành links. Trong ví dnày, b n có b c nh c a Hillary Clinton và hai ch trangtrư c làm liên k t (links).Ch c n gõ vào ñó là b n ñã bư c sang trang khác. Links không ch gi i h n trongwebsite c a b n, nó có th ñưa b n ñi kh p nơi trên internet. Sau ñây là co ...