테스트 사이트 - 개발 중인 베타 버전입니다

페이지를 나누는 좋은 방법이 있으시면 알려주세요!! 채택완료

nanati 10년 전 조회 5,392

http://fun-site.alpha-come.co.jp/easy/riceball.html">http://fun-site.alpha-come.co.jp/easy/riceball.html 

 

 

요 페이지 인데요...

제가 프로그램에 관해서는 전혀 몰라서...

혹시 좋은 방법이 있으시면 알려주세요!!

 

맨 밑에 次へ라는 글을 누르시면 다음 페이지로 넘어가는데요...

페이지별로 메뉴 10개씩 보여주고 싶거든요...

그런데 최신 메뉴를 업데이트 할 때마다 맨 앞으로 넣거든요....

생각해보니까 메뉴가 추가 될 때마다 각 페이지를 수정해야 해서

꽤 일이 되더라구요...

요걸 프로그램으로 어떻게 할 수 있는 방법이 있을까요?

php나 javascript를 이용한다든가... 뭐 전혀 .. 감이 안오네요...ㅠ  ㅠ

 

현재는 html/css로만 페이지를 만든 상태입니다...

댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
10년 전

공통된 내용을 파일로 만들어서 각 페이지별로 인클루드하면 됩니다. 

1.html 

<?php include_once('/head.html'); ?>

1 페이지 내용

<?php include_once('/tail.html'); ?>

 

2.html

<?php include_once('/head.html'); ?>

2 페이지 내용

<?php include_once('/tail.html'); ?>

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

n
nanati
10년 전
답변 감사드립니다.
php로 각 페이지를 만들어 놓고, html에서 불러 오면 된다는 말씀이시죠?
잘 모르겠지만 시도해보겠습니다!! 감사합니다!!
뽁스
10년 전
head.html <= 상단 공통 메뉴 파일 하나 만들고
==> 위 사이트 기준 <!doctype html> 에서 </header> 까지
tail.html <= 하단 공통 파일 하나 만들고
==> <div class="banner"> 부터 </html> 까지

page_01.html 파일 하나 만들어서
<?php include_once('/head.html'); //공통상단 파일을 불러옴 ?>
<article id="content">
페이지 내용
</article>
<?php include_once('/tail.html'); ?>

이렇게 만든 다음 도메인/page_01.html 로 들어가 보세요.

댓글을 작성하려면 로그인이 필요합니다.

10년 전

// 처음 파일 riceball_100.html

// 추가 파일 riceball_99.html​ 로 숫자를 하나씩 줄이기

<?

$no = preg_replace('/\D/', '', $_SERVER['PHP_SELF']);

$prev = 'riceball_' . ($no-1) . '.html';

$next = 'riceball_' . ($no+1) . '.html';

?>

<a href="<?=$prev?>">이전</a><a href="<?=$next?>">다음</a> 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

n
nanati
10년 전
답변 감사드립니다...
언어만 봐서는 제 지식으로는 전혀 이해가 안되네요 ㅠ ㅠ...

댓글을 작성하려면 로그인이 필요합니다.

10년 전

자바스크립트와 css를 사용해서 하시면 될듯 싶네요.

 

우선 a.html에 

 

id가 d1, d2, d3인 div를 여러개 만들어서 그안에 해당 내용을 넣습니다.

 

d1, d2, d3 이 페이지라고 생각하시면 됩니다.

 

<script>

function toggle_tab(num){

$("#d1").hide(0); //모든거 안보이게 하기

$("#d2").hide(0); //모든거 안보이게 하기

$("#d3").hide(0);​ //모든거 안보이게 하기

$("#d"+num).show(0);​ //선택한거 보이게 하기

 

}

</script>

 

그리고 d1, d2, d3 중 2랑 3은 display:none; style css를 주셔서 숨겨주시고,

 

하단에 페이징 하는 부분에 해당 번호를 넣어주시면 될듯하네요

 

예) <a href="javascript:;" onclick="toggle_tab(2)">다음</a>

 

결국에는 이것은 안보이게 한것을 보이게 하는 방식으로 페이징 하는것처럼 보이게 하는것입니다..

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

n
nanati
10년 전
탭메뉴를 사용하는 것이 가장 좋은 방법일까요? ㅠ ㅠ
그렇게 되면, html의 내용이 너무 길어질 것 같아서요...
혹시 더 좋은 방법이 없나 연구중입니다 .. ㅠ ㅠ
답변 감사드립니다!!!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인