10/10/2018, 00:02
+++ Quy TrÌnh TẠo 1 Site ThuẦn Css +++++
Chắc các bạn cũng biết và trải qua quá trình dựng layout, sau khi cắt template từ Photoshop. Quá trình này rất mất thời gian để co kéo ảnh, chèn ảnh, làm nền table ....., đặc biệt là với những bản thiết kế có nhiều bảng.
Hiện nay rất nhiều các trang sử dụng thuần CSS. Mọi giá trị định vị trong toàn bộ web đều được thiết lập cố định sẵn. Nếu có chỉnh sửa thì chỉ cần sửa 1 file .CSS này là xong. Mở file HTML của họ thì ko có 1 thẻ table nào.
Cho mình hỏi: Vậy thì ban đầu khi dựng thì ng` ta vẫn phải sử dụng table rồi sắp xếp layout. Sau đó mới dựa vào các thông số pixel table đã có rồi mới tạo mới 1 file CSS. Có nghĩa là CSS được tạo sau khi tạo bảng hoàn chỉnh. Có phải vậy không? Bạn nào biết thì chỉ giúp mình nhé.
Rất vui khi cùng các bạn thảo luận vấn đề này.
Tham khảo:
http://www.htmldog.com/articles/suck...focus/example/
http://solardreamstudios.com/learn/css/footerstick/
http://www.themaninblue.com/experiment/footerStickAlt/
http://stopdesign.com/present/2004/ddw-seattle/tables/
http://www.csszengarden.com/
Hiện nay rất nhiều các trang sử dụng thuần CSS. Mọi giá trị định vị trong toàn bộ web đều được thiết lập cố định sẵn. Nếu có chỉnh sửa thì chỉ cần sửa 1 file .CSS này là xong. Mở file HTML của họ thì ko có 1 thẻ table nào.
Cho mình hỏi: Vậy thì ban đầu khi dựng thì ng` ta vẫn phải sử dụng table rồi sắp xếp layout. Sau đó mới dựa vào các thông số pixel table đã có rồi mới tạo mới 1 file CSS. Có nghĩa là CSS được tạo sau khi tạo bảng hoàn chỉnh. Có phải vậy không? Bạn nào biết thì chỉ giúp mình nhé.
Rất vui khi cùng các bạn thảo luận vấn đề này.
Tham khảo:
http://www.htmldog.com/articles/suck...focus/example/
http://solardreamstudios.com/learn/css/footerstick/
http://www.themaninblue.com/experiment/footerStickAlt/
http://stopdesign.com/present/2004/ddw-seattle/tables/
http://www.csszengarden.com/
Bài liên quan
Mình làm CSS luôn. Hông có dùng table để định cấu trúc của site . Thông thường làm CSS thì phải hình dung hơi nhiều và căn chỉnh hơi khó so với table. Table cứ thế nó ra rồi khỏi nghĩ nhiều.
Làm CSS thì nhớ 1 điều căn bản là ID được dùng 1 lần còn Class được dùng nhiều lần. Điều này chắc nhiều bạn biết rồi nói cho newbie chú ý thôi [Những ai giống mình chẳng hạn... he he]
- Tách biệt nội dung và cách trình bày.
- Thay đổi cách trình bày thì chỉ cần đổi 1 lần trong css.
- Tiết kiệm kích thước trang.
- Rõ ràng hơn, nếu dùng table thì thực sự rất lằng nhằng.
- Mềm dẻo hơn, với css có thể đặt các khối ở bất kỳ đâu trong trang, không bị ràng buộc trong 1 cell của table.
Điều mình băn khoăn là tính tương thích giữa các trình duyệt đến đâu.
1. Đo pixel trên PS rồi ghia vào css
2. Export từ PS thẳng qua file htm rồi dùng pixel table trong htm này mà vào css.
Các bác làm thế nào vậy, cả cách thức khi ghi vào css nữa
- kích thước bao bên ngoài
- kích thước banner, menu
- tỷ lệ tương ứng của ảnh so với text trong trang web
còn việc ghi vào css, chưa hiểu ý bạn lắm chúng ta sẽ tạo ra các file .css trong đó sẽ chứa các class quy định các thuộc tính mà chúng ta cần dùng. Nếu bạn ko rành về hand-code thì DreamWeaver hỗ trợ cho bạn rất tốt ở điểm này. dùng GUI của nó là ok