17장 웹 사이트 제작 완성 한빛미디어(주).

Slides:



Advertisements
Similar presentations
시스템소프트웨어 김 영욱 양 오석. 목적  라즈베리파이에서 GPIO 를 이용하여 초음파 센서를 연결하고 거리를 측정해 일 정한 거리안에 사람이 들어오면 파이 카메라를 이용하여 사진을 찍고 데이터 베 이스에 올려 웹에서 사진을 보고 검색을.
Advertisements

HTML.  Hyper Text Markup Language  Hyper Text : Link  Markup :  전용 브라우저 (IE, Netscape, Opera..)  프로그램 + 실행 환경 ( 실행기 )
W3000 제 품 제 안 서.
홈페이지 제작 과정 강사: 정희영.
제 1장 자바스크립트란 ?.
Chapter05 HTML 홈페이지 만들기
10장 회원 가입과 로그인 한빛미디어(주).
09장 실습 웹 사이트 소개와 회원가입 페이지 제작.
2002/3/20 HTML 2002/3/20
Chapter14 위치 정보 & 모바일 HTML5 Programming.
웹 2.0 및 Ajax 개요.
HTML & CSS 겉핥기 2012 SUMMER SPARCS.
HTML과 CGI 프로그래밍 PHP 웹 프로그래밍 (PHP Web Programming) 문양세
예방접종 정보 SITE.
13장 공지사항 한빛미디어(주).
MySQL 연동 PHP 프로그래밍 기초 순천향대학교 정보기술공학부 이상정.
1 HTML5 개요.
7. JavaBeans 프로그래밍 JavaBeans JavaBeans 만들기 빈을 이용한 회원가입 양식 작성하기 빈 작성
11장 방명록 한빛미디어(주).
8장 쿠키와 세션.
Project No 김현수 최종 작성일 :
HTML &JAVASCRIPT.
9장. 요청 흐름제어와 모듈화 #1: <jsp:forward> 액션태그 사용
10장. 에러 처리 제10장.
01. Index StarPlayer API Guide 01. Index 02. 상수값 정의 03. API 정의
Web Server와 DB 연동.
HTML CSS 자바스크립트 무작정 따라하기
1장. JSP 및 Servlet을 활용한 동적 웹 프로그래밍 소개 제1장.
이 름: 정홍도 (과장) 팀 명: 개발사업팀 일 자:
14장 질의응답 한빛미디어(주).
JavaScript.
처음부터 다시 배우는 HTML5&CSS3 실전 웹 표준 사이트 제작까지
HTML5 웹 프로그래밍 입문(교수용) 2장.HTML5 문서의 기본.
학습목표 학습목차 Table 태그를 이용하여 표 만들기를 이해할 수 있습니다.
Youn-Hee Han HTML5 - GeoLocation Youn-Hee Han
홈페이지 만들기 HTML HyperText Markup Language 홈페이지를 만들 때 사용하는 언어
영단어 학습 사이트.
5. JSP의 내장객체1.
16장 설문조사 한빛미디어(주).
HTML5 웹 프로그래밍 입문 (개정판) 2장. HTML5 문서의 기본.
Cafe24 쇼핑몰 구축방법 전략연구소 교육팀 권계영 대리.
Web Socket.
프로그래밍 원리 Chapter 05 자바스크립트 기초 신한대학교 IT융합공학부 박 호 균.
HTML.
충북대학교 데이터베이스 & 정보시스템 연구실 정 태 성
Chapter11 웹 스토리지 & 웹 데이터베이스
문자 인코딩에 관하여 팀 E.E 강재문, 윤영호 백진후, 조남훈.
9장 웹 사이트 초기 화면 제작 한빛미디어(주).
HTML CSS 자바스크립트 무작정 따라하기
JSP Programming with a Workbook
15장 자료실 한빛미디어(주).
HTML CSS 자바스크립트 무작정 따라하기
제 14 장 커스텀 태그 학기 인터넷비즈니스과 강 환수 교수.
Data Base Web Programming
Chapter13 파일 접근 & 오프라인 접근 HTML5 Programming.
HTML, PHP, MySQL, Javascript
1장. HTML5 소개 To Flash 정보영재세미나 1 김태영교수님 홍창의.
08장 쿠키와 세션.
12장 자유게시판 한빛미디어(주).
문서작성에 사용되는 기본태그 MARQUEE, A.
ASP 수행 화면(1).
에어 반복문 (1).
LOGIN할 때 아이디, 비번 입력 여부 체크하기
세션 (Session) Yang-Sae Moon Department of Computer Science
Chapter03 HTML 포토앨범 만들기
문서 작성에 사용되는 기본태그 HR, PRE, B, I, U, S.
주요공지로 정할 글을 올립니다. 제목과 주소를 복사해둡니다
HTML HTML 기본 구조와 태그 다양한 태그 다루기
Data Base Web Programming
머니투데이 메인 UI수정 Moneytoday.co.kr - 작성자 : 한정환 - 작성일 :
Presentation transcript:

