asp.net - ASP.Netを使用した適切なユーザーインターフェイスの設計

Question

Webアプリケーションのユーザーインターフェイスを設計していますが、UIデザインに不慣れで、ラベルとテキストボックスをドラッグアンドドロップするだけですが、それらは対称的ではなく、ページ上に適切に配置されています。Windowsアプリケーションでは、ビジュアルstuidoがコントロールの場所を特定するのに役立つため、ユーザーインターフェイスの設計は簡単ですが、Webアプリケーションでそれを行う方法がわかりません。HTMLを入力し、ページを適切に整理するために多くのスペース文字を使用する唯一の解決策はありますか？これは私をアマチュアのように感じさせます。

Answer 1

Webアプリは、CSS（Cascading Style Sheets）を使用してスタイル設定されます。CSSは、WebアプリのUIのあらゆる側面に使用されます。これは、ASP.NETだけでなく、一般的なWeb開発にも当てはまります。

ASP.NETおよびVisualStudio（または他のIDE）を使用すると、UIを作成するための使い慣れたドラッグアンドドロップインターフェイスを使用できますが、内部的には、ASP.NETおよびこれらのツールはスタイル設定用のcssを生成するだけです。

たとえば、Visual Studio 2010では、[Tooldbox、貼り付け、またはドラッグアンドドロップを使用して追加されたコントロールの位置を絶対に変更する]を選択できます。HTMLデザイナオプションで

必要に応じて、これらのツールを使用して要素をドラッグアンドドロップできますが、いくつかの理由から、その道を歩み始めることさえしないことを強くお勧めします。

• cssを理解していない限り、他の点では単純なポジショニングとスタイリングの問題に苦労するでしょう。多くの場合、公開されているドラッグアンドドロップツールとプロパティでは不十分です。
• Webデザインは、WinFormsデザインとは大きく異なります。より多くの画面解像度とブラウザのサイズ変更に対処する必要がありますが、これらは流動的である必要があります。これには絶対的なポジショニングは恐ろしいものです。
• 間違った方法を学んだら、方法を変えるのは非常に難しいです。事前に「正しい方法」を学ぶことをお勧めします。

ここに比較的簡単なCSSチュートリアルがあります。

迅速で簡単な答えがないことを残念に思いますが、Web開発を行う場合は、cssの適切な使用法を学ぶ必要があり、学ぶことはかなりあります。うまくいけば、このチュートリアルは穏やかな紹介になるでしょう。

それが気に入らない場合は、このBing検索を試してください。