Scribd Logo
Upload

Welcome to Scribd!

  • 제1장 기초사항 (학생용)

    Uploaded by

    unur uuganbayar
    4 views15 pages

    Original Title

    제1장 기초사항(학생용)

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views15 pages

    제1장 기초사항 (학생용)

    Uploaded by

    unur uuganbayar

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 15

    CHAPTER 1.

    기초 사항
    WWW
    · WWW(World Wide Web): 세계를 뒤덮는 거미줄

    · 초기 인터넷
    · 텔넷 , FTP, 전자 메일, 유즈넷 등의 문자 위주 서비스

    · WWW
    · 인터넷을 사용하기 쉽도록 하이퍼 텍스트와 그림을 통하여 모든
    서비스를 이용할 수 있도록 만든 것
    WWW 의 동작원리
    클라이언트와 서버
    · 2 가지의 기본 프로토콜

    · 특정한 파일을 요청하는 HTTP Request

    · 찾은 파일을 돌려주는 HTTP Response


    HTML
    · HTML(Hyper Text Markup Language)
    · 웹 페이지를 기술하기 위한 마크업 (markup) 언어

    · 마크업 언어
    · 텍스트에 태그를 붙여서 텍스트가 문서의 어디에 해당하는지를
    기술한 것
    웹브라우저
    · HTML 문서를 해석하여 눈에 보이는 웹 페이지를 만든다 .
    HTML5+CSS3+Javascript
    · 웹 페이지의 내용은 HTML5 로 작성
    · 웹 페이지의 스타일은 CSS3 로 지정
    · 웹 페이지의 상호작용은 자바스크립트로 작성
    HTML 편집기
    · 메모장
    · VS 2012 express for web
    · 마이크로소프트 비주얼 스튜디오 코드
    비주얼 스튜디오 코드를 이용한 HTML 작성

    1. 실습용 개인 파일 저장할 폴더 생성 ( 예 , c:/ 웹프실습 )


    2. 비주얼 스튜디오 코드를 실행
    3. 파일 – 새파일 실행
    4. 파일형식 창에서 intro.html 입력후 엔터
    5. 개인파일 저장할 폴더 선택 후 파일생성클릭
    HTML 작성시 참고사항
    · 아래 예제 코드 작성

    · < 태그 자동 생성 : Tab 키 이용 >


    · < 화면 확대 > : ctrl + =
    · < 화면 축소 > : ctrl + -
    실행
    3. HTML 파일을 저장한 후 아래 삼각형 아이콘 클릭
    4. 실행 및 디버그 클릭
    실행시 유의
    아래 화면의 경우 전에 수행한 html 파일의 웹 브라우져가 켜져 있을
    경우 나오는 화면으로 전에 실행한 파일의 브라우져를 끄기 바람 .
    HTML 맛보기
    <html>
    <head>
    <title>Web Programming</title>
    </head>
    <body>
    <h1>Welcome to the Web Programming!
    최은복 홈페이지 </h1>
    <img src="coffee1.gif">
    <p>
    언제든지 오셔서 질문이 있으시면 올려주세요 !
    <em> 여러분을 환영합니다 </em>.
    </p>
    <h2> 내용 </h2>
    <p>
    HTML5, CSS, Javascript, jQuery, SQL, JSP, ...
    </p>
    </body>
    </html>

    Coffee1.gif 파일이 *.html 과


    동일 폴더에 존재해야함
    파일 탐색기 확장자 보이기
    · 보기 – 옵션 – 폴더 및 검색옵션 – 보기 – 알려진 확작명 숨기기
    해제 – 모든 폴더에 적용
    Q &A

    You might also like