Kinh nghiệm về ứng dụng css

nhk · 09-04-2009, 12:22 PM

Người biết Html thì không xa lạ gì về css. Nhưng nhiều người thường bỏ qua sau một vài lần tìm hiểu mà không đọc kỹ về css vì cho rằng nó đơn giản.
Thật ra css cũng rất đơn giản nhưng nếu không đọc kỹ và hiểu sâu về css thì không thể ứng dụng tới cảnh giới tối cao được. Giống như võ công, một chiêu đơn giản qua tay một người mới nhập môn thì bình thường nhưng khi qua tay một cao thủ võ công thì hư ảo vô cùng (đọc hơi nhiều truyện Kim Dung - nhưng nghĩ lại rất đúng).

Ở đây, không bàn về căn bản css và html mà thì chỉ xin bàn và trao đổi với nhau về kinh nghiệm ứng dụng hay tìm hiểu. Hy vọng có thể học hỏi nhau.

myhanh · 09-04-2009, 12:28 PM

CSS là võ công vô thượng trong thiết kế HTML hehe ví như Độc cô cửu kiếm của Độc cô cầu bại vậy.
Viết trang HTML mà không thấy tag table đâu hết thì dùng CSS được mức độ 7-8.
Tuy nhiên một website mà chỉ có một programmer thì chưa thấy vai trò CSS
Khi lập trình team: 1 designer, >2 programmer thì khi đó sẽ thấy css phát huy vai trò của nó.

phanphuong · 09-04-2009, 12:29 PM

Hay quá, pp hay làm web nhưng chỉ làm từ những ứng dụng có sẵn như wordpress và joomla. Là tay mơ nên mỗi lần đụng css lại văng ra.
Mong các "tiền bối" trao đổi nhiều nhiều để học...lóm!

---
@ NHK: đúng rồi. Đừng bàn tới "nội công" (căn bản) vì đã có sách vỡ hàng đống trên mạng. Bàn vô "chiêu thức" luôn đi!

nhk · 09-04-2009, 01:21 PM

Lướt qua các sites của các thời báo Time, Washington Post, và New York Time, tui thấy thích font chữ họ sử dụng. Sau khi tìm hiểu thì khám phá một điều lý thú là cả 3 sites đều sử dụng kiểu chữ georgia cho các dòng tin ngắn trong trang chủ.

Hôm nay vào thử site vanthinhgia.com thì tui không thích kiểu chữ trong tranh chủ lắm. Dùng web tool để thử đổi kiểu chữ từ arial sang georgia thì thấy thích hơn. Có lẽ mình thích nhưng người khác không thích.

Một thay đổi nữa là bỏ đi các phần gạch dưới các link. Cái này thì sử dụng text-decoration:none. Thông thường thì người ta hay sử dụng list (ul) để liệt kê các link thì hay hơn là dùng <tr><td>.

Vào trực tiếp trang vanthinhgia.com xem rồi vào đây xem lại để thấy sự khác biệt.

[IMG]http://img25.images****.us/img25/2986/vanthinhgia.jpg[/IMG]

myhanh · 09-04-2009, 01:33 PM

Phải xuất phát từ công dụng của CSS là để làm gì thì mới dùng hiệu quả được:
+Công dụng đầu tiên của CSS là phần theme của website sẽ đặt riêng thành một file, khi cần thay đổi theme thì thay đổi file css này => Viết trang web hỗ trợ nhiều theme khác nhau.
+Công dụng thứ hai là thống nhất quản lý theme (centralized management). Như vậy trong nhóm phát triển có hai programmer A và B. A tạo ra table thì dùng trong CSS. B tạo table cũng dùng trong CSS. Như vậy hai table này hoàn toàn giống nhau về sắc đẹp. Hehe. Khi sửa dễ dàng vì quản lý tập trung. Programmer ko có quyền sửa CSS mà designer mi là người quyết định.
Và nhiều công dụng khác ... nhưng MH tui thấy hai công dụng trên là tuyệt vời nhất trong sản xuất website kiểu công nghiệp.

nhk · 09-04-2009, 01:42 PM

Trích:

Nguyên văn bởi myhanh

Phải xuất phát từ công dụng của CSS là để làm gì thì mới dùng hiệu quả được:
+Công dụng đầu tiên của CSS là phần theme của website sẽ đặt riêng thành một file, khi cần thay đổi theme thì thay đổi file css này => Viết trang web hỗ trợ nhiều theme khác nhau.
+Công dụng thứ hai là thống nhất quản lý theme (centralized management). Như vậy trong nhóm phát triển có hai programmer A và B. A tạo ra table thì dùng trong CSS. B tạo table cũng dùng trong CSS. Như vậy hai table này hoàn toàn giống nhau về sắc đẹp. Hehe. Khi sửa dễ dàng vì quản lý tập trung. Programmer ko có quyền sửa CSS mà designer mi là người quyết định.
Và nhiều công dụng khác ... nhưng MH tui thấy hai công dụng trên là tuyệt vời nhất trong sản xuất website kiểu công nghiệp.

Anh không có kinh nghiệm này vì chưa làm website theo nhóm bao giờ. Một kinh nghiệm hay.

nhk · 09-04-2009, 01:38 PM

Hôm nay táy máy vào xem trang perfect.com.vn. Khi mở trang này lên trong Firefox thì nội dung hiện ra mé bên phải rồi mới chạy ra center. Trong khi trang forum chúng ta thì mở ra thì nội dung nằm ngay giữa.

Ngồi tìm hiểu một chút thì khám phá ra cách layout của vbulletin (forum của chúng ta) khá đơn giản mà hay. Một chút html và css thì có ngay nền màu cả trang (chú ý bìa phải và trái) là màu xanh và ở giữa là khối nội dung có màu nền là xanh lơ.

myhanh · 09-04-2009, 01:50 PM

Trang pxxx sử dụng khá nhiều code từ Mambo anh à!

nhk · 10-04-2009, 05:26 AM

Cái vụ css này phải bàn trên một cái nào thực tế thì mới dễ trao đổi và học hỏi kinh nghiệm.

Anh chị em có trang layout nào muốn yêu cầu và thử thách những người có kinh nghiệm qua về css trong forum này không?
Tất nhiên là giải đáp chỉ tập trung vào html và css để học hỏi. Còn dùng hình ảnh để tăng thêm sự linh động thì optional.