Em vừa làm xong một cái project về thương mại điện tử, đưa cho ông anh em xem thì ông "phê" mấy dòng sau đây :

Em chia cái giao diện của em ra 4 file : left.php, top.php, right.php,bottom.php

Em nghĩ chia file nhỏ ra dễ quản lý, website load sẽ nhanh hơn một file nhưng ông nói làm vậy là dở vì sửa dữ liệu không được nhanh ??Không biết có đúng không ??

Em thiết kế cái ShopOnline này toàn là dùng table khôgn àh, ông nói giờ không ai dùng table nữa mà người ta dùng div hết rồi, vậy xin hỏi mấy anh là hiện tại các công ty hay coder đang dùng table hay div để design.

Vừa học xong cơ bản về PHP (trong 3 tuần, mỗi ngày 8 tiếng thì chậm so với mọi người ở đây rồi) lại đụng quá nhiều chuyện hehe, lại mệt mỏi ) .Thanks all ! 

Vào đây tham khảo tí nha bạn:
http://smarty.php.net

Cấu trúc template chia nhỏ những thành phần được lặp đi lặp lại ở hầu hết các trang ra 1 file riêng để sử dụng lại 1 cách dễ dàng và nhanh chóng, đặc biệt là với smarty, nó sẽ cache lại những phần đó, giúp tăng tốc độ load trang về.

Bạn thử tính khi cần sửa header, bạn vào file header.tpl sửa 1 phát là áp dụng cho toàn web app nhanh hơn hay vào sửa từng cái một theo kiểu anh kia chỉ nhanh hơn.

Sử dụng DIV sẽ giúp cấu trúc web chia thành từng block rõ ràng, đây là cấu trúc theo khối, còn HTML standard là cấu trúc bảng biểu.

Hiện nay đa số các công ty ở VN vẫn dùng table, công ty mình thì table kết hợp với div, còn dùng DIV toàn bộ thì khá ít.

 

Em vừa làm xong một cái project về thương mại điện tử, đưa cho ông anh em xem thì ông "phê" mấy dòng sau đây :

Em chia cái giao diện của em ra 4 file : left.php, top.php, right.php,bottom.php

Em nghĩ chia file nhỏ ra dễ quản lý, website load sẽ nhanh hơn một file nhưng ông nói làm vậy là dở vì sửa dữ liệu không được nhanh ??Không biết có đúng không ??

Em thiết kế cái ShopOnline này toàn là dùng table khôgn àh, ông nói giờ không ai dùng table nữa mà người ta dùng div hết rồi, vậy xin hỏi mấy anh là hiện tại các công ty hay coder đang dùng table hay div để design.

Vừa học xong cơ bản về PHP (trong 3 tuần, mỗi ngày 8 tiếng thì chậm so với mọi người ở đây rồi) lại đụng quá nhiều chuyện hehe, lại mệt mỏi ) .Thanks all ! 

- Nên cố tìm hiểu dần OOP (lập trình hướng đối tượng).
- Các tác vụ thường xuyên sử dụng như DB, IMG, Editor... nên gom thành 1 class.
- Các đoạn code thường xuyên lặp lại như phân trang, dẫn đường, bắt lỗi ... nên gom thành các function trong library.

=> Note thêm: hiện bạn chỉ mới bắt đầu với PHP thì nên đi theo những bước trên, khi đã thành thạo hết thì sẽ tiến thêm 1 bước là đưa các class, function ở trên vào 1 app framework.

Bây giờ ví dụ về lợi ích của library (anti SQL Injection ở mức căn bản nhá):
- Các POST form, nếu ko có function tự động kiểm tra tính hợp lệ của input data, ko lẽ mỗi khi submit, bạn phải gõ = tay để kiểm tra sao.
- Các GET form, chỉ cần trong file dẫn đường (ví dụ path.php) có gọi function kiểm tra tính hợp lệ của các biến GET bằng cách: preg_match('/[^a-z0-9_]/i',$_GET) , sẽ hạn chế được SQL Injection trên address bar.

Còn việc xử lý 1 công đoạn bao gồm (hiển thị form, submit form, kiểm tra và chuyển trang tiếp theo) có thể gom trong 1 file bằng cách đơn giản:
- Trong file template có dòng: <input type="hidden" name="action" value="true">
- Trong file php chia ra 2 function xử lý và hiển thị. Ví dụ:
if (isset($_POST['action'])) {
add();
}
else {
$main = show();
}
 

to KINYO:
- Dùng DIV hay TABLE có ảnh hưởng lớn với code trong các web 2.0, ví dụ có sử dụng AJAX
 

to KINYO:
- Tài liệu nào nói TABLE load nhanh hơn DIV ?
 

Việc dùng DIV hay TABLE thực ra cũng không quan trọng lắm đối với người chuyên về lâp trình, vì HTML hay CSS chỉ là để định dạng văn bản thôi, dùng DIV tức là dùng CSS thay cho các tags HTML thông thường, cách này đòi hỏi phải có kế hoạch bố trí sắp xếp giao diện của các trang web một cách hợp lý ngay từ đầu. Dùng TABLE tuy hơi "cổ điển" nhưng bù lại nó load nhanh hơn và đảm bảo tương thích với 100% các trình duyệt, kể cả các trình duyệt mobiles. 

