코딩 고수님들 도와주세요! 페이지 수 늘리는 방법

본문 바로가기

코딩 고수님들 도와주세요! 페이지 수 늘리는 방법

작성일 2022.06.04댓글 1건
    게시물 수정 , 삭제는 로그인 필요

고수님들 도와주세요!
제가 html css javascript 로 반응형 웹페이지는 만들 수 있습니다.
근데 제가 만든건 한페이지 내에 모든 내용이 다 들어간 포트폴리오 형 웹페이지 입니다
(navbar 에서 메뉴 클릭시 해당 위치로 이동)

저는 메뉴 선택시 새로운 페이지로 이동하는 걸 만들고 싶은데
코딩할 때 페이지 추가는 어떻게 해야하나요?? ㅜㅜ
한 페이지 내에서 class 나눠서 css와 javascript로 효과만 줘서
기본적인 페이지수 늘리는 방법을 모르겠습니다.

- 원하는 내용
메뉴 클릭시 해당 페이지로 이동하는 방법(페이지 수 추가하는 방법)



profile_image 익명 작성일 -

html 페이지 만드시고 메뉴클릭시 해당 페이지 링크걸어주시면됩니다.

헤더에 css 선언은 메인과 공유되는 공통 스타일은 연결해주시고 별도로 페이지별로 css를 넣고싶으시면

각각의 헤더에서 링크로 가져오시는 방법이 있고

​

모든 html페이지에서 동일하게 css를 사용하고 싶으시면

하나의 css파일에서 나머지 css파일을 import 해서 사용해주시면될것 같습니다.

​

위의 두가지방식이 이해가 안되시면 아래글을 참고해보세요~!!

http://triki.net/prgm/1733

HTML 문서에서 CSS 를 로드하는 2가지 방법(link, @import) – 모두의매뉴얼

HTML 문서에서 CSS 를 로드하는 2가지 방법(link, @import) Updated 2019.10.16 42.7K read COPY URL #HTML 문서를 작성하면서 HTML 문서의 디자인을 담당할 스타일시트(CSS) 파일을 로드 하는 방법은 link 태그를 사용하는 방법과 @import 를 사용하는 방법 등 두가지가 있습니다. 사실 HTML 문서 내부에 자체적으로 style 을 정의해 사용할 수 있지만, 관리적인 측면에서 아무래도 #CSS 파일을 외부에 따로 로드 하는 방법이 좋습니다. 아래는 HTML 문서 외부에 존재하...

triki.net

​

자바스크립트도 마찬가지로 공통기능과 해당페이지만 사용하는 기능이 있긴한데

대부분 소규모의 사이트에서는 common.js파일을 하나만들어서 모든페이지에 링크시켜서

사용하기도 합니다.

​

방법이 여러가지라 상황에 맞게 사용하시면 될것같네요~

참고가 되었으면 좋겠네요~!! 즐코하세요~!!

연관된 질문 답변 리스트

고수님들 도와주세요 ㅜㅜ 크롬 북마크...

... 아시는분 도와주세요 안녕하세요! 맥북 크롬 북마크 멈춤... 방법을 안내해 드리겠습니다. 1. 확장 프로그램 비활성화: 일부 확장 프로그램이 크롬 성능 저하를 유발할 수...