Giáo trình Thiết kế web
CHƯƠNG I: GIỚI THIỆU VỀ WEB
I.1. CÁC KHÁI NIỆM CƠ BẢN:
– Internet là một mạng máy tính toàn cầu trong ñó các máy truyền thông với nhau theo
một ngôn ngữ chung là TCP/IP.
– Intranet ñó là mạng cục bộ không nối vào Internet và cách truyền thông của chúng
cũng theo ngôn ngữ chung là TCP/IP.
– Mô hình Client-Server: là mô hình khách-chủ. Server chứa tài nguyên dùng chung
cho nhiều máy khách(Client) như các tập tin, tài liệu, máy in… Ưu ñiểm của mô
hình này là tiết kiệm về thời gian, tài chính, dễ quản trị hệ thống…Cách hoạt ñộng
của mô hình này là máy Server ở trang thái hoạt ñộng(24/24) và chờ yêu cầu từ phía
Client. Khi Client yêu cầu thì máy Server ñáp ứng yêu cầu ñó.
– Internet Server là các Server cung cấp các dịch vụ Internet(Web Server, Mail Server,
FTP Server…)
– Internet Service Provider(ISP): Là nơi cung cấp các dịch vụ Internet cho khách hàng.
Mỗi ISP có nhiều khách hàng và có thể có nhiều loại dịch vụ Internet khác nhau.
– Internet Protocol : Các máy sử dụng trong mạng Internet liên lạc với nhau theo một
tiêu chuẩn truyền thông gọi là Internet Protocol (IP). IP Address-ñịa chỉ IP: ñể việc
trao ñổi thông tin trong mạng Internet thực hiện ñược thì mỗi máy trong mạng cần
phải ñịnh danh ñể phân biệt với các máy khác. Mỗi máy tính trong mạng ñược ñịnh
danh bằng một nhóm các số ñược gọi là ñịa chỉ IP. ðịa chỉ IP gồm 4 số thập phân có
giá từ 0 ñến 255 và ñược phân cách nhau bởi dấu chấm. Ví dụ 192.168.0.1 ðịa chỉ IP
này có giá trị trong toàn mạng Internet. Uỷ ban phân phối ñịa chỉ IP của thế giới sẽ
phân chia các nhóm ñịa chỉ IP cho các quốc gia khác nhau. Thông thường ñịa chỉ IP
của một quốc gia do các cơ quan bưu ñiện quản lý và phân phối lại cho các ISP. Một
máy tính khi thâm nhập vào mạng Internet cần có một ñịa chỉ IP. ðịa chỉ IP có thể
cấp tạp thời hoặc cấp vĩnh viễn. Thông thường các máy Client kết nối vào mạng
Internet thông qua một ISP bằng ñường ñiện thoại. Khi kết nối, ISP sẽ cấp tạm thời
một IP cho máy Client.
– Phương thức truyền thông tin trong Internet: Khi một máy tính có ñịa chỉ IP là
x(máy X) gửi tin ñến máy tính có ñịa chỉ IP là y (máy Y) thì phương thức truyền tin
cơ bản diễn ra như sau: Nếu máy X và máy Y cùng nằm trên một mạng con thì thông
tin sẽ ñược gửi ñi trực tiếp. Còn máy X và Y không cùng nằm trong mạng con thì
thông tin sẽ ñược chuyển tới một máy trung gian có ñường thông với các mạng khác
rồi mới chuyển tới máy Y. Máy trung gian này gọi là Gateway.
– World Wide Web(WWW): là một dịch vụ phổ biến nhất hiện nay trên Internet. Dịch
vụ này ñưa ra cách truy xuất các tài liệu của các máy phục vụ dễ dàng thông qua các
giao tiếp ñồ họa. ðể sử dụng dịch vụ này máy Client cần có một chương trình gọi là
Web Browser.
– Web Browser(trình duyệt): là trình duyệt Web. Dùng ñể truy xuất các tài liệu trên các
Web Server. Các trình duyệt hiện nay là Internet Explorer, Nestcape
– Home page: là trang web ñầu tiên trong web site
– Hosting provider: là công ty hoặc tổ chức ñưa các trang của chúng ta lên web
– Hyperlink : tên khác của hypertextlink
– Publish: làm cho trang web chạy ñược trên mạng
– URL(Unioform resource locator): một ñịa chỉ chỉ ñến một file cụ thể trong nguồn tài
nguyên mạng.
I.1. CÁC KHÁI NIỆM CƠ BẢN:
– Internet là một mạng máy tính toàn cầu trong ñó các máy truyền thông với nhau theo
một ngôn ngữ chung là TCP/IP.
– Intranet ñó là mạng cục bộ không nối vào Internet và cách truyền thông của chúng
cũng theo ngôn ngữ chung là TCP/IP.
– Mô hình Client-Server: là mô hình khách-chủ. Server chứa tài nguyên dùng chung
cho nhiều máy khách(Client) như các tập tin, tài liệu, máy in… Ưu ñiểm của mô
hình này là tiết kiệm về thời gian, tài chính, dễ quản trị hệ thống…Cách hoạt ñộng
của mô hình này là máy Server ở trang thái hoạt ñộng(24/24) và chờ yêu cầu từ phía
Client. Khi Client yêu cầu thì máy Server ñáp ứng yêu cầu ñó.
– Internet Server là các Server cung cấp các dịch vụ Internet(Web Server, Mail Server,
FTP Server…)
– Internet Service Provider(ISP): Là nơi cung cấp các dịch vụ Internet cho khách hàng.
Mỗi ISP có nhiều khách hàng và có thể có nhiều loại dịch vụ Internet khác nhau.
– Internet Protocol : Các máy sử dụng trong mạng Internet liên lạc với nhau theo một
tiêu chuẩn truyền thông gọi là Internet Protocol (IP). IP Address-ñịa chỉ IP: ñể việc
trao ñổi thông tin trong mạng Internet thực hiện ñược thì mỗi máy trong mạng cần
phải ñịnh danh ñể phân biệt với các máy khác. Mỗi máy tính trong mạng ñược ñịnh
danh bằng một nhóm các số ñược gọi là ñịa chỉ IP. ðịa chỉ IP gồm 4 số thập phân có
giá từ 0 ñến 255 và ñược phân cách nhau bởi dấu chấm. Ví dụ 192.168.0.1 ðịa chỉ IP
này có giá trị trong toàn mạng Internet. Uỷ ban phân phối ñịa chỉ IP của thế giới sẽ
phân chia các nhóm ñịa chỉ IP cho các quốc gia khác nhau. Thông thường ñịa chỉ IP
của một quốc gia do các cơ quan bưu ñiện quản lý và phân phối lại cho các ISP. Một
máy tính khi thâm nhập vào mạng Internet cần có một ñịa chỉ IP. ðịa chỉ IP có thể
cấp tạp thời hoặc cấp vĩnh viễn. Thông thường các máy Client kết nối vào mạng
Internet thông qua một ISP bằng ñường ñiện thoại. Khi kết nối, ISP sẽ cấp tạm thời
một IP cho máy Client.
– Phương thức truyền thông tin trong Internet: Khi một máy tính có ñịa chỉ IP là
x(máy X) gửi tin ñến máy tính có ñịa chỉ IP là y (máy Y) thì phương thức truyền tin
cơ bản diễn ra như sau: Nếu máy X và máy Y cùng nằm trên một mạng con thì thông
tin sẽ ñược gửi ñi trực tiếp. Còn máy X và Y không cùng nằm trong mạng con thì
thông tin sẽ ñược chuyển tới một máy trung gian có ñường thông với các mạng khác
rồi mới chuyển tới máy Y. Máy trung gian này gọi là Gateway.
– World Wide Web(WWW): là một dịch vụ phổ biến nhất hiện nay trên Internet. Dịch
vụ này ñưa ra cách truy xuất các tài liệu của các máy phục vụ dễ dàng thông qua các
giao tiếp ñồ họa. ðể sử dụng dịch vụ này máy Client cần có một chương trình gọi là
Web Browser.
– Web Browser(trình duyệt): là trình duyệt Web. Dùng ñể truy xuất các tài liệu trên các
Web Server. Các trình duyệt hiện nay là Internet Explorer, Nestcape
– Home page: là trang web ñầu tiên trong web site
– Hosting provider: là công ty hoặc tổ chức ñưa các trang của chúng ta lên web
– Hyperlink : tên khác của hypertextlink
– Publish: làm cho trang web chạy ñược trên mạng
– URL(Unioform resource locator): một ñịa chỉ chỉ ñến một file cụ thể trong nguồn tài
nguyên mạng.
171 trang
08/11/2022
3680
Bạn đang xem 20 trang mẫu của tài liệu "Giáo trình Thiết kế web", để tải tài liệu gốc về máy hãy click vào nút Download ở trên.
File đính kèm:
- giao_trinh_thiet_ke_web.pdf
Nội dung text: Giáo trình Thiết kế web
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) I.5.25. Các ký t ñ c bi t: a. L n hơn (>): > Ví d : If A > B Then A = A + 1 b. Nh hơn ( If A < B Then A = A + 1 c. C p nháy””: " Ví d : " To be or not to be? " That is the question d. Ký t và &: & Ví d : William & Graham went to the fair e. Ký t kho ng tr ng : I.6. M T S THAO TÁC TRONG C A S TRÌNH DUY T – Cách load l i trang Web: Click bi u tư ng Refresh (F5) trên thanh công c . – Ch nh s a size ch hi n th trên trang: Ch n Menu View >Text size – Ch nh l i font ch : Ch n Menu View >EnCoding – Trong trư ng h p trang Web không hi n th ñư c Font ti ng Vi t: – Ch n menu Tool ch n Internet Options >Ch n Tab Fonts ch n Font ti ng Vi t – N u ch n r i mà không hi n th ñư c font ti ng Vi t thì ch n Menu View >EnCoding ch n các font như User defined,Vietnamese . – Các tuỳ ch n khác cho trang Web: Tools Internet option: Không Load hình xu ng, ñ nh d ng liên k t, – Ch n trang web m c ñ nh khi m trình duy t Trang 10
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) Hình 1 Hình 2 Trang 11
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) – Tab General(Hình 1): thi t l p các tùy ch n cho trình duy t – Click nút Use Current : ch n trang hi n t i ñ load lên m i l n kh i ñ ng IE – Use Default : ñ a ch trang Web m c ñ nh m i khi m trình duy t Ví d m i khi m IE thì t ñ ng hi n th trang Web Yahoo trong ô Address nh p: , n u ch n Use Blank thì hi n th trang tr ng . – History : lưu l i các trang web ñã duy t qua t i máy Client và thông tin ñăng nh p c a user hi n hành – N u kh ng mu n lưu l i: Ch n Delete Cookies và Delete Files. – Có th thi t l p kho ng th i gian lưu tr trang trong ñ i tư ng History b ng cách thay ñ i giá tr trong ô “Days to keep pages in history” . – N u mu n xoá ñ i tư ng này thì nh n Clear history. – Tab Advance (Hình 2): có th ch n các tùy ch n khác như: – Ngăn ch n không cho t i hình xu ng trang web – Màu liên k t, cách th hi n liên k t trên trang – Copy hình nh t trang Web: Click ph i vào hình nh c n sao chép r i ch n Save picture as, ho c Save background as, – Load v trang Web bao g m các hi u ng, script, hình nh ch a trên trang: Ch n Menu File Save As Ch n v trí lưu file Save. – Hi u ch nh trang Web: View source >hi u ch nh ch n File Save ñ lưu l i F5 ñ c p nh t l i n i dung v a hi u ch nh Trang 12
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) CHƯƠNG II: SIÊU LIÊN K T HÌNH NH II.1. GI I THI U SIÊU LIÊN K T II.1.1. Siêu liên k t: Kh năng chính c a HTML là h tr các siêu liên k t. M t siêu liên k t cho phép ngư i truy c p có th ñi t trang web này ñ n trang web khác. M t liên k t g m 3 ph n: – Ngu n : ch a n i dung hi n th khi ngư i dùng truy c p ñ n, có th là m t trang web khác, m t ño n film, m t hình nh ho c m t h p tho i ñ g i mail – Nhãn : có th là dòng văn b n ho c hình nh ñ ngư i dùng click vào khi mu n truy c p ñ n liên k t, n u nhãn là văn b n thì thư ng ñư c g ch dư i – ðích ñ n (target): xác ñ nh v trí ñ ngu n hi n th . II.1.2. Các lo i liên k t – Internal Hyperlink :(Liên k t trong) là các liên k t v i các ph n trong cùng m t tài li u ho c liên k t các trang trong cùng m t web site. – External Hyperlink (Liên k t ngoài) là các liên k t v i các trang trên web site khác. II.2. T O SIÊU LIÊN K T Cú pháp : Nhãn – Dùng URL tương ñ i ñ liên k t ñ n các trang trong cùng m t website Ví d : Using links Click here to view document 2 – Dùng URL tuy t ñ i ñ liên k t ñ n các trang trong website khác Ví d : liên k t ñ n Google II.2.1. Liên k t v i các ph n trong cùng m t trang web – N u n i dung c a trang quá dài thì nên t o các Bookmark ñ nh y ñ n m t ph n c th nào ñó trên chính trang web hi n hành. – Cách t o liên k t ñ n các ph n trong cùng trang: g m 2 bư c Trang 13
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) T o BookMark : Nhãn N i dung T o liên k t ñ n Bookmark : Nhãn c a text liên k t Ví d : Using htm links Internet Introduction to HTML Internet Internet là m t m ng c a các m ng. Nghĩa là, các m ng máy tính ñư c liên k t v i các m ng khác, n i các nư c và ngày nay là toàn c u. Giao th c truy n thông là TCP/IP cung c p liên k t v i t t c các máy tính trên th gi i Introduction to HTML Ngôn ng ñánh d u siêu văn b n là ngôn ng chu n mà web s d ng ñ t o và nh n ra tài li u. M c dù không ph i là m t t p con c a ngôn ng nâng c p tiêu chu n t ng quát (SGML), ngôn ng ñánh d u siêu văn b n cũng có liên quan v i SGML. SGML là m t phương pháp trình bày các ngôn ng ñ nh d ng tài li u. HTML là ngôn ng ñánh d u ñư c s d ng ñ t o tài li u HTML. Các hư ng d n ch rõ m t trang web nên ñư c hi n th như th nào trong trình duy t K t qu trên trình duy t Trang 14
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) II.2.2. Liên k t v i m t Bookmark m t tài li u khác Cú pháp : Ví d : – Trang main.htm Main document Internet Introduction to HTML – Trang Doc1.htm Using Links Internet Internet là m t m ng c a các m ng. Nghĩa là, m ng máy tính ñư c liên k t v i các m ng khác, n i v i các nư c và ngày nay là toàn c u. Giao th c truy n TCP/IP cung c p liên k t v i t t c các máy tính trên th gi i. Introduction to HTML Ngôn ng ñánh d u siêu văn b n là ngôn ng chu n mà web s d ng ñ t o và nh n ra tài li u. M c dù không ph i là m t t p con c a ngôn ng nâng c p tiêu chu n t ng quát (SGML), ngôn ng ñánh d u siêu văn b n cũng có liên quan v i SGML. SGML là m t phương pháp trình bày các ngôn ng ñ nh d ng tài li u. HTML là ngôn ng ñánh d u ñư c s d ng ñ t o tài li u HTML. II.2.3. Liên k t ñ n h p thư e mail Cú pháp : Nhãn – N u siêu liên k t ñ t cu i trang thì dùng tag Cú pháp: Nhãn II.3. HÌNH NH TRÊN TRANG WEB: II.3.1. Các lo i nh : a) nh .Gif (Graphics Interchange Format): ñư c s d ng ph bi n nh t trong các tài li u HTML, d chuy n t i, ngay c các k t n i s d ng MODEM t c ñ ch m, h tr 256 màu GIF. Các file GIF ñư c ñ nh d ng không ph thu c ph n n n b) nh JPEG (Joint PhotoGraphic Expert Group) có ph n m r ng .JPG, là lo i nh nén m t thông tin, nghĩa là nh sau khi b nén không gi ng như nh g c. Tuy nhiên, trong quá trình phát l i thì nh cũng t t g n như nh g c. JPEG h tr hơn 16 tri u màu và thư ng ñư c s d ng cho các nh có màu th c. Trang 15
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) c) nh PNG (Portable Network Graphics) nén không m t d li u II.3.2. Chèn hình nh Cú pháp : URL: ñ a ch c a t p tin hình nh, thư ng s d ng ñ a ch tương ñ i, ví d : không ph thu c v trí c a t p tin nh trên ñĩa n: ñ dày c a ñư ng vi n, tính b ng pixel Alt: N i dung thay th s hi n th khi hình không load ñư c, ho c khi ñưa chu t ngang qua hình II.3.3. Các thu c tính c a nh: a) Dàn văn b n quanh hình nh: N i dung văn b n quanh hình nh N i dung văn b n quanh hình nh Ví d : b) Kích thư c nh: Ví d : Image c) Ch n văn b n bao quanh hình: Canh l khi dàn văn b n xung quanh m t nh s tác ñ ng ñ n t t c các văn b n sau ñó n u không chèn vào m t dòng k ñ c bi t. Thu c tính CLEAR trong tag BR làm cho văn b n không b t ñ u n u l c th không b xóa ñi (nghĩa là t i c nh dư i c a nh) Cú pháp : : Ngăn ch n văn b n dàn bên l ph i c a nh : Ngăn ch n văn b n dàn bên l trái c a nh : Ngăn ch n văn b n dàn hai bên l c a nh Trang 16
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) d) Thêm kho ng tr ng xung quanh nh N u không mu n văn b n dàn xung quanh l trái c a nh thì ta có th thêm kho ng tr ng xung quanh nh Cú pháp: HSPACE=n: Kho ng tr ng ñư c tính b ng pixel s thêm vào c bên ph i và bên trái c a nh VSPACE=m: Kho ng tr ng ñư c tính b ng pixel s thêm vào c bên trên và bên dư i c a nh e) Canh l cho nh: Có th canh l cho nh so v i m t dòng văn b n trong m t ñ an Cú pháp: Văn b n mu n canh l so v i nh Direction: g m các giá tr : top, bottom, middle, texttop Ví d : II.3.4. Dùng nh làm liên k t: Có th dùng hình nh ñ t o m t liên k t ñ n m t trang khác, ho c n u có m t nh l n, b n có th t o nh nh hơn ho c m t bi u tư ng cho nó ñ nó có th hi n th nhanh chóng trên trang web, sau ñó t o liên k t ñ ñưa ngư i truy c p ñ n nh có kích thư c th t Cú pháp : Nhãn II.3.5. B n ñ nh: B n ñ nh là m t nh trong trang web ñư c chia ra làm nhi u vùng, m i vùng khi click vào s liên k t ñ n m t ñ a ch URL Cách t o :Trư c h t ph i chèn vào trang m t nh và ñ t nhãn cho nh Trang 17
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) Trong ñó: - Label : tên c a b n ñ nh - Type: hình d ng c a các vùng trên nh, g m các lo i: • Rect: Vùng hình ch nh t • Circle: Vùng hình tròn • Poly: Vùng hình ña giác - Coords :to ñ các ñ nhc a hình • Rect: (x1, y1, x2, y2) là to ñ 2 ñ nh chéo c a vùng hình CN • Circle: (x, y, r) l n lư t là to ñ tâm và bán kính c a vùng hình tròn • Poly: (x1, y1, x2, y2, x3, y3, ) là các ñ nh c a vùng hình ña giác y y x Ví d : x Image II.3.6. Hình n n : Trong h u h t các trang web thư ng s d ng n n màu, v i m c ñích là làm n i b t n i dung trang ñó. Tuy nhiên cũng có th s d ng hình nh ñ làm n n b ng thu c tính BACKGROUND c a th BODY. Trang 18
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) CHƯƠNG III: DANH SÁCH III.1. DANH SÁCH KHÔNG CÓ TH T (Unorder List UL) Cú pháp : N i dung 1 N i dung 2 − Shape 1, Shape 2 là lo i bullet t ñ ng ñ t ñ u dòng trong danh sách − Shape 1: nh hư ng ñ n toàn danh sách − Shape 2: nh hư ng ñ n m t m c trong danh sách − Các lo i shape: o Circle: Bullet tròn, r ng o Square: Bullet vuông o Disc: Bullet tròn không r ng Ví d : Learning HTML Monday Introduction to HTML Creating Lists Tuesday Creating Tables Inserting Images Wednesday Thursday Friday III.2. DANH SÁCH CÓ TH T (OrderList – OL) Cú pháp : N i dung 1 N i dung 2 Trang 19
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) − x: lo i ký t mu n s d ng trong danh sách g m : A: Ch hoa a: Ch thư ng I: S la mã hoa i: S la mã thư ng 1: Cho s m c ñ nh − n: giá tr ñ u tiên c a danh sách − x1 : là lo i ký t s d ng cho dòng này và dòng ti p theo, làm m t nh hư ng c a x − m: giá tr ñ u tiên c a dòng này, làm thay ñ i giá tr c a n Ví d 1: Learning HTML Monday Introduction to HTML Creating Lists Tuesday Creating Tables Inserting Images Wednesday Creating Forms Working with Frames Thursday Friday Ví d 2 : Có th l ng 2 lo i danh sách có th t và không có th t vào nhau Learning HTML Monday Introduction to HTML Creating Lists Tuesday Creating Tables Inserting Images Trang 20
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) Wednesday Creating Forms Working with Frames Thursday Friday III.3. DANH SÁCH ð NH NGHĨA: Trong HTML có m t tag ñ c bi t dùng ñ t o danh sách ñ nh nghĩa dành riêng cho vi c tra c u, nhưng cũng thích h p cho danh sách nào ñ n i m t t v i m t di n gi i dài. Cú pháp : Nh p t mu n ñ nh nghĩa Nhâp n i dung ñ nh nghĩa Ví d : Learning HTML Definition List Pixel Short for picture element. A pixel refers to the small dots that make up an image on the screen. Pixel depth refers to the number of colours which may be displayed. Resolution The quality of the display on a monitor. The higher the resolution, the sharper the image. The number of pixels that can be displayed on a screen defines resolution. Scanner A hardware device that allows the user to make electronic copies of graphics or text. Trang 21
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) Trang 22
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) CHƯƠNG IV: B NG VÀ TRÌNH BÀY TRANG IV.1. B NG B ng thư ng ñư c s d ng ñ t o các văn b n nhi u c t ho c phân chia trang thành nhi u vùng khác nhau r t ti n l i trong thi t k và trình bày trang web Cú pháp : N i dung trong ô 1 C t 1 N i dung trong ô 2 C t 2 Dòng 1 N i dung trong ô n N i dung trong ô 1 Dòng 2 N i dung trong ô 2 N i dung trong ô n – Tag : ch th m t b ng – Tag : xác ñ nh m t dòng c a b ng – Tag : xác ñ nh m t ô ch a d li u c a b ng. D li u trong ô có th là văn b n ho c hình nh Ví d 1 : TABLE Cell 1 Cell 2 Cell 3 Cell 4 Trang 23
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) Ví d 2 : TABLE Cell 1 Cell 2 Cell 3 Cell 4 Ví d 3 : TABLE Cell 1 Cell 2 Cell 3 Cell 4 IV.2. CÁC THU C TÍNH: IV.2.1. Thu c tính c a b ng f) Thêm khung vi n : n: ñ dày c a khung vi n tính b ng Pixel g) ð nh màu c a khung vi n và màu n n: Trang 24
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) h) T o bóng : : Bóng ñ c nh dư i và ph i c a b ng : Bóng ñ c nh trên trái c a b ng i) ð nh chi u r ng và chi u cao c a b ng : , n là chi u r ng tính b ng Pixel j) Canh l b ng: k) Thu c tính Cellpadding và CellSpacing: : Kho ng cách gi a ñư ng vi n c a các ô : Kho ng cách gi a ñư ng vi n c a ô v i văn b n l) Tag tiêu ñ c a Table: tiêu ñ Tag n m trong c p Tag IV.2.2. Thu c tính c a c t a) Canh l theo chi u ngang: b) Canh l theo chi u ñ ng: c) Tr n ô: : tr n n c t : tr n n dòng d) Tag : Có tác d ng như nhưng làm cho d li u trong ô ñư c in ñ m và canh gi a N i dung Ví d : Cell 1 Cell 2 Trang 25
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) Ví d : TABLE Cell 1 Cell 2 Cell 3 Cell 4 Ví d : Properties of Table Colspan Rowspan Cell 1 Cell 2 Cell 3 Cell 4 Ví d : Thi t k m t trang web như m u Trang 26
- Giáo Trình Thi t K Web Trung Tâm CNTT (H.U.I) Trinh bay trang Computer Model Tin tuc Giai tri Quang cao The thao IV.3. TRÌNH BÀY TRANG Trong th c t , b ng thư ng ñư c s d ng ñ trình bày b c c cho toàn b trang web. N u mu n thi t k m t trang th hi n văn b n trong c t d ng báo chí ho c phân trang thành nh ng vùng có ch ñ khác nhau, thì b ng là m t công c c n thi t. M t trong nh ng nét ñ c trưng h u d ng c a b ng ñó là trong m i table cell b n có th s d ng b t kỳ tag HTML nào, ví d b n có th chèn m t tag trong m t cell ho c m t danh sách có th t các m c ho c có th chèn m t b ng con trong m t b ng khác Ví d : C n thi t k trang web g m nhi u vùng v i nh ng ch ñ khác nhau như hình dư i ñây, thì b ng là công c h u hi u Trang 27
