ASP.NET MVC로 내 CSS를 어떻게 디자인합니까?

Question

불행히도 Dreamweaver는 Asp.net mvc를 지원하지 않으므로 모든 사람들이 Visual Studio를 사용하여 CSS 파일을 편집하고 있다고 생각합니다. 내 페이지는 여러보기 및 부분보기를 통해 동적으로 조합됩니다. Visual Studio Ultimate을 사용하고 있습니다. 브라우저

는

변화를 디버깅 중단 변경할지 결정에 CSS에서

• F5 키를 눌러
• 보기 :

  은이 워크 플로를 가진 경우 좋은 찾고 무엇을 달성하는 것은 불가능에 가깝다 CSS

• 다시 실행하고 변경 사항이 내가 원하는 것인지 확인하십시오. 아마도 색상 선택기가 없기 때문에, 아니 라이브 미리보기, 아무것도. 브라우저에서 사용할 수있는 개발자 도구를 사용할 수 있다는 것을 알고 있지만 div 컨테이너 및 색상 선택기에 대한 끌기 지원이 없음 &입니다.

그럼 내 질문은 기본적으로 : 어떻게 MVC (3) 웹 페이지를 디자인하고 있습니까?

Answer 1

기능적인 웹에 구현하기 전에 일반적인 컨트롤로 원하는 편집기에서 html + css 템플릿을 만드십시오. 또한 디버깅하는 동안 css, javascript, cshtml 및 aspx 파일을 편집 할 수 있으며 전체 IIS 또는 asp.net 개발 서버를 사용하면 디버깅을 중단 할 때 웹이 계속 실행되므로 css를 수정하고 브라우저에서 F5를 누르면됩니다.

Answer 2

많은 디자인 작업을하고 일반적으로 항상 jsfiddle과 같은 것을 사용하여 CSS/HTML을 모형화하여 모양을 확인합니다. 그러나 대부분의 경우 Visual Studio를 사용하여 거의 모든 CSS 변경 사항을 편집합니다.

상황이 조금 더 복잡해지면 가끔 Expression Web을 사용하게됩니다. Visual Web Developer (which has a free Express Version)에 대한 좋은 소식을 들었습니다.

그냥 my $ .02.

Answer 3

저는 CSS 대신 색상 선택기와 디버거가 필요한 이유를 정말로 이해하지 못합니까? 이미 인라인 코드 유효성 검사 (잘못된 속성에 밑줄을 긋기)가 있고 색상은 페인트 나 다른 프로그램 (필자는 Photoshop을 사용합니다 .- 절단하기 전에 .psd를 열어야합니다)을 사용합니다.

내가 상업화 한 모든 프로젝트는 VS에서 수행되었습니다. 나는 DW에서 집에서 재미있는 페이지를 만들었지 만 나는 별 차이가 없다. 그러나 힌트를 위해 열리는 대화 상자가 내 PC의 속도를 늦추고 많은 것에 뒤쳐져 있기 때문에 나는 모든 코드 힌트를 가지고 있습니다.

요점은 CSS 속성을 마음에 들어 주면 편집기가 중요하지 않다는 점입니다. 나는 종종 메모장에 새로운 요소를 넣습니다. 왜냐하면 저는 솔루션을로드하는 게으름입니다. 방화 단추에 코드를 붙여 넣기 만하면 어떻게 보이는지 보겠습니다. 또한 refresinhg없이 즉석에서 편집하면 실제로 3 배 빠릅니다.

여기는 시간이 많이 걸리지 않습니다. 방화범은 왕입니다.