여러개 페이지 만들때 보통 html css 따로 만드나요?
본문
22페이지 제작해야하는데
html은 22개 만들어야 하는게 당연한데
css도 22개 만들어서 관리하나요?
보통 어떻게 작업하시는지 궁금합니다.
답변 8
구조는 간단하게
common.css 모든 파일에 적용되는 내용이 담겨져 있는 파일은 모든 페이지에 추가하고
각각의 파일에 적용되는 내용은 각 페이지의 윗 부분에
<style type="text/css"></style> 태그에 넣거나
따로 페이지명.css 이런식으로 만들어서 각 페이지에 추가하면 될 것입니다.
디렉토리/<?php basename(__FILE__);?>.css 이렇게 하면 따로 페이지마다 이름을 설정해 주지 않아도 파일이름에 해당하는 css 파일을 불러 오니까 코딩이 편리합니다.
참고하세요...
common 폴더를 하나 만들어서 거기에
css, images 폴더를 만들고 그 안에서 공통으로 가져다 사용하게 하는게 머리가 덜 아플거예요
단 css는 공통적인 분모가 될수 있는 것을 잘 만들어 쓸 수 있게 하고 ( 각종 html 노드들 ) 나머지는
클래쓰명들을
잘 작명해서 충돌 없이 사용하는 것이 중요합니다
csss 파일을 1개 만드신후에
보통 같이 사용하는 css를 위에 넣고
각 페이지별로는 클래스명이 겹치지 않도록 해서 아래에 넣습니다.
css 는 2개로 구분하죠.
공통과
사이트마다 개별
gpt)
웹 페이지를 만들 때, 각 페이지마다 별도의 HTML 및 CSS 파일을 생성하는 것은 효율적이지 않습니다. 대신, 웹 페이지를 효과적으로 관리하기 위해 다음과 같은 방법을 사용하는 것이 일반적입니다:
-
HTML 템플릿 사용: 웹 페이지의 레이아웃과 구조를 정의하는 기본 HTML 템플릿을 만듭니다. 이 템플릿에는 사이트 네비게이션, 헤더, 푸터 및 기본 페이지 구조가 포함됩니다.
-
CSS 스타일 시트 중앙 관리: 모든 페이지에서 공통적으로 사용되는 스타일은 하나의 CSS 스타일 시트에서 관리합니다. 이를 통해 일관된 디자인을 유지하고 스타일을 업데이트할 때 모든 페이지에 일일이 수정을 가하지 않아도 됩니다.
-
개별 페이지 CSS: 특정 페이지에만 적용되는 스타일이 필요한 경우, 이러한 스타일은 해당 페이지의 HTML 파일 내에 포함시킬 수 있습니다. 이렇게 하면 다른 페이지에 영향을 주지 않으면서 특정 페이지에만 스타일을 적용할 수 있습니다.
-
CSS 클래스 및 선택자 활용: 페이지에 따라 스타일이 다소 다를 경우, CSS 클래스와 선택자를 사용하여 스타일을 조정합니다. 이를 통해 중복을 피하고 코드를 더 효율적으로 관리할 수 있습니다.
-
CSS 전처리기 사용: SASS, LESS, 또는 Stylus와 같은 CSS 전처리기를 사용하면 변수, 믹스인 및 네스팅과 같은 기능을 활용하여 CSS 코드를 더 구조화하고 유지 보수를 쉽게 만들 수 있습니다.
-
외부 파일 포함: 웹 페이지의 헤더 부분에서 외부 CSS 파일을 링크하여 스타일을 적용합니다. 이를 통해 스타일 시트를 여러 페이지에서 재사용할 수 있습니다.
좋은 웹 개발 관행은 코드를 재사용하고 유지 보수를 용이하게 만드는 것입니다. 이러한 방법을 사용하면 많은 페이지를 효과적으로 관리하고 일관된 디자인을 유지할 수 있습니다. 페이지가 늘어날 때마다 새로운 HTML 및 CSS 파일을 만들지 않고도 효율적으로 작업할 수 있습니다.
페이지가 오십개 백개라도 하나로 그만이며 두세개까지는 모르겠으나 그 이상이 필요해지는 상황 자체를 만들지 않습니다.^^
그누보드5 구조처럼 하시면 됩니다.
공통된게 있으면 하나로 해서 불러오는게 아무래도 편하겠죠 나중에 수정 하실때도요