2012-10-08 3 views
0

master MSP에서 콘텐츠 섹션을 설정하는 방법에 대한 경험이 풍부한 Microsoft Visual Web Developer에게 몇 가지 지침 (링크 환영)을 제공해 줄 수 있습니까?MasterPages의 콘텐츠 레이아웃 가이드

Microsoft 설명서에는 (here) 테이블을 사용하여 마스터 페이지를 만드는 방법이 나와 있습니다. 그러나 테이블 사용은 다소 위선적 인 좋은 습관이 아니라는 것을 이해합니다.

나는 masterpage를 얻었지만, 후속 파생 된 페이지에서 코드의 테이블을 사용하지 않고 컨텐트 영역에 컨텐츠를 가져 오기 위해 고심하고 있습니다.

나는 이것이 매우 기본 적이지만 잘 정의되지 않았으며 나는 윈도우 폼의 직접적인 드래그 앤 드롭에 더 익숙하다는 것을 알고있다.

+1

'div 기반'레이아웃을 숙지해야합니다. http://csszengarden.com/ –

+1

테이블을 사용하거나 마진과 플로팅 조합으로 CSS를 사용할 수 있습니다. 그것은 당신이 요소들을 어떻게 배치 할 것인지에 달려 있습니다. 어떻게 꾸미려고? Btw, 나는 [이 게시물에 대한 답변] (http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html)을 읽으면 좀 더 통찰력을 줄 수 있습니다. div에 대한 테이블 사용과 관련하여 (예를 들어). – Jeremy

+0

CSS에 대한 좋은 자료 http://css.maxdesign.com.au/ – sayth

답변

2

이 자습서를 http://www.asp.net/web-forms/tutorials/master-pages/creating-a-site-wide-layout-using-master-pages-cs에서 확인하실 수 있습니다.

그들은 테이블 요소를 사용하지 않지만 div 요소 & 일부 CSS를 div로 만듭니다.

+0

답변을 주셔서 감사합니다. 제가 작성한 실수는 도구 상자를 사용하여 튜토리얼이 훨씬 쉽게 표시 될 때 결과를 얻으려는 것입니다. 그것을 손으로 쓴다. – sayth

1

저는 이것이 Visual Studio 마스터 페이지의 전문가가 아닌 웹 디자인 기술과 관련이 있다고 생각합니다. MasterPage는 단지 물건을 넣을 지역을 정의 할 수 있습니다. 디자인은 여러분, 테이블 또는 div에 달려 있습니다.

웹에서 잘 디자인 된 템플릿을 얻고 MasterPage 파일에 마크 업을 붙여넣고 ContentPlaceHolder 태그를 채워 넣으면됩니다. 사이드 바, 탐색 메뉴, 메인 콘텐츠, 푸터 등

<div id="header"> 
    some header content here 
</div> 

<div id="layout"> 

    <div id="leftsidebar"></div> 

    <div id="maincontent"> 
     <!-- Content Pages will go here --> 
     <asp:ContentPlaceHolder runat="server" ID="MainContent"> 
     </asp:ContentPlaceHolder> 
    </div> 

</div> 

<div id="footer"> 
    some footer content here 
</div> 

이것은 단지 샘플입니다. 그것보다 더 아름답고, 복잡하고, 매끄럽다. 웹 디자이너로서의 기술에 따라 다릅니다

관련 문제