2016년 7월 18일 월요일

01day HTML & CSS

서버

  • apache + php
  • apache tomcat + jsp  //tomcat은 JDK깔려있다는 전제하에 작동함

클라이언트

  • browser

요청

  • URL

응답

  • HTML



html 공부하기 좋은 싸이트
www.w3schools.com

CSS 싸이트
http://csszengarden.com/

웹프로그램:
디자이너
조각코드 => program
html/css를 잘 알아야지 디자인을 제대로 구현할 수 있음

웹브라우저에서 css제거



1. 아파치 톰캣 세팅
이클립스에서 아파치 톰캣 지원버전 확인
아파치 톰캣 실행폴더위치에서 catalina.bat run 명령
에러나면서 JAVA위치를 물어봄
시스템에서 JAVA_HOME 설정
다시 톰캣을 실행시키면 정상적으로 서버가 열림
로그를 읽어드림
웹브라우저에서 http://localhost:8080/
톰캣 공개폴더 위치
C:\java\apache-tomcat-8.0.36\webapps\ROOT
 test로 HTML 문서만들기
웹에서 확인하기 http://localhost:8080/test.html
http://192.168.0.93:8080/test.html (다른사람 아이피를 치면 다른사람 서버에 접속가능함)
<!doctype html>
<html>
    <head>
        <meta charset = "utf - 8" />
    </head>
    <body>
        Hello HTML 192.168.0.93<br>
    </body>
</html>

2. HTML Forms
고객으로부터 입력을 받아드림

3. HTML 안의 CSS
<!doctype html>
<html>
<head>
    <meta charset = "utf - 8" />
    <style type="text/css">
        body {background: grey}
    </style>
</head>
<body>
    Hello HTML 192.168.0.93<br>
</body>
</html>


4. 모든 HTML 문서에 동일한 CSS적용을 위해 따로 빼둠
/*CSS 파일 만듦 */
body {background: gray}

<!--HTML 파일 -->
<!doctype html>
<html>
<head>
    <meta charset = "utf - 8" />
    <link rel="stylesheet" type="text/css" href="test.css" />
</head>
<body>
    Hello HTML 192.168.0.93<br>
</body>
</html>



댓글 없음:

댓글 쓰기