17장 웹 사이트 제작 완성 한빛미디어(주)

학습 목표 공지사항 게시판에서 최근 글을 추출하는 법을 익힌다 자유게시판에서 최근 글을 추출하는 법을 익힌다 설문조사를 메인화면에서 작동시키는 법을 익힌다

주요 학습 내용 01. 초기 메인 화면 수정 02. 프레임 틀 수정 03. 웹 사이트 완성

[그림 17-1] 완성된 하단 프레임(main.php) 화면 완성된 메인 하단 프레임 미리 보기 01 [그림 17-1] 완성된 하단 프레임(main.php) 화면

【예제 17-1】main.php 02 완성된 하단 프레임 1 : <? 2 : include "dbconn.php";  1 : <?  2 :    include "dbconn.php";  4 :    $sql = "select * from notice_board order by num desc limit 4";  5 :    $result_notice = mysql_query($sql, $connect);  6 :      7 :    $sql = "select * from freeboard order by num desc limit 4";  8 :    $result_freeboard = mysql_query($sql, $connect);  10 : ?>  11 : <html>  12 :  <head>  13 :   <title> :: PHP 프로그래밍 입문에 오신 것을 환영합니다~~ :: </title>  14 :   <link rel="stylesheet" href="style.css" type="text/css">  15 :  16 :  <script>

【예제 17-1】main.php 02 17 : function update() 18 : { 19 : var vote;  18 :     {  19 :         var vote;  20 :         var length = document.survey_form.singer.length;  21 :  22 :         for (var i=0; i<length; i++)  23 :       {   if (document.survey_form.singer[i].checked == true)  25 :         { vote= document.survey_form.singer[i].value;  27 :                break;  28 :           }  29 :       }  30 :  31 :        if (i == length)  32 :       {      alert("항목을 선택하세요!");  34 :           return;  35 :       }

【예제 17-1】main.php 02  37 :           window.open("survey/update.php?singer="+vote , "updatewin",  38 :               "left=200, top=200, width=180, height=250, status=no,                      scrollbars=no");  39 :     }  40 :  41 :    function result()  42 :     {  43 :           window.open("survey/result.php" , "updatewin",  44 :               "left=200, top=200, width=180, height=250, status=no,                       scrollbars=no");  45 :     }  46 :      </script>  47 :  </head>  49 : <body leftmargin="0" topmargin="0" marginwidth="0“ marginheight="0">

【예제 17-1】main.php 02 70 : <? // 공지사항 최근 글 출력  70 : <? // 공지사항 최근 글 출력  71 :    while ($row = mysql_fetch_array($result_notice))  72 :   {  74 :         echo "  75 :           <tr>  76 :             <td height='26' valign='center'>    77 :               <img src='img/point.gif' width='5' height='9' border='0'  78 :                         style='cursor:hand'>  79 :           <a href='notice/view.php?num=$row[num]'>$row[subject] </a></td>  80 :           </tr>  81 :           <tr>  82 :             <td bgcolor='#CAC9C9' height='1'></td>  83 :           </tr>  84 :           ";  85 :   }  86 : ?>

【예제 17-1】main.php 02 102 : <? // 자유게시판 최근 글 출력 102 : <? // 자유게시판 최근 글 출력  103 :    while ($row = mysql_fetch_array($result_freeboard))  104 :   {  106 :       echo "  107 :         <tr>  108 :           <td height='26' valign='center'>    109 :             <img src='img/point.gif' width='5' height='9' border='0'  110 :                         style='cursor:hand'>  111 :        <a href='freeboard/view.php?num=$row[num]'>$row[subject] </a></td>  112 :          </tr>  113 :          <tr>  114 :            <td bgcolor='#CAC9C9' height='1'></td>  115 :          </tr>  116 :           ";  117 :      }  118 : ?>

【예제 17-2】index.php 02 프레임 틀 수정 1 : <html> 2 : <head>  3 : <meta HTTP-EQUIV="Content-Type" CONTENT="text/html;       charset=ks_c_5601-1987">  4 :   <title>:: PHP 프로그래밍 입문에 오신 것을 환영합니다~~ ::</title>  5 :  </head>  6 :  7 :   <frameset framespacing="0" border="0" frameborder="0" rows="210,*">  8 :    <frame name="top" src="top.php" scrolling="auto" noresize>  9 :    <frame name="main" src="main.php" scrolling="auto" noresize>  10 :   </frameset>  11 :  12 : </html>

완성된 웹 사이트 02 [그림 17-2] 완성된 웹 사이트