Cách phát triển giao diện người dùng (UI) cho trang web Django của tôi


26

Tôi đang học Django và mới phát triển web. Xin thứ lỗi cho tôi nếu bạn thấy câu hỏi này quá ngu ngốc.

Vì vậy, tôi đang tạo một ứng dụng Facebook bằng Django mà tôi muốn lưu trữ trong Google App Engine. Dự án sẽ tập trung vào việc đọc các nguồn cấp dữ liệu RSS / Atom của bất kỳ trang web nào (Đó là tất cả những gì tôi có thể nói bây giờ).

Tôi chắc chắn đủ để xử lý các tệp RSS / Atom nhưng tôi lo lắng về phần giao diện người dùng (Giao diện người dùng) - "Phần thiết kế". Tôi không biết HTML / CSS / JavaScript (Tôi có thể xử lý các công cụ HTML đơn giản nhưng điều đó không dẫn đến bất kỳ điều thiết kế nào).

Đầu tiên, tôi nghĩ đến việc sử dụng các công cụ như dreamweaver hoặc bất kỳ phần mềm tương đương nào để thiết kế UI nhưng khi tôi thực sự bắt đầu học django và tham gia vào nó, nó dường như là một điều "không thể".

Vì thế,

  • Tôi nên thiết kế phần UI của trang web của mình như thế nào? Tôi không thể sử dụng các công cụ như dreamweaver?

    • Nếu KHÔNG, cách tốt nhất cho kẻ như tôi không biết JavaScript / CSS
    • Nếu CÓ, đâu là sự thay thế nguồn mở tốt nhất cho dreamweaver?
    • Google App Engine có thể xử lý tất cả những điều này không?
  • Làm thế nào những người đối phó với Django chỉnh sửa các trang mẫu đó. Django đề cập đến việc nó sẽ phân tách các phần logic (khung nhìn) và thiết kế (mẫu) để các bộ phận khác nhau trong một công ty có thể xử lý riêng. Nhưng xem xét thực tế rằng các trang HTML của Django chứa đầy "thẻ" không liên quan đến HTML (thiết kế), người dùng UI xử lý nó như thế nào?


1
Đầu tiên, làm cho nó hoạt động, sau đó làm cho nó đẹp.
msw

Câu trả lời:


18

Các tài liệu Django không bao giờ đề cập rằng một người không biết HTML / JS / CSS là gì có thể sử dụng nó. Việc phân tách các mối quan tâm cũng được thực hiện trong phần phụ trợ, trong đó hành động thực tế (các khung nhìn) được tách ra khỏi lớp cơ sở dữ liệu hoặc logic định tuyến URL - Điều đó cho phép ghép lỏng. Nó không bao giờ có nghĩa là bạn có thể viết quan điểm mà không bao giờ hiểu mô hình của bạn. Tương tự (tốt, không giống như vậy), bạn cần phải có hiểu biết về HTML / CSS để có được các trang web cơ bản. Bạn có thể hoặc không muốn tìm hiểu một số JS, nhưng tôi nghĩ với HTML5, việc biết một số JavaScript là ít nhiều cần thiết.

Không có nhà phát triển web lành mạnh nào sẽ khuyên bạn nên sử dụng trình soạn thảo WYSIWYG như DreamWeaver. Viết HTML bằng tay. Tuy nhiên, bạn có thể sử dụng những thứ như HTML5 Bolierplate để bắt đầu dự án của bạn nhanh chóng.

Google AppEngine là một PaaS mà bạn có thể sử dụng để triển khai ứng dụng của mình. Nó sẽ cung cấp trong số những thứ khác, thời gian chạy Python, kho dữ liệu sao chép cao, v.v. - nhưng nó sẽ không quan tâm đến việc tạo giao diện người dùng của bạn.

