Cách sử dụng div đúng cách
- September 21, 2009
- 41 comments
Div là thẻ rất quan trọng trong thiết kế giao diện. Nó được sử dụng để thay thế hoàn toạn định dạng bảng trước đây. Tuy nhiên khi mới bắt đầu làm việc với CSS, chúng ta có xu hướng lạm dụng thẻ Div. Đôi khi vì muốn tạo được một thành phần nào đó mà bạn có thể sử dụng thẻ div nhiều hơn mức cần thiết. Trong bài này sẽ hướng dẫn bạn cách sử dụng thẻ div đúng cách và “tiết kiệm” nhất.
Thời lượng:12:19
Link Download định dạng .avi chất lượng cao: MegaUpload, MediaFire
File Size: 22.55MB
Các bài hướng dẫn của anh rất bổ ích, Chúc anh luôn vui !!!!
các video của anh rất hữu ích! em chúc anh càng ngày làm càng nhiều video hướng dẫn thiết kế! chúc anh zui zẻ ^^\
Cảm ơn a nhé! E rất thích cách nói chuyện của a, rất vui
hay lam anh oi
Cám ơn bài viết rất nhiều !
thực sự cảm ơn rất nhiều!
cảm ơn anh, video rất hay
anh cho em hỏi anh xài chương trình gì, mà sửa css trực tiếp vậy
Đọc faqs em ơi
Mình thấy các video của anh admin khá hay, khá chi tiết, chân thành cảm ơn anh! Demon Warlock, chúc anh sức khỏe.
Anh ko có keygen và izwebz không cung cấp crack, serial hoặc keygen cho phần mềm có bản quyền.
anh ơi.. anh có thể cho em keygen, code của cái chương trình anh viết trên video kia không… cám ơn anh nhiều
@tran thi ngoc quuynh: Một giao diện ưa nhìn thì điều đầu tiên nhất là ý tưởng, trong ý tưởng sẽ có hình dạng tức layout của website, ngoài ra còn có màu sắc chủ đạo, màu sắc text, font chữ cũng hok kém phần quan trọng. Cho nên mỗi phần đều quan trọng như nhau, hok có cái này quan trọng hơn cái kia được. Theo mình là thế thôi, ý kiến cá nhân thôi nhá.
http://duongpho.net
de thiet ke 1 giao dien dep dieu j la quan trong nhat
Những bài viết của bạn rất hay, cảm ơn bạn nhiều lắm :X
To DW: mình không coi được film trên web rồi. Mong bạn sửa lại.
ah quên ^ ^ko op link stite:http://megavnn.com.vn
cám ơn mod! bạn coi qua website mình dựng template cho joomla thế này có thiếu sót gì ko mong bạn chỉ giáo!
anh demon oi,trang web của em http://www.thegioithanhcong.com em dung table bỏ vào div ,trong trình duyệt ff hay sẩi thì ok còn ie 6,7,8 bị bung tâble ra ngoai ,anh giúp em với ,thank trước .
Thực sự mình cũng gặp rất nhiều bạn mới làm sang phong cách web standard lạm dụng quá nhiều thẻ DIV, các bạn thực sự chưa hiểu hết về web standard.
Theo mình làm việc thì web standard thực chất là kết hợp “tối thiểu” các thẻ HTML chuẩn với CSS để làm template. Mỗi thẻ đều có tính năng riêng, và nhiều thẻ bản thân nó đã có thể làm nhiều điều với sự hỗ trợ của css không cần phải DIV.
Mình hay tận dụng tối đa CSS và giảm tối thiểu thẻ html sao cho dùng đúng chức năng:
dùng làm liên kết (vẫn có thể làm các nút ảnh đẹp với chỉ riêng thẻ a không cần div)
dùng khi nào cần đến ảnh
dùng mọi lúc khi kết cấu dạng danh sách (ngang, dọc được tuốt)
.. tận dụng cho các tiêu đề rất tốt
dùng với các đoạn văn bản
thi thoảng với những định dạng “phá cách” vào 1 nội dung nào đó (kết hợp khá tốt với các thẻ khác)
và các thẻ liên quan nó chỉ dùng với các thành phần có dữ liệu dạng cột, hàng nhiều
chỉ dùng khi tạo các region phân chia chính thôi.
Và điều nữa là khi hiểu css rồi thì dùng Dreamweaver sẽ hỗ trợ rất tốt cho việc thiết kế web (theo mình cảm nhận trong quá trình làm việc) mình thì không khoái lắm những tool nhỏ lẻ, bởi vì Dreamweaver giúp mọi việc kết hợp lại với nhau rất tuyệt và nhanh chóng.
Em rất thích các tut của thày, dễ hiểu cực kỳ.
Mong sẽ đựoc xem nhiều tut nữa .
Cảm ơn thày
em test lại oy` tại máy em chứ hok phaj~ tại wed..sorry anh^^!
anh DW oy, em hok fullscreen dc T.T hok thấy j`
hit ah`. lúc trước em xem bình thường, sao giờ dzo hok fullscreen ra dcXin cam on that nhieu
Em thiệt là thương anh quá đi ah`, những clip của anh thật sự rất hữu ích, cho dù là cái này.
P/s:
#wrapper
Mấy cái này bạn xem lại các clip CSS của a DW lại đi hầu như hướng dãn hết rùi mà
Vấn đề của bạn là bạn chưa xác định rõ mục đích thôi, nếu bạn khai báo Main và footer theo đúng thứ tự, thì cho dù các thẻ left hay right có cao đến đâu cũng không làm tràn footer của bạn. Về cái này bạn nên xem qua một số videos hướng dẫn từ PSD -> xHtml nhé
Anh ơi! cho em hỏi tẹo nhé. Em không hiểu tại sao trong một thẻ DIV lại vừa có id và vừa có class ạh. anh giải thích cho em hiểu nhé! Em mới học web nên không hiểu lắm.
À! ví dụ em có 2 thẻ div muốn nó nhìn hoàn toàn giống nhau thì em có thể thêm class vào và chỉ style cho class đó thôi bởi vì class có thể xuất hiện được ở nhiều chỗ. Nhưng em lại muốn thẻ div đầu tiên có border dày hơn thẻ div thứ hai nên em có thể thêm ID vào thẻ đầu tiên để style chỉ cho thẻ đó. Chính vì thế người ta vừa có class vừa có ID.
Cám ơi anh nhiều! về sau có gì thắc mắc em sẽ hỏi sau:D
Anh giúp em cái này :
Trong trang web của em có các thẻ sau:
#container
#banner
#navigation
#main
#left
#center
#right
#footer
Trong thẻ “main” thì các thẻ “left”,”center”,”right” có chiều cao thay đổi .
Anh giúp em viết code cho thẻ “main”,”left”,”center”,”right” và “footer” để cho thẻ div(id =”footer”) luôn ở vị trí cuối trang web ngay cả khi chiều cao của các thẻ “left” ,”center”,”right” thay đổi.
Em cảm ơn!
Em định đưa các thẻ div lên mà nó không hiển thị trên bài viết
cảm ơn anh
Thật sự không biết nói thế nào để cảm ơn bác IZWEBZ nữa, mấy video của bác thật sự là cực kỳ hay, em không thể diễn tả nổi khi xem và làm theo bác, rất hay.
Mong bác mà còn tuyệt chiêu gì cho anh em xem nữa nhé
Thank bác nhiều!
Video minh họa ví dụ rất dễ hiểu. Thanks !