Quan trọng đó bạn. Dùng CSS layout thì web sẽ load nhanh hơn dùng table. Vì CSS có 1 tính chất là nó được cache lại ở trình duyệt của người dùng.
 

Ngoài ra, bạn cần chú ý các đặc điểm của trình duyệt. Với internet explorer, phần nội dung trong table chỉ hiển thị khi được load về hoàn tất. Tình trạng này dễ thấy nhất trong các web sử dụng nhiều table lồng nhau, và trong nội dung có nhiều hình ảnh. Khi bạn truy cập vào web đó, bạn có cảm giác nó bị khựng lại khá lâu và đột nhiên hiện toàn bộ nội dung ra màn hình. Làm như vậy dễ gây cảm giác web bị chậm và, phía người dùng sẽ liên tục refresh yêu cầu ~> càng refresh càng không thấy web được load ~> tưởng web "die" ~> đi trang khác ^_^. Với Firefox thì không bị tình trạng này. Các trình duyệt khác thì mình chưa thử.
 

Dùng CSS layout cũng tương thích với các trình duyệt khác nhau, tuy không dễ dàng bằng dùng table. Và riêng ý kiến chủ quan của mình, làm 1 website không cần phải cho nó tương thích với 100% các loại trình duyệt khác nhau, chỉ cần mình cho nó tương thích với các trình duyệt mà đối tượng mình nhắm tới thường sử dụng. Như ở VN, bạn chỉ cần nhắm tới đối tượng dùng IE 6, IE 7 và Firefox.
"Vật lộn" với CSS layout thú vị lắm đó, các bạn thử xem ^_^ 

Tính tương thích ngược: Một điều mà chúng ta phải chấp nhận là các trình duyệt cũ không thể hiểu được những kỹ thuật của ngày nay. Tuy vậy, Web standards giúp các trình duyệt “cổ” đó hiển thị được đầy đủ những thông tin của website theo một cấu trúc cơ bản nhất mà người dùng có thể hiểu được. Hơn thế nữa, việc thiết kế theo chuẩn bảo đảm website của bạn sẽ tiếp tục hoạt động tốt trong tương lai bất chấp các công nghệ mới ra đời. Vì các chuẩn Web này sẽ luôn được cân nhắc kỹ lưỡng khi nâng cấp sao cho bản nâng cấp hay công nghệ mới phải tương thích với các thế hệ cũ hơn 

@cvhainb:
Thứ nhất: Nếu có điều kiện, bạn nên dùng CSS thay vì table, đó là xu hướng chung bây giờ , thiết kế theo chuẩn Web mới: Web standard. Tuy thiết kế theo table rất dễ nhưng những lợi ích của web standard đem lại khiến chúng ta phải suy nghĩ lại

Tìm hiểu thêm:
http://www.webstandards.org/learn/faq/
http://en.wikipedia.org/wiki/Web_standard
Web Standard Vietnam:
http://sonnymotives.com/
Thứ hai: Nên dùng template engine (như cái smarty của Seii TaiShogun đề nghị) nhưng theo mình, cho một người mới dùng, smarty có vẻ hơi bị .. bự, lướt mắt qua Xtemplate thử xem http://www.phpxtemplate.org). Template sẽ làm cho việc thiết kế được dễ dàng hơn.

@KINYO: thiết kế theo tableless làm cho trang web nhẹ nhàng hơn (có dung lượng nhỏ hơn) và việc load trang web sẽ nhanh hơn thiết kế theo table. Hơn nữa, thiết kế theo CSS sẽ tương thích với hầu hết các trình duyệt :

Tính tương thích ngược: Một điều mà chúng ta phải chấp nhận là các trình duyệt cũ không thể hiểu được những kỹ thuật của ngày nay. Tuy vậy, Web standards giúp các trình duyệt “cổ” đó hiển thị được đầy đủ những thông tin của website theo một cấu trúc cơ bản nhất mà người dùng có thể hiểu được. Hơn thế nữa, việc thiết kế theo chuẩn bảo đảm website của bạn sẽ tiếp tục hoạt động tốt trong tương lai bất chấp các công nghệ mới ra đời. Vì các chuẩn Web này sẽ luôn được cân nhắc kỹ lưỡng khi nâng cấp sao cho bản nâng cấp hay công nghệ mới phải tương thích với các thế hệ cũ hơn 

(Trích từ SonnyMotives)
Cuối cùng: "thú vị là cảm nhận cá nhân", chính xác, nhưng khi tôi đã "cảm" rồi, tôi sẽ cho anh biết, anh "cần cái gì".
P/S: vài suy nghĩ của riêng tui  

Cache là một chuyện, vấn đề là khi engine của các trình duyệt parse code của trang web thì CSS sẽ làm nó tốn thêm thời gian để xử lý trước khi output ra màn hình.
 

Trong dẫn chứng này của bạn, vấn đề là ở số lượng hình ảnh chứ không phải ở việc các tables lồng vào nhau. IE có đặc điểm là thường chờ cho các hình ảnh load hết rồi mới hiển thị nên bị chậm.

Thú vị là cảm nhận của cá nhân thôi, còn khi làm một website cho hàng trăm hay hàng nghìn người dùng thì còn nhiều cái quan trọng hơn phải làm, khi đó câu hỏi thực sự là "họ cần cái gì" chứ không phải là "tôi cảm thấy thế nào"