웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

27

조회 수 : 4880 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
저도 아직 초보지만, 저보다 더 초보분들을 위해 이렇게 글을 올립니다.
참고하시고, 도움이 되셧으면 좋겠네요.

홈페이지를 만들어보겠다는 빽짱구 드디어 컴퓨터 앞에 앉긴했는데 뭐부터 해야할지 어쩔줄 몰라 하고있다.
주의에 얘기를 듣자하니, 먼저 포토샵에서 컴퓨터 해상도에 맞게 작업을 해야한다고 해서 포토샵에서 도큐멘트 하나를 열어본다.
혹시나 해상도를 800*600으로 보는 사람들이 있을지 몰라, 가로 750정도 잡고 레이아웃을 잡아본다.
여기서 레이아웃이란? 각이미지나 텍스트가 어느 위치에 들어갈지 위치선정을 하는것을 말한다.
구상을 한데로 포토샵에서 이미지를 만들고 각각의 위치선정을 마치고 난후 각이미지를 하나하나 다짜른후 큰이미지는
jpg 작은이미지는 gif로 저장을 마쳤다.
여기까지는 너무 간단해서 모니터를 보고 가뿐한 미소를 짓는 빽짱구 ㅡㅡv

다음은 홈페이지를 만드는 프로그램을 열어본다. 나모가 한글로 되어있어서 빽짱구는 나모를 선택했다.
근데 이녀석이 생각한데로 싶지 않았다. 여러번에 실수를 거듭해 문서속성에서 각각의 여백을 0 으로 주고 표두께모두 0으로 주었다.
인덱스.htm에 밑에 노래를 끈기지 않기 하기 위해 높이 49px에 프레임을 하나 만들어서 music.htm이라고 이름을 정했다.
(bgm 플레이어를 안달고 노래를 안끈기게 할려면, 프레임을 0px로 만들어도 상관없다 <==노프레임에서 노래 안끊기게 들을려면 어쩔 수 없다.
어차피 내가 만들홈은 인덱스가 메인화면이기때문에 인덱스경로를 메인으로 지정해준다.
드디어 빽짱구는 재미가 붙기 시작한다.
모든테이블을 포토샵에서 작업한데로 맨뒤에 들어갈 큰표를 하나 만들고 각각위치에 들어갈 중간표와 작은표를 만들고 그안에서 셀을 나눴다.

모든페이지를 이런식으로 끝마쳤는데, 다음은 로그인과 최근게시물 그리고 제로보드 게시판 들어갈곳을 어떻게 지정해주고 어떤 소스를 넣어야 할지 몰라서 빽짱구는 모니터만 뚫어져라 보면서 담배를 피워데기 시작하며, 옆에 있던 강아지를 괴롭히기 시작한다. 우리집 강아지는 화풀이용이다.

먼저 로그인부터 달자라고 마음을 먹은 빽짱구는 제로보드 사이트에 들어가 맘에 드는 스킨을 받은후 그스킨에 맞게 다시 레이아웃을 짠다.
왜냐면 가로크기가 안맞았기 때문이다. 그래서 다시 수정을 끝마치고 로그인을 달기 시작한다. 로그인을 달려면 먼저 로그인 들어갈 페이지 맨윗부분 위에 아래소스를 삽입한다.

<?
$_zb_url = "http://자신의계정주소/bbs/";
$_zb_path = "/제로보드절대경로/";
include $_zb_path."outlogin.php";
?>



총 5줄인데 두번째 제로보드 계정주소 " " 사이에 각자의 주소를 입력하고 두번째 절대경로에는 제로보드 설치를 하면 제로보드 관리자 페이지 맨밑을 보면 절대경로 주소가 나와있는데 그걸 복사해서 그대로 붙이면 된다. 끝에 / <==빼먹지 말자! include 부분은 수정할필요없다. 아래그림을 참고하자.



위에 소스를 넣었으면 다음은 로그인이 들어갈 위치에 커서를 두고, 그부분에
아래 소스를 추가 시킨다.


<? print_outlogin("로그인스킨이름",1,10) ?>

로그인스킨이름 " " 사이에 다운받은 스킨이름을 적고 1은 그룹번호,10은 허용레벨이다.
허용레벨은 항상 10으로 하는게 좋다. 왜냐면 10레벨이 가장낮기때문에 손님들이 가입을 할 수가 있는것이다.

그럼 로그인은 설치가 끝났다. 여기까지 보고 나서 배워볼라는 욕구가 강한 초보분들의 질문한마디가 나올수있다.

저기여~ 스킨은 어디에 올려요?
너무너무나 중요한 질문이다. 일반 스킨은 제로보드 폴더안에 skin에 사정없이 넣으면 되고, 로그인스킨은 outlogin_skin에 올리고, 최근게시물스킨은 latest_skin폴더안에 갇어놓으면 된다.

그럼 여기까지 로그인을 끝마친 빽짱구 마치 자기가 천재인줄 착각한다. --^
다음에 최근게시물이라는 내공이 강한 녀석이 기다리고 있었다.

빽짱구는 다시 몸을 가다듬고, 심호흡을 하고 난뒤 최근게시물과 딩굴 준비를 한다.

로그인설치 할때 맨위에 집어넣었던 공포의 5줄을 똑같이 집어넣어야하는데 이미 들어갔기 때문에 5줄은 안넣어도 된다.
만약 로그인을 설치안했다면 당연빠다 넣어주어야 할것이다. 하지만 빽짱구는 욕심이 많아서 두개를 다넣고 싶은 마음에 공포의 5줄을 추가할 필요가 없는것이다.
여기까지 이해가 가시나요?

마찬가지로 제로보드 스킨자료실에가서 최근게시물 스킨을 다운받은뒤 위에 설명한데로 제로보드 폴더안에 latest_skin에 다운받은 스킨을 통째로업로드 한다.
여기에서 주의할점은 다운받은 스킨을 압축풀었더니, 그안에 같은 이름의 폴더가 또있을수도 있다.
예를들어 빽짱구스킨,zip 압축을 푸니 빽짱구스킨 안에 또 빽짱구스킨2가 들어있는경우다. 그런경우에는 그안에 있는 빽짱구스킨2만 업로드 하면 된다.
쉽게 설명하자면 backzzanggu_set 이란 스킨안해 backzzanggu_n(공지사항), backzzanggu_bbs(게시판게시물스킨). 이 있다면 backzzanggu_set을 통째로 올린다.
대신 스킨이름에 backzzanggu_set/backzzanggu.bbs 이런식으로 적으면 되기때문이다.
최근게시물 역시 들어갈 위치에 커서를 두고 html로 들어가 아래의 소스를 집어 넣는다. 여기서 미리해둘것은 제로보드가서 필요한 게시판을 만들어놓는게 좋을듯 싶다.

<? print_bbs("스킨이름", "공지사항", "notice", 2, 30)?>

위에스킨은 공지사항이다.
스킨이름에는 다운받아서 사용할 스킨이름을 적고, 공지사항부분은 홈페이지 화면에 출력될 글(이미지로 된스킨일경우 글을 써도 안먹힐수도 있다.) notice는 제로보드에 보면 사용될 게시판이름, 2<==이숫자는 줄수! 즉 목록수를 말하며, 30은 출력될 글자수를 말한다. 그것은 사용자들이 알아서 자기 홈페이지에 맞게 수정하면 된다.

밑에는 게시판 소스이다.

<? print_bbs("스킨이름", "자유게시판", "free_board", 5, 15)?>

공지사항과 똑같다. 줄수와 글자수가 틀리긴 하지만 이건 내홈피 제작할때 마추느라 바꿨을 뿐이다. 공지사항과 똑같다고 보면 된다.

다음은 갤러리 소스이다.

<? print_gallery("스킨이름", "포토앨범", "gallery_photo", 2,70,70,2)?>

게시판소스와 틀린점은 print_bbs 대신 gallery 라는거와 뒤에 숫자개념이 약간 다르다. 첫번째 숫자 2<==는 출력될 이미지수 70은 가로사이즈와 세로 사이즈이다. 맨뒤에 숫자 2는 가로갯수를 말함. 참고사항은 게시판 기본설정에서 게시판형태가 아닌 방명록 형태로 해야 이미지가 출력된다.

역시 위에 소스들은 각자 들어갈 위치에 넣어야 한다는것은 항상 염두해두자.
그럼 로그인과 최근게시물은 끝이 났다. 여기까지 했는데 안뜨는 사람들은 아직 만들어논 html.문서나 php문서를 계정으로 업로드를 안했기 때문이다. 미리보기하면 당연빠다 안보임. --

두개를 끝마친 빽짱구 승리를 한거 같다는 마음에 방심하고 있는중에 노프레임에서의 게시판 불러오기를 깜빡하고 있었다. 이때 빽짱구는 잠시 생각에 젖는다. 여러 자료를 뒤적거리다. 드디어 노프레임홈강좌를 읽어본다. 훌륭하신 고수분들의 강좌를 보고 다시 게시판을 불러올 준비를 한다.

예를들어 자유게시판을 불러들일려면 자유게시판이라는 이미지또는 텍스트 즉 포토샵에서 레이아웃했듯이 클릭했을때 자유게시판이 나올수 있게 하이퍼랭크 주소를 자유게시판 주소로 입력해준다 http://자유게시판주소 <==이런식이다. 역시 갤러리를 불러와야겠다 싶으면 겔러리 주소를 하이퍼랭크 걸어준다. 주소는 제로보드 사용할 게시판 view를 클릭하면 맨위 주소입력하는곳에 주소값이 뜬다. 그걸 복사하자.

여기까지 질문하나가 또 나올수 있다.
자유게시판을 클릭했는데 게시판만 달랑 화면 꽉차게 나와요....?


이럴때는 head.htm 또는 head.php 파일을 만들어서 불러들여야 한다.

게시판 기본설정에보면 상단에 불러올 파일과 하단에 불러올파일이라고 적혀 있다. 간단히 설명하면 html문서에서 게시판이 들어갈 위치에 커서를 두고 그윗부분을 복사해서 메모장에 그대로 붙힌다. 그리고 head.htm이나 php라고 저장을 하고 자유게시판이 들어갈곳 밑부분을 쭉~복사해서 다시 메모장으로 불러와 foot.htm이나 php로 저장을 하자.

아직도 이해가 안가시는 분이 있어 또 한번 설명하자면, 게시판이 들어갈 위치에 자유게시판이라고 아예 적어두자. 그리고 그곳에 커서를 두고 html로 간다음 자유게시판이라고 쓴곳 바로 윗부분아랫부분을 메모장으로 불러오면 더쉬울듯 싶다. 절대 나모에서 head파일과 foot파일을 불러오지 않길 바란다. 왜냐면 나모는

값또는 테이블 값등이 자동으로 적히기 때문에 게시판 밀림 현상이 일어난다. (아래그림은 해드파일 복사현장이다. 반대로 foot파일 만들 때는 자유게시판 밑부분부터 복사)


여기서 또 수정할게 있다. 이미지주소를 바꿔주어야 하는데, 바꿀때는 http://계정주소/img 이런식으로 이미지주소 앞에 적는 방법과,
../ <== 이런식으로 상대경로를 적어주어도 된다. 나같은 경우는 상대경로로 적어주었다. 다시 저장을 하고 게정에 업로드 시킨다.



게시판 기본설정에 들어가 상단에 불러올파일에 ../head.htm을 적고, 하단에 불러올 파일에 ../foot.htm을 적으면 끝이다.
만약 계정에 head폴더안에 head.htm문서를 업로드 시켰다면, 상대경로는 ../head/head.htm 이렇게 될 것이다.



자~ 인제 확인을 해보자 이미지와 게시판이 생각한데로 들어갔음을 확인할수 있다. 만약에 '선택된 데이터베이스가 없습니다.' 이런 문구가뜨면 그것은 인크루드 값이 두번들어가서 그런것이다. 즉 아웃로그인설치시 공포의 5줄말고, 혹시나 카운터를 달때 인크로 값이 위에 한번 더들어가서 이런현상이 발생할수 있는것이다.
또 하나 알아둘것은 로그인이 없을경우는 상관이 없는데 로그인을 달았을경우 상단 불러올파일에 지정을 안해주고, 상단출력할부분에 소스를 복사를 하게 될경우 로그인이 안뜨게 된다. 왜냐면 출력될내용에 소스를 집어넣었을경우에는 인크루드 값이 안먹게 되어있다. 로그인이 없을경우에는 파일을 불러오지 않고 출력될내용부분에 소스를 집어넣어도 상관없다.
또 head.htm 에 주소를 바꿀때 style.css값을 줬을경우 그것또한 http:// <=이런식으로 앞에 주소를 넣어야한다. 게시판이 없는페이지또한 http://계정주소/main.htm 이런식으로 해줘야 각각에 페이지로 갈수 있게 되는 것이다. 해더파일과, 푸더파일 만들대만 경로를 꼭 적어줘야한다.

이로서 모든 로그인, 최근게시물, 노프레임이 모두 끝났다.
알면 금방 할것을 모르는 사람에게는 너무나 고민되고 생각하는 문제일수 밖에 없다. 나역시 실수에 실수를 거듭해서 찾아낸 결과물이었다.

질문은 질답게시판을 이용해주세욘^^
head 파일과 foot 파일 만드는법을 자세히 알고 싶으신분은 아래주소 클릭!
http://backzzanggu.com/bbs/zboard.php?id=study_home&no=28 <==위에 목록에 있습니다.

profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/13884/f07/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '12'

profile
title: [ani]깜빡이는 표정빽짱구 (13885)

2004.07.06 14:52:12

작성자
추풍// 님의 이미지경로와 파일명등을 알아야 제가 해드려도 해드리는데... 제가 해드리는것보다도 직접 공부하시는게 도움이 될듯해요
profile
title: [ani]깜빡이는 표정빽짱구 (13886)

2004.08.03 02:36:46

작성자
어느 부분이 이해가 안가시나요?
profile
title: [ani]깜빡이는 표정빽짱구 (13887)

2004.08.26 14:55:35

작성자
이글 올린지도 꽤 지났네요.
추풍sky (13888)

2004.06.05 01:11:09

보아더..계속 실패해여...제 홈피 헤더랑 풋파일점 만들어주심 안됄까요..?
profile
title: [ani]깜빡이는 표정빽짱구 (13889)

2004.06.04 03:00:57

작성자
코맨트로 질문하시면 제가 보질 못합니다.. 그래서 질답게시판 공지에 글올렸는데... 지금 저도 이글을 지금 봤네요.. 해드와 풋파일을 만드셔야겠어요. 만드는 법은 윗글에 있습니다... 읽어보시고, 그래도 모르신다면 다시 질답게시판 이용해주세요.
추풍sky (13890)

2004.06.03 00:51:00

다른거까지는 다했는데..
제가 운영준인 홈피는 체육관입니다.
http://www.taekwonhome.com 이것입니다..
head 문제인것같지만 잘 하지 못 하겠습니다.
좀 도와주세여..
profile
title: [ani]깜빡이는 표정빽짱구 (13891)

2004.02.26 02:39:46

작성자
이미지가 왜찌그러져서 보이징 ㅡㅡㅋ
profile
title: [ani]깜빡이는 표정빽짱구 (13892)

2004.03.07 23:15:18

작성자
이미지가 깨져서 보이는데, 자세히 보고 싶은분은 해당 이미지를 클릭해주세요.
쿨사이다™ (13893)

2004.04.23 16:19:05

이 로그인 부분 찾다가 여기까지 왔는데 어제도 이렇게 3번해도 안되더라구요^^;;
다시한번 시도 해봐야겠네요
쿨사이다™ (13894)

2004.04.23 19:19:58

드디어 성공했네요^^
설명은 무지 쉽게 했지만 부족한것이 있습니다.
스킨올리고 로그인 페이지에 코드 넣는다 <<<<<<이렇게해야 초보들이 이해할수있을듯싶군요.. 전 스킨자체에 코드 집어넣고 하길 2일간 수십차례했었습니다..ㅠ.ㅠ 하여간 덕분에 설치 잘끝냈습니다..
profile
title: [ani]깜빡이는 표정빽짱구 (13895)

2004.04.24 02:56:47

작성자
쿨사이다님 어쨌든 성공하셨다니 축하드리고요.
님의 꼬릿말이 다른 사람들한테 도움이 분명 되리라 생각합니다.
좋은 꼬릿말 감사드립니다.
열혈개미 (208126)

2010.06.20 16:19:56

감사합니다.

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수
26 best of best html과 tag의 개념 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 23 2556
25 best of best 최근게시물 설치 [3] title: [ani]깜빡이는 표정빽짱구 2004-02-12 25 2477
24 저작권 안내 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-11 10 2471
23 윈도우 단축키 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-10 15 2638
22 로그인이 안될때~ [2] title: [ani]깜빡이는 표정빽짱구 2004-02-09 11 2776
21 best of best 홈페이지,제로보드 성공담 [12] title: [ani]깜빡이는 표정빽짱구 2004-02-09 27 4880
20 즐겨찾기 추가 버튼이나 텍스트 만들기. [3] title: [ani]깜빡이는 표정빽짱구 2004-02-08 11 3414
19 뒤,앞,새로고침,창닫기 [4] title: [ani]깜빡이는 표정빽짱구 2004-02-08 14 3525
18 자동으로 페이지 전환 [3] title: [ani]깜빡이는 표정빽짱구 2004-02-08 18 3340
17 메타태그란? [3] title: [ani]깜빡이는 표정빽짱구 2004-02-08 18 3322
16 리눅스 [Linux] [1] title: [ani]깜빡이는 표정빽짱구 2004-02-08 13 2341
15 http ? [1] title: [ani]깜빡이는 표정빽짱구 2004-02-08 18 2491
14 best of best Html 이란 무엇인가 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-08 23 2865
13 홈페이지란 무엇인가? [1] title: [ani]깜빡이는 표정빽짱구 2004-02-08 17 2606
12 폰트설치법 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 9 3305
11 데이터베이스 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 11 2474
10 상태표시줄 바꿔보자3 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 13 2628
9 best of best 아이프레임 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 24 3009
8 이쁜 올라오는 글자 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 11 2640
7 PHP만 지원되도 제로보드를 설치할수있다 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-07 13 2630