스타일 시트 실전 3일

3일차엔 스타일시트 코딩을 할 수 있도록 세팅을 해보겠습니다.

1. 다음과 같은 경로에 파일을 만듭니다.

파일설명 :
LowFare.xslt : 스타일 시트로 코딩할 파일
LowFareSearchRsp.xml : uAPI 로 받은 결과 xml
프론트엔드_여행사화면.html : OTA 여행사 화면 html + css

2. LowFareSearchRsp.xml 내용 상단에 다음 내용을 추가 합니다.
xml 에 연결될 xslt 파일연결 링크경로 입니다.

저장할때 다음과 같은 메시지가 나와도 넘어갑니다.

여기 까지 작성파일  다운로드 : lowfare_01

3. LowFare.xslt 내용을 다음과 같이 넣고 LowFareSearchRsp.xml 을 worldspan 스타일시트 테스터에서 오류 없이 나오는지 확인 합니다.

worldspan 스타일시트 테스터 다운받기

4. LowFare.xslt 에  프론트엔드_여행사화면.html 파일 내용을 stylesheet 형식으로 구현한다.
xml 문법에 맞지 않으면 오류가 나오기 때문에 나중에 프로그램에서 호출될때 중복 태그가 될  html,  body 태그는 사용하지 않는다.

5.  worldspan 스타일시트 테스터에서 xml 파일을 열어,  잘 나오는지 확인한다.

여기까지 작성한 파일 다운로드 : lowfare_02

3일 차가 끝이 났다. 4일차 부턴 xslt 로 xml 값을 호출해 보자.

실전 4일차로 가기