https://medium.com/ (홈 페이지에서) https://qz.com과 같은 웹 사이트가 태그 또는 순서에 따라 페이지를 나누는 방법에 대해 궁금합니다. 헤더, 일부 뉴스, 같은 모양의 상자에있는 일부 기사, 비디오, 다음에 더 많은 내용을 담은 다음 꼬릿말을 ... 한 페이지에서 여러 가지를 보여줄 수 있습니다. HTML div 태그로 페이지를 나눠서 처리합니까? 아니면 다른 용도로 사용합니까? 나는 장고를 배우려고 애쓰는 초보자입니다. 나는 어떤 도움을 주셔서 감사합니다페이지를 여러 부분으로 나누는 방법
나는 div 태그보다 더 많은 것이 있다고 생각하지만, 결국 그것은 (단지) html, css 그리고 클라이언트 쪽의 시각적 인 webside를 만드는 javascript라고 생각합니다.
"960 Grid System"또는 부트 스트랩 그리드 시스템과 같은 프레임 워크는 콘텐츠를 공통 순서로 유지하는 데 도움이 될 수 있습니다. CMS가 일반적인 디자인을 구현할 수 있도록 템플릿을 만듭니다 (Ahhhh : CMS 사용). 어쩌면 보통, 오래된 css 파일을 작성하는 대신 Less, Saas 등을 사용할 수 있습니다.
간단한 답변 : 코드를 확인하십시오. 물론 서버 측 코드는 볼 수 없지만 HTML을 볼 수 있으며 매체가 div을 사용하고 QZ는 sections을 사용한다는 것을 분명히 보여줍니다.
이제 사용할 수있는 것이 무엇이든 실제로는 없습니다. 필요가 없기 때문에 간단합니다. 이러한 "섹션"각각에 균일 한 높이를 추가 할 수도 있지만 필요는 없습니다.
이제 serverside 부분 : 그들은 모든 섹션을 하드 코딩하지 않았지만 템플릿을 만들었습니다. 어떤 기술에 따라 그들은 그 다른 모양 사용하지만, 항상
되는 HTML 및 CSS에 관해서는 준비가 다이있는 템플릿 (자주 호출 한 함수 템플릿 또는 모듈에 사용되는 기술에 따라)해야합니다. 이것은 '섹션'의 레이아웃과 디자인을 디자인합니다. 또한 해당 구조에 삽입 할 내용을 받아들입니다.
해당 템플릿을 반복적으로 사용하지만 다른 정보를 제공하는 '주 페이지'. 보통의 경우 다음과 같이 표시 될 수 있습니다. MakeStreamItem("Audio", GetFirstFourAudioItems())