Download
1 / 48
480 likes | 641 Views
ASP 프로그래밍. 제 2 장 HTML 관련 사이트 : 기초부터 활용까지 ASP 프로그래밍 , 글로벌출판사. ASP 란. 아주 쉬운 프로그램 Active server Program 두 시스템이 정보를 교환하는 인터페이스 클라이언트가 서버에 정보를 넘긴다 서버에서 처리한다 클라이언트가 서버로부터 정보를 받는다 보다 고급의 홈페이지 제작 가능. ASP 개요. Client W/Browser. 인터넷. Server. HTML 문서. ASP Program. Database.
E N D
ASP 프로그래밍 제2장 HTML 관련 사이트 : 기초부터 활용까지 ASP프로그래밍, 글로벌출판사
ASP 란 • 아주 쉬운 프로그램Active server Program • 두 시스템이 정보를 교환하는 인터페이스 • 클라이언트가 서버에 정보를 넘긴다 • 서버에서 처리한다 • 클라이언트가 서버로부터 정보를 받는다 • 보다 고급의 홈페이지 제작 가능
ASP 개요 Client W/Browser 인터넷 Server HTML 문서 ASP Program Database
ASP 이용사례 • 자료를 입력하는 페이지 • 게시판 • 카운터 • 설문조사 • 웹기반 업무처리 시스템
Server Windows NT/2000 Windows 98 w/PWS ASP Visual Basic Script HTML Server Unix Linux CGI C/C++ PERL TCL Bourne Shell C Shell Requirements
Form 용도 • Guestbook • Order Forms • Surveys • 기타 정보 피드백을 필요로 하는 것
11.1 폼 지정 <FORM> <INPUT> : <INPUT> </FORM>
폼 태그 • 사용자가 입력한 내용을 어떻게 서버로 넘겨줄 것인가를 결정 • 양식 선언 • 주요 속성 • ACTION : 호출할 프로그램 경로 • METHOD : 데이터를 넘겨주는 방식 • get과 post • ENCRTYPE : 보내질 데이터 타입
예 • ASP경우 <FORM METHOD=GET ACTION=SAMPLE.ASP> • CGI경우 <FORM METHOD=GET ACTION=SAMPLE.CGI>
GET : 환경변수(QUERRY STRING)를 통해 전달 • 정보는 환경변수의 크기에 따라 결정 • POST : 표준입출력을 통해 전달 • 전달할 수 있는 정보의 크기 제한 없다 • Stdin을 통해 입력
11.2 입력 항목 작성 태그(<input>) • 텍스트 입력 양식 • 주요 속성 • TYPE : TEXT, PASSWORD, CHECKBOX, HIDDEN, IMAGE, RADIO, SUBMIT, RESET • NAME • VALUE • ALIGN • SIZE • MAXLENGTH
텍스트박스 INPUT TYPE=TEXT • <INPUT TYPE=TEXT NAME=“ADDRESS”VALUE=“경기도 화성군 정남면”> • DEFAULT SIZE=20 • <INPUT TYPE=TEXT NAME=“ADDRESS”VALUE=“경기도 화성군 정남면”SIZE=10> • <INPUT TYPE=TEXT NAME=“ADDRESS” SIZE=30 MAXLENGTH=20>
비밀번호 INPUT TYPE=PASSWORD • <INPUT TYPE=PASSWORD NAME=“PWD”> • 입력내용 대신 *** 표시
라디오 버튼 INPUT TYPE=RADIO • <INPUT TYPE=RADIO NAME=“변수명” ~~~~> ☞ 이름이 같다 • 예 ….에 알맞은 것은 무엇인가 ?<INPUT TYPE=RADIO NAME=“q01” VALUE=“1” 1. 태극기<BR><INPUT TYPE=RADIO NAME=“q01” VALUE=“2” 2. 무궁화<BR> • 태극기를 선택했다면 q01=1 이 RETURN됨 • 초기값 <INPUT TYPE=RADIO NAME=“q01” VALUE=“3” CHECKED>
체크 박스 • INPUT TYPE=CHECKBOX ☞ 이름이 다르다 • 예 어떤 과목을 가장 좋아하십니까 ? <INPUT TYPE=CHECKBOX NAME=“국어”VALUE=“YES”>국어<BR> <INPUT TYPE=CHECKBOX NAME=“수학”VALUE=“YES”>수학<BR> • 국어를 선택했다면 국어=YES가 RETURN
스크롤 글상자 • 기본 구조 <TEXTAREA NAME=“변수명”> </TEXTAREA> • 예 <TEXTAREA NAME=“COMMENT”> </TEXTAREA> <TEXTAREA NAME=“COMMENTS” ROWS=6 COLS=50>
펼침 목록 • 사용자가 목록 중 선택하도록 하는 것 • 기본 구조 <SELECT NAME=”변수명”> <OPTION VALUE=“RETURN값”>문자열 : </SELECT>
예 <SELECT NAME=“BEST FRIEND”> <OPTION NAME=“김희선”>김희선 <OPTION NAME=“김혜수”>김혜수 <OPTION NAME=“장동건”>장동건 </SELECT> • DEFAULT OPTION <select NAME=“BEST FRIEND” SIZE=4> <OPTION NAME=“임승린”SELECTED>임승린
전송과 지우기 버튼 • <INPUT TYPE=SUBMIT><INPUT TYPE=RESET> • <INPUT TYPE=IMAGE SRC=“submit.gif”> • Type=image는 submit만 가능 • <INPUT TYPE=SUBMIT VALUE=“전송”><INPUT TYPE=RESET VALUE=“지우기”>
C Program 예 #include <stdio.h> #include “typedef.h” main () { int count; entry entries[5]; printf(“Content-type : text/html\n\n”); post_method(entries, &count); printf(“<html><body>”); : : printf(“</body></html>”); }
Visual Basic Program 예 Sub CGI_Main() Dim Pizza as string Pizza = GetSmallField(“pizza”) send(“Content-type : text/html”) send(“”) send(“<html><body>”) send(“</body></html>”) End Sub
ASP 예 <% 비쥬얼베이직 스크립트 %> HTML문서
생성된 HTML문서 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <title>Untitled</title> <meta name="generator" content="Namo WebEditor v3.0"> </head> <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"> <form name="가상대학" method="get" action="출석관리.asp"> <p> </p> <p><input type="text" name="gkrqjs" maxlength="9" size="9"></p></form> </body> </html>
실습해 봅시다 Internet.ssc.ac.kr/sscminishop 위 사이트를 참조하여 쇼핑몰 운영에 필요한 양식을 작성