Nếu bạn định thuê ai đó chăm sóc mặt trước, người đó dù sao cũng sẽ phải biết cách sử dụng thẻ Django, thực sự (nếu bạn theo sát mô hình MVC - hoặc MTV), họ sẽ xác định đường mờ giữa các trang web "tĩnh" và "động". Ngay cả khi bạn chọn thuê một nhà phát triển frontend, tôi khuyên bạn nên nắm bắt những điều cơ bản về HTML và CSS (ít nhất là bạn biết cách nó hoạt động và bạn sẽ phục vụ các tệp tĩnh CSS như thế nào). Nó sẽ chỉ giúp bạn về lâu dài.

Không phải tất cả mọi người đều có kỹ năng thiết kế tốt và thiết kế chắc chắn là tốt nhất cho những người có kỹ năng, nhưng khi nói đến việc thực sự phục vụ các trang với thiết kế đó, tất cả chỉ là HTML và CSS. Vì vậy, bạn có thể thuê một người nhân đôi (hầu hết làm) như một nhà thiết kế front-end và một nhà phát triển front-end. Nhưng tôi đề nghị bạn không nên hoàn toàn không biết về các công nghệ front-end.


2
+1 "nhà phát triển web không lành mạnh"
msw

Có lẽ đúng là không có nhà phát triển web lành mạnh nào muốn tạo ra các mẫu HTML trong bất cứ thứ gì giống với Dreamweaver. Nhưng hầu hết các nhà thiết kế web dường như muốn sử dụng Dreamweaver hoặc tương tự cho CSS và câu hỏi có đề cập đến CSS. Vì vậy, thật tuyệt khi có một số hướng liên quan đến việc hợp tác với Dreamweaver và Django.
Westcroft_to_Apse

4

Những gì tôi làm là tôi thiết kế bố cục trong dreamweaver hoặc thuê một nhà thiết kế để tạo ra các "khung lưới" HTML với dữ liệu giả, sau đó tôi lướt qua nó và sử dụng các thẻ mẫu của Django (hoặc Jinja) để biến nó thành một mẫu hoạt động. Tôi biết một số HTML, nhưng tôi sẽ không bao giờ có thể làm cho bất cứ điều gì hấp dẫn. Chức năng? Vâng! Dễ nhìn? Quả cầu không!

Vì vậy, trong kết luận; Chỉ với một số kiến ​​thức cơ bản về HTML, bạn có thể sửa đổi một tài liệu HTML được tạo sẵn để hoạt động như một mẫu.


1

Dù sao, bạn sẽ cần hiểu HTML hoạt động như thế nào. Bạn có thể bắt đầu với bố cục đơn giản mà không cần bất kỳ người đẹp đồ họa.

Bạn có thể sử dụng bất kỳ trình soạn thảo nào bạn thích (Dreamweaver hoặc bất cứ thứ gì) nhưng các thẻ của django đang liên kết mẫu với mã chương trình, vì vậy không có trình soạn thảo nào có thể làm được với WYSIWYG (những gì bạn thấy là những gì bạn nhận được). Một số IDE có ít người trợ giúp cho các thẻ đó, nhưng không còn nữa, chúng chỉ tự động hóa những thứ như đóng thẻ, v.v.

Hoặc bạn có thể thuê một freelancer để tạo và tích hợp một mẫu trong ứng dụng của bạn, nhưng đó không phải là cách tốt nhất để học một cái gì đó :)


0

Có lẽ học cách sử dụng html + bootstrap. Bootstrap là một gói hiện đại để tạo các trang web đáp ứng trong đó CSS ​​và JavaScripts gần như, nếu không phải là tất cả, được chăm sóc cho bạn. Vì vậy, không cần phải đào sâu vào html + css + js.

Những gì bạn sẽ làm sau khi bạn biết đủ bootstrap là đi đến các ví dụ bootstrap này sau đó bắt đầu thiết kế web của bạn từ đó. Sau đó, khi bạn sẽ cần các yếu tố cụ thể thành phần, đi đến liên kết này sau đó.

Tôi biết rất ít về HTML, CSS, và JS và Bootstrap thực sự đã cứu cái mông của tôi. Bạn sẽ cần phải biết những điều cơ bản của những điều đó, nhưng nếu bạn đang phát triển web, điều đó không nên làm tổn thương.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.