making the web service
DESCRIPTION
Making The Web Service. 김희승 임승한. HTML, CSS, JavaScript. HTML 웹 페이지를 만들기 위한 언어 CSS 웹페이지를 디자인적으로 아름답게 꾸며주는 언어 JavaScript 단순한 문서 에서 복잡한 작업 을 수행할 수 있는 프로그램으로 끌어올려 주는 언어. HTML. Web Browser 에게 소스 전달 Web Browser 는 이 문법들을 해석 Web Page 를 만들어서 화면 출력. HTML. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/1.jpg)
Making The Web Ser-vice
김희승 임승한
![Page 2: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/2.jpg)
HTML, CSS, JavaScript
• HTML웹 페이지를 만들기 위한 언어
• CSS웹페이지를 디자인적으로 아름답게 꾸며주는 언어
• JavaScript단순한 문서에서 복잡한 작업을수행할 수 있는 프로그램으로 끌어올려 주는 언어
![Page 3: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/3.jpg)
HTML
Web Browser 에게 소스 전달Web Browser 는 이 문법들을 해석Web Page 를 만들어서 화면 출력
![Page 4: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/4.jpg)
HTML
• HTML : 마크업 (mark-up) 형식의 언어• 마크업 (mark-up) : 어떤 정보가 있을 때 그 정보의 성격 및 기능을 태그 형식으로 감싸는 것
![Page 5: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/5.jpg)
HTML
• 태그 (tag) : 고유의 의미와 고유의 기능을 갖고 있음• <> : 열리는 태그• </ > : 닫치는 태그
![Page 6: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/6.jpg)
HTML
• Link 만들기
![Page 7: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/7.jpg)
HTML
a tag : 링크
Contents Sec-tion
href : 링크가 어떤 문서를 가리키는지 명시( 어디론가 이동할 수 있도록 링크를 거는 역할 )
▣ 브라우저에게 소스 전달 -> 컴퓨터 해석 -> 링크 생성 ( 화면 표시 )
![Page 8: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/8.jpg)
HTML
• http://opentutorials.org/course/8 : 태그 사전의 목록 (HTML 웹페이지를 만드는데 동원되는 태그 )
• 다양한 태그를 통해서 복잡한 웹 페이지 구성 가능
![Page 9: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/9.jpg)
HTMLActual Practice
• Aptana : 만들고자 하는 프로그램이 어떻게 동작하게 할 것인지 코딩 (coding) 한 소스 ( 코드 ) 를 수정하는
편 집 기
![Page 10: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/10.jpg)
HTMLActual Practice
• New->File->File Name 입력 ->Finish
![Page 11: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/11.jpg)
HTMLActual Practice
![Page 12: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/12.jpg)
HTMLActual Practice
• 주소창 입력 : locallhost/opentutorials 이라는 폴더 밑에 smple.html 입력
![Page 13: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/13.jpg)
HTMLActual Practice
![Page 14: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/14.jpg)
HTMLActual Practice
<title>opentutorials.org</title>
![Page 15: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/15.jpg)
HTMLActual Practice
입력
![Page 16: Making The Web Service](https://reader036.vdocuments.pub/reader036/viewer/2022062422/568130b8550346895d96d8de/html5/thumbnails/16.jpg)
Question
: < >Hello world</ >