1

ASP.NET を使用して Web アプリケーションを開発する場合、コンテンツ/機能の開発を設計から分離して、2 つを別々に並行して開発できるようにする方法についてヒントはありますか?

状況は次のとおりです。

  • 顧客は、必要な機能について同意している
  • お客様がページの外観 (スタイルとレイアウト) について考えを変えている
  • Web デザイナーは専門家ではありません。
    • クリーンな CSS ベースのレイアウトをゼロから開発していない
    • サードパーティのサイトからさまざまなテーブルベースのレイアウト (CSS を使用) を取得し、レイアウトの例/プロトタイプとして使用して顧客と話し合う

これを考えると、テーブルベースのレイアウトが完成する前に機能のコーディングを開始するにはどうすればよいでしょうか?

それを行う1つの方法は次のようになると思いました：

  • レイアウトやスタイルを気にせずに (各ページにアクティブな要素を作成することを含む) 機能をコーディングします。
  • 最後に、デザイナーと顧客がデザインに同意した後、アクティブな要素をデザイナーのプロトタイプ ページにカット アンド ペーストします。

これはそれを行う唯一の方法ですか、それとも最善の方法ですか? 他にどのような方法がありますか？これを簡単にするためのヒント、ヒント、またはトリックはありますか?

4

4 に答える 4

4

コーディングを開始する前に、視覚的な「スケルトン」レイアウトを用意しておくことは常に良いことです。その理由は、レイアウトのプロトタイプがある場合、そのレイアウトに関するフィードバックを顧客に繰り返し提供してもらうことができるからです。もし私があなたなら、テーブルベースのレイアウトを完全にやめます。その理由は、Web フォームでは、マスター ページを使用していない場合、各ページを個別に編集する (または、複製された同じレイアウトの周りに大量のコントロールを作成する) 必要があるからです。これを行うにはいくつかの方法があります。

CSS (ヒント、ヒント) を使用することがわかっている場合は、利用可能なさまざまなオプションを検討します: Ironmyers CSS Layouts、Layout Gala (40 CSS stylesheets)、および私のお気に入りのOpen Source Web Design CSS Layouts、および使用するレイアウトに「最も近い」と思われるものを選択してください。完璧である必要はありません。必要なのはスケルトンだけです。

Web サイトは一般に 2 列または 3 列で上部に水平メニューがあるため (スタック オーバーフローがその良い例です)、そのタイプのスケルトンを探すことをお勧めします。あとは、レイアウトを微調整したいときにスタイルシートを編集するだけです。

これを行うのに専門家である必要はありません。しかし、それはあなたのウェブサイトがどのように見えるか、そしてどのようにそれらがどのように組み合わされるかについての簡単で汚いビューを提供します.

プロトタイピングに CSS ベースのレイアウトを使用することには、さまざまな利点があります。

  • レイアウトを変更する場合は、CSS クラス ID の検索/置換を実行して変更できます (または、お気に入りのスクリプト言語を使用して変更できます)。
  • バックエンドの開発中にレイアウトをモンキーするのにほとんど時間を費やすことができません
  • 既に作成されたレイアウトを使用すると、CSS を編集し、更新を押して変更をすぐに確認できます。HTML をいじる必要はまったくありません。

あなたの現在のアプローチは明確な分離に反しています。あなたの質問を考えると、それが事実であることがわかります.既製のCSSテンプレートを使用すると、試行に時間を費やす代わりに、数分でプロトタイプのデザインを作成し、それを回避できます.テーブルでレイアウトを完成させます。

于 2009-02-16T21:14:34.143 に答える
1

これに対する簡単な答えはありませんが、デザイナーにとって少し簡単にすることから始めます。最初に基本的なCSS要素を配置します。たとえば、配色がわかっている場合は、すでに背景があります。あなたはおそらく、あなたが広い外観と狭い外観のどちらを選ぶのかについてすでに考えているでしょう。したがって、スタイルシートの開始はすでにあります。

*
{
   margin: 0;
   padding: 0;
}

body
{
   background-color:#827575;
   color: #c6d3d5;
   font: 75%/1.5em Verdana, Helvetica, Geneva, "Helvetica Neue", sans-serif;
} 

`#container
{
    margin-top: 30px;
    text-align: left;   
    margin-right: auto;
    margin-left: auto; 
}

`#content
{ 
    margin-right: auto;
    margin-left: auto;
    width: 850px;
    margin-top: 10px;
}

Place the container div, and inside that, the content div, in the master page - surrounding the main content placeholder. Now, you have something to work with. Your guy can now use tables in the content pages and apply the styles inline there if need be, for now. Later on, another designer with better knowledge can come along and move all the CSS into the stylesheet. Just a practical suggestion to keep it moving along :-)

于 2009-02-16T18:05:31.947 に答える
1

これは少し極端に思えるかもしれませんが、これを行う 1 つの方法は、Web アプリケーションをサービスベースにすることです。これは、すべてのビジネス ロジックが、Web サーバーが呼び出す 1 つまたは複数のサービス内にカプセル化されることを意味します。

これにより、Web サイト自体に最小限のサーバー側コードが残り、そのコードはすべてデータの動的表示を中心に展開されます。これは、先に進んでサービスに必要なすべてのアプリケーション ロジックを開発し、設計チームに足を踏み入れることなくクライアントの UI をハッキングさせることができることを意味します。

于 2009-02-16T16:30:10.893 に答える
1

ほとんどの場合、ここで定義したとおりに作業します。

レイアウトやスタイルを気にせずに (各ページにアクティブな要素を作成することを含む) 機能をコーディングします。

最後に、デザイナーと顧客がデザインに同意した後、アクティブな要素をデザイナーのプロトタイプ ページにカット アンド ペーストします。

最初に、アプリケーション、エンティティ、データ層、再利用可能なユーティリティ クラスのバックボーンを開発します。同時にデザイナーがデザインを作成し、お客様に見せます。

アプリケーションの機能を開発している間に、デザインの準備が整います。ページにリンク テキストボックス ボタンを追加するだけです。設計のために追加されたブレークとスペースのみ。

最初のデモの準備ができたら、デザインを適用します。このメイクアップ作業は、作業の中で最も退屈な部分です。特にクライアントがスマート グリッドを希望する場合。しかし、それは1回か2回しか起こりません。

編集 (開始) :

まず、繰り返し発生する部分をカスタム コントロールに分割しました。マスターページをコンテナーとして追加します。カスタム コントロールをマスター ページに追加します。その後、環境の準備が整いました。

次に、マスターページ参照をアクティブなページに追加し始め、必要に応じて css 参照またはその他の html 要素をアクティブなページに追加します。つまり、アクティブなページを書き直さないということです。ほとんどの作業は、マスターページとカスタム コントロールによって行われます。アクティブなページにテーブルといくつかの css 参照を追加するだけです。

編集（終了）

CSS、ASP.NET テーマ、マスターページ、およびカスタム コントロールを使用して、デザインを容易にし、デザイン関連のファイルを最小限に抑えています。

于 2009-02-16T21:41:35.717 に答える