외부로그인 설치 처음하는데, 아무것도 모르겠어요.. 도와주세요 T
포토샾, 드림위버로만 디자인 하고 간단한 그누보드 게시판만 설치하다가,
처음으로 외부로그인 설치를 해야하는 상황이 왔습니다.
php 개념 등등... 잘 몰라서요... ( 아예 모른다고 해야겠죠;;;)
html 파일에서는 이렇게, php 파일 등등... 순서를 정해서.. 어떤식으로 해야 설치가 가능한지 말씀해주세요.
제가 작업한 싸이트는 포토샾에서 디자인 하고, 잘라서 드림위버에서 html 로 코딩했어요. 필요한 게시판, 포토갤러리는 설치했구요.
상단 윗부분에 로그인, 로그아웃 버튼 or 링크를 걸어서 설치하고 싶습니다.
index.html 소스 아래 적어봅니다.
어디를 어떻게 추가하고 넣어야할지,,,, php 파일은 어떻게 만들고, 설치해야하는지...
설명 부탁드릴께요..
정말 하루, 이틀 꼬박 글만 보구, 따라해봤는데, 아무 변화가 없어요;;;;
도와주세요. T T
-------------------------------------------------------------------
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
body {
background-color: #AABEDF;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style3 {font-size: 12px}
.style4 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/tob-menu(bk)_03.jpg','images/tob-menu(bk)_05.jpg','images/tob-menu(bk)_07.jpg','images/tob-menu(bk)_09.jpg','images/tob-menu(bk)_11.jpg','images/tob-menu(bk)_13.jpg','images/tob-menu(bk)_15.jpg','images/tob-menu(white)_03.jpg','images/tob-menu(white)_05.jpg','images/tob-menu(white)_07.jpg','images/tob-menu(white)_09.jpg','images/tob-menu(white)_11.jpg','images/tob-menu(white)_13.jpg','images/tob-menu(white)_15.jpg')">
<div align="center">
<!-- ImageReady Slices (index.psd) -->
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<a href="index.html"><img src="images/index_01.jpg" alt="" width="253" height="131" border="0"></a></td>
<td colspan="2">
<img src="images/index_02.jpg" width="771" height="131" alt=""></td>
</tr>
<tr>
<td colspan="4"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_2" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_3" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_4" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><img src="images/Top-menu_01.jpg" width="1024" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/Top-menu_02.jpg" width="88" height="35" alt=""></td>
<td><a href="About us.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/tob-menu(white)_03.jpg',1)"><img src="images/Top-menu_03.jpg" name="Image23" width="127" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_04.jpg" width="16" height="35" alt=""></td>
<td><a href="membershipcard.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/tob-menu(white)_05.jpg',1)"><img src="images/Top-menu_05.jpg" name="Image24" width="83" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_06.jpg" width="21" height="35" alt=""></td>
<td><a href="Comunication.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','images/tob-menu(white)_07.jpg',1)"><img src="images/Top-menu_07.jpg" name="Image25" width="103" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_08.jpg" width="17" height="35" alt=""></td>
<td><a href="Forum newsletter.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','images/tob-menu(white)_09.jpg',1)"><img src="images/Top-menu_09.jpg" name="Image26" width="124" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_10.jpg" width="17" height="35" alt=""></td>
<td><a href="Photogallery.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','images/tob-menu(white)_11.jpg',1)"><img src="images/Top-menu_11.jpg" name="Image27" width="95" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_12.jpg" width="20" height="35" alt=""></td>
<td><a href="system.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','images/tob-menu(white)_13.jpg',1)"><img src="images/Top-menu_13.jpg" name="Image29" width="88" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_14.jpg" width="29" height="35" alt=""></td>
<td><a href="contact-us.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','images/tob-menu(white)_15.jpg',1)"><img src="images/Top-menu_15.jpg" name="Image28" width="115" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_16.jpg" width="81" height="35" alt=""></td>
</tr>
<tr>
<td><img src="images/Top-menu_17.jpg" width="127" height="8" alt=""></td>
<td><img src="images/Top-menu_18.jpg" width="83" height="8" alt=""></td>
<td><img src="images/Top-menu_19.jpg" width="103" height="8" alt=""></td>
<td><img src="images/Top-menu_20.jpg" width="124" height="8" alt=""></td>
<td><img src="images/Top-menu_21.jpg" width="95" height="8" alt=""></td>
<td><img src="images/Top-menu_22.jpg" width="88" height="8" alt=""></td>
<td><img src="images/Top-menu_23.jpg" width="115" height="8" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
<tr>
<td colspan="4">
<img src="images/index_04.jpg" width="1024" height="10" alt=""></td>
</tr>
<tr>
<td width="81" rowspan="2">
<img src="images/index_05.jpg" width="81" height="578" alt=""></td>
<td colspan="2"><embed src="images/main flash.swf" width="543" height="343"></embed></td>
<td width="400" background="images/index_07.jpg"><table width="349" border="0" cellspacing="00" cellpadding="00">
<tr>
<th width="21" scope="col"> </th>
<th width="379" scope="col"><p align="left"> </p>
<p align="left"><span class="style2">안녕 하십니까?<br>
</span></p>
<p align="left" class="style3"><span class="style4">..<a href="About us.html">The More Click!</a></span><br>
</p></th>
</tr>
</table> <p><br>
<br>
<br>
</p> </td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_08.jpg" alt="" width="943" height="235" border="0" usemap="#Map"></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="81" height="1" alt=""></td>
<td width="172">
<img src="images/spacer.gif" width="172" height="1" alt=""></td>
<td width="371">
<img src="images/spacer.gif" width="371" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="400" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</div>
<map name="Map"><area shape="rect" coords="600,11,884,136" href="http://cafe.daum.net/forumnews" target="_blank">
<area shape="rect" coords="301,11,588,136" href="Photogallery.html">
<area shape="rect" coords="2,13,285,133" href="images/membership card.rtf" target="_blank">
</map></body>
</html>
----------------------------------------------------------------------------------------
싸이트 이미지도 첨부해 봅니다.
그럼 고수님! 답변 꼭 부탁드릴께요!!!!
처음으로 외부로그인 설치를 해야하는 상황이 왔습니다.
php 개념 등등... 잘 몰라서요... ( 아예 모른다고 해야겠죠;;;)
html 파일에서는 이렇게, php 파일 등등... 순서를 정해서.. 어떤식으로 해야 설치가 가능한지 말씀해주세요.
제가 작업한 싸이트는 포토샾에서 디자인 하고, 잘라서 드림위버에서 html 로 코딩했어요. 필요한 게시판, 포토갤러리는 설치했구요.
상단 윗부분에 로그인, 로그아웃 버튼 or 링크를 걸어서 설치하고 싶습니다.
index.html 소스 아래 적어봅니다.
어디를 어떻게 추가하고 넣어야할지,,,, php 파일은 어떻게 만들고, 설치해야하는지...
설명 부탁드릴께요..
정말 하루, 이틀 꼬박 글만 보구, 따라해봤는데, 아무 변화가 없어요;;;;
도와주세요. T T
-------------------------------------------------------------------
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<style type="text/css">
<!--
body {
background-color: #AABEDF;
}
.style2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style3 {font-size: 12px}
.style4 {font-family: Arial, Helvetica, sans-serif}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/tob-menu(bk)_03.jpg','images/tob-menu(bk)_05.jpg','images/tob-menu(bk)_07.jpg','images/tob-menu(bk)_09.jpg','images/tob-menu(bk)_11.jpg','images/tob-menu(bk)_13.jpg','images/tob-menu(bk)_15.jpg','images/tob-menu(white)_03.jpg','images/tob-menu(white)_05.jpg','images/tob-menu(white)_07.jpg','images/tob-menu(white)_09.jpg','images/tob-menu(white)_11.jpg','images/tob-menu(white)_13.jpg','images/tob-menu(white)_15.jpg')">
<div align="center">
<!-- ImageReady Slices (index.psd) -->
<table id="Table_01" width="1024" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<a href="index.html"><img src="images/index_01.jpg" alt="" width="253" height="131" border="0"></a></td>
<td colspan="2">
<img src="images/index_02.jpg" width="771" height="131" alt=""></td>
</tr>
<tr>
<td colspan="4"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_2" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_3" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><!-- ImageReady Slices (tob menu.psd) -->
<table id="Table_4" width="1024" height="49" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="15"><img src="images/Top-menu_01.jpg" width="1024" height="14" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/Top-menu_02.jpg" width="88" height="35" alt=""></td>
<td><a href="About us.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image23','','images/tob-menu(white)_03.jpg',1)"><img src="images/Top-menu_03.jpg" name="Image23" width="127" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_04.jpg" width="16" height="35" alt=""></td>
<td><a href="membershipcard.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image24','','images/tob-menu(white)_05.jpg',1)"><img src="images/Top-menu_05.jpg" name="Image24" width="83" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_06.jpg" width="21" height="35" alt=""></td>
<td><a href="Comunication.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image25','','images/tob-menu(white)_07.jpg',1)"><img src="images/Top-menu_07.jpg" name="Image25" width="103" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_08.jpg" width="17" height="35" alt=""></td>
<td><a href="Forum newsletter.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image26','','images/tob-menu(white)_09.jpg',1)"><img src="images/Top-menu_09.jpg" name="Image26" width="124" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_10.jpg" width="17" height="35" alt=""></td>
<td><a href="Photogallery.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image27','','images/tob-menu(white)_11.jpg',1)"><img src="images/Top-menu_11.jpg" name="Image27" width="95" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_12.jpg" width="20" height="35" alt=""></td>
<td><a href="system.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image29','','images/tob-menu(white)_13.jpg',1)"><img src="images/Top-menu_13.jpg" name="Image29" width="88" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_14.jpg" width="29" height="35" alt=""></td>
<td><a href="contact-us.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image28','','images/tob-menu(white)_15.jpg',1)"><img src="images/Top-menu_15.jpg" name="Image28" width="115" height="27" border="0"></a></td>
<td rowspan="2"><img src="images/Top-menu_16.jpg" width="81" height="35" alt=""></td>
</tr>
<tr>
<td><img src="images/Top-menu_17.jpg" width="127" height="8" alt=""></td>
<td><img src="images/Top-menu_18.jpg" width="83" height="8" alt=""></td>
<td><img src="images/Top-menu_19.jpg" width="103" height="8" alt=""></td>
<td><img src="images/Top-menu_20.jpg" width="124" height="8" alt=""></td>
<td><img src="images/Top-menu_21.jpg" width="95" height="8" alt=""></td>
<td><img src="images/Top-menu_22.jpg" width="88" height="8" alt=""></td>
<td><img src="images/Top-menu_23.jpg" width="115" height="8" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
</table>
<!-- End ImageReady Slices --></td>
</tr>
<tr>
<td colspan="4">
<img src="images/index_04.jpg" width="1024" height="10" alt=""></td>
</tr>
<tr>
<td width="81" rowspan="2">
<img src="images/index_05.jpg" width="81" height="578" alt=""></td>
<td colspan="2"><embed src="images/main flash.swf" width="543" height="343"></embed></td>
<td width="400" background="images/index_07.jpg"><table width="349" border="0" cellspacing="00" cellpadding="00">
<tr>
<th width="21" scope="col"> </th>
<th width="379" scope="col"><p align="left"> </p>
<p align="left"><span class="style2">안녕 하십니까?<br>
</span></p>
<p align="left" class="style3"><span class="style4">..<a href="About us.html">The More Click!</a></span><br>
</p></th>
</tr>
</table> <p><br>
<br>
<br>
</p> </td>
</tr>
<tr>
<td colspan="3">
<img src="images/index_08.jpg" alt="" width="943" height="235" border="0" usemap="#Map"></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="81" height="1" alt=""></td>
<td width="172">
<img src="images/spacer.gif" width="172" height="1" alt=""></td>
<td width="371">
<img src="images/spacer.gif" width="371" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="400" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</div>
<map name="Map"><area shape="rect" coords="600,11,884,136" href="http://cafe.daum.net/forumnews" target="_blank">
<area shape="rect" coords="301,11,588,136" href="Photogallery.html">
<area shape="rect" coords="2,13,285,133" href="images/membership card.rtf" target="_blank">
</map></body>
</html>
----------------------------------------------------------------------------------------
싸이트 이미지도 첨부해 봅니다.
그럼 고수님! 답변 꼭 부탁드릴께요!!!!
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 1개