web-dev-qa-db-ja.com

Django Webサイトのフロントエンド(UI)を開発する方法

私はDjangoおよびWeb開発の新機能を学習しています。この質問が馬鹿げすぎたら、失礼します。

したがって、私はDjangoを使用してFacebookアプリケーションを作成しています。これは、Google App Engineでホストしたいと考えています。プロジェクトは、RSS/Atomフィードの読み取りに焦点を当てますすべてのウェブサイトの(それは私が今言えることのすべてです)。

RSS/Atomファイルを処理するのに十分だと確信していますが、フロントエンド(ユーザーインターフェース)の部分-「デザイン部分」が心配です。 HTML/CSS/JavaScriptがわかりません(シンプルなHTMLは処理できますが、設計にはつながりません)。

最初に、UIを設計するためにdreamweaverや同等のソフトウェアなどのツールを使用することを考えましたが、実際にDjango=を学び、それに取り掛かったとき、それは「不可能」なことのようです。

そう、

  • サイトのUI部分をどのように設計すればよいですか? dreamweaverなどのツールを使用できませんか?

    • いいえの場合、JavaScript/CSSを知らない私のような人にとって最良の方法は何ですか
    • はいの場合、ドリームウィーバーに代わる最良のオープンソースは何ですか?
    • Google App Engineはこのすべての問題を処理できますか?
  • Djangoを扱う人々がこれらのテンプレートページを編集する方法。Djangoは、論理(ビュー)とデザイン(テンプレート)の部分を分離するため、会社の部門は個別に処理できますが、DjangoのHTMLページがHTML(設計)とは無関係の「タグ」で埋められていることを考えると、UIの人々はどのように処理しますか?

28
Amie

Django docsは、HTML/JS/CSSが何であるかを知らない人がそれを使用できるとは決して述べていません。懸念の分離は、実際のアクション(ビュー)は、データベースレイヤーまたはURLルーティングロジックから分離されています-これにより、疎結合が可能になります。モデルを理解せずにビューを作成できることを意味するわけではありません。同様に(まあ、そうではありません)、基本的なWebページを取得するためのHTML/CSSの理解JSを学びたいかどうかはわからないかもしれませんが、HTML5では、JavaScriptをある程度知っていることが重要だと思います。

DreamWeaverのようなWYSIWYGエディターの使用を勧める正気のWeb開発者はいません。 HTMLを手動で記述します。ただし、プロジェクトをすばやく開始するために HTML5 Bolierplate のようなものを使用できます。

Google AppEngineは、アプリケーションのデプロイに使用できるPaaSです。 Pythonランタイム、高レプリケーションデータストアなど)を提供しますが、フロントエンドの生成は行いません。

フロントエンドの世話をするために誰かを雇うつもりなら、その人はとにかくDjangoタグを使用する方法を知っている必要があります。実際には(MVCまたはMTVをフォローしている場合)パターンを厳密に参照してください)、それらは「静的」と「動的」のWebページ間のぼやけた線を定義します。フロントエンド開発者を雇うことを選択した場合でも、HTMLとCSSの基本を理解することをお勧めしますそれがどのように機能するか、CSS静的ファイルをどのように提供するかなど、それは長期的にはあなたを助けるだけです。

すべての人が優れたデザインスキルを持っているわけではなく、デザインは確かに熟練した人々に任せるのが最善ですが、実際にそのデザインでページを提供することになると、それはすべてHTMLとCSSです。ですから、フロントエンドのデザイナーとフロントエンドの開発者として倍増する人を雇うことができます。しかし、私は、フロントエンドテクノロジーにまったく気づかないままにしないことをお勧めします。

18
yati sagade

私がしていることは、dreamweaverでレイアウトを設計するか、デザイナを雇って、偽のデータを含むHTMLの「ワイヤーフレーム」を作成し、それを調べて、Django(またはJinja)のテンプレートタグを使用して、作業用テンプレートにします。 HTMLはある程度知っていますが、魅力的なものを作ることはできません。機能的ですか?はい!見て楽しいですか?グロブノー!

したがって、結論として、 HTMLの基本的な知識があれば、既成のHTMLドキュメントをテンプレートとして機能するように変更できます。

4
George Griffin

とにかく、HTMLがどのように機能するかを理解する必要があります。グラフィックの美しさのないシンプルなレイアウトから始めることができます。

好きなエディター(Dreamweaverなど)を使用できますが、Djangoのタグはテンプレートをプログラムコードにリンクしているため、WYSIWYGを使用してエディターを作成することはできません(表示されているものが表示されます)。一部のIDEにはそのタグのヘルパーがほとんどありませんが、タグを閉じるなどの処理を自動化するだけです。

または、テンプレートを作成してアプリケーションに統合するためにフリーランサーを雇うこともできますが、それは何かを学ぶための最良の方法ではありません:)

1
ilvar

おそらく、html +ブートストラップの使用方法を学んでください。 Bootstrapは、CSSとJavaScriptがすべてではないにしてもほとんど気になっているレスポンシブサイトを作成するための最新のパッケージです。したがって、html + css + jsを深く掘り下げる必要はありません。 。

bootstrapを十分に理解したら、次のことを行います bootstrapの例 次に、そこからWebデザインを開始します。次に、コンポーネント固有の要素が必要になるとき、次に このリンク に移動します。

HTML、CSS、JSについてはほとんど知りませんでした。Bootstrapは本当に私のお尻を救ってくれました。しかし、これらの基本的なことを知っておく必要がありますが、Web開発に従事している場合は、傷つける。

0
berdstack