4

私はWeb会社で働いており、プログラマーは現在MVCフレームワークで構築されているWebアプリケーションに取り組んでいます。フロントエンド開発者として、このアプリケーションのhtml、jquery、cssを実行する必要があります。

セットアップは、cshtmlファイルを含むビューで構成されます。ここでの私の質問は、この種のセットアップでフロントエンドの人として成長するための最良の方法は何ですか？

現在、dreamweaverでファイルを開き、この方法でcssとhtmlを編集して、ファイルを保存して開発サーバーにアップロードしています。次に、ブラウザの更新に移動して、変更を確認します。

これが何かを意味するのであれば、私はより少ないブートストラップを使用しています。もう1つの問題は、cshtmlファイルがdreamweaverとうまく合わないことです。プレーンテキストエディタを使用しているだけでもかまいませんが、dreamweaverで気に入っているのは、保存時にFTPに自動アップロードする機能だけです。これにより、時間を大幅に節約できます。 。

確かに、これらのcshtmlファイルを編集するためのより良い方法はありますか？それとも、この種のもののための最良の方法ですか？他の人がこのような仕事をする方法を聞いてとても興味があります。

おかげで、どんな入力でも大歓迎です。

4

3 に答える 3

6

TL; DR

  • 少なくともプロトタイプ形式で、最初にWebデザインを行うことをお勧めします（成果物はhtmlとcss、そしておそらくいくつかのjsになります）
  • 次に、.net開発チームがcshtml作業を行い、設計を統合します
  • 次に、結果のレビューと修正の両方に関与する必要があります

さらに詳細に

AFAIKには、Razorファイル用のWYSIWYGエディターがまだないため、手作り.cshtmlする必要があります。

（Webデザイナーとして）開発チームに各Webページのhtml + cssプロトタイプをできるだけプレーンなhtmlで提供することをお勧めします（つまり、必要なクラス+ IDを持つすべてのhtml要素、そしておそらく少なくとも最初のjs/必要に応じて渡しjqueryます）。Layoutsまた、開発者がページの抽出/マスターPartial Viewsなどを行えるように、ページの共通ビットを示します。

ここでの理論的根拠は.cshtml、コードをデバッグする必要があるため、.netの経験がなく、IISまたはCassiniが手元にない限り、コーディングを試みる意味がほとんどないということです。htmlを変更しているときにかみそりのコードを壊すと、サーバーへのFTPの欠点が明らかになります。

次に、開発チームの仕事になり、生成された.cshtmlhtmlがhtmlレイアウトと一致することを確認します。

すべてのスタイルをcssで使用して、HTMLをできるだけクリーンに保つことを忘れないでください。

時間と経験があれば、かみそりの構文を理解できるはずです。そうすれば、MVCコントローラー（ViewModels、ViewBags、TempData）との間でやり取りされるデータに同意できるように、あなたと開発チームが責任をシフトできます。 、および投稿データ/ Jsonなど）、そしてあなたはあなた自身でhtmlをレイアウトすることができcshtmlますか？

于 2012-11-14T13:37:16.737 に答える
1

私は通常、開発用PCのIISから実行するようにWebサイトを設定し、Visual Studio内でcshtmlファイルとcssファイルを手動で編集し、ブラウザーを更新して変更を確認します。

cssを微調整するために、FirebugまたはIE Developerツールバー（ブラウザーによって異なります）を使用してブラウザー内で実験する場合があります。

于 2012-11-14T13:16:56.213 に答える
0

ここにいくつかの提案があります

  • HTMLサンプルページを作成してMacでスタイルを設定すると、後でそれに基づいてレイアウトファイルを簡単に操作できます。サーバー側のものにまったく興味がない場合、これは完璧です。この方法で行われるスタイル用のnugetパッケージがたくさんあります。他の人にとっては使いやすく、消費しやすいです。必ずしもそうする必要はありませんが、共有を容易にするためにnugetパッケージを作成できます。nugetが何であるかわからない場合は、このリンクhttp://docs.nuget.org/を確認してください。

  • MacのWindowsにParallelshttp ://www.parallels.com/products/desktop/ を使用し、Visual StudioWebExpressとIISを使用してアプリをテスト/開発できます。

  • Bootcampはそれほど難しくありません。ネット速度によっては、最大で1時間かかる場合があります。

お役に立てれば

于 2012-11-14T14:27:34.370 に答える