강의 목표

  • 웹 디자이너 양성 과정 - 웹 퍼블리싱을 이해하고 html과 css를 이용한 웹페이지를 구성할 수 있다.
  • 디자이너 : HTML, CSS특성을 이해하고 이에 맞는 디자인을 구성할 수 있다.
  • 기획자 : 웹 접근성, 웹 표준, 마크업의 개념을 알고, 이에 맞는 웹사이트를 기획할수 있다.
  • 퍼블리셔 : 웹 표준에 맞는 크로스브라우징이 가능한 html문서를 작성할 수 있다.

활용

  • 인터넷 공간에 나의 집을 마련하고 꾸밀 수 있다. (인터넷 쇼핑몰, 홈페이지, 온라인 이력서)등
  • 상황에 따른 능동적인 직업전환 기회, 취업 가능성의 확대

과제 제출시 주의사항

  • 제출 시간은 모두 카페에 올라와 있는 게시물의 날짜와 시간에 의존합니다. 게시글을 수정하여 제출 날짜가 갱신되면 ‘지연제출’ 처리될 수 있습니다.
  • 과제를 수정할 경우 ‘000 수정하였습니다’ 라는 내용과 함께 기존 과제 제출게시물에 댓글로 달아야 불이익이 없습니다.

실습

Chrome 설치하기

  • https://www.google.co.kr/chrome/
  • Chrome 다운로드 클릭합니다.
  • 동의 및 설치 클릭합니다.
  • 다운로드 된 ChromeSetup.exe파일을 실행합니다.

visual studio code 설치하기

  • https://code.visualstudio.com/
  • 윈도우의 경우는 download for windows 클릭하여 다운로드 합니다.
  • 맥의 경우는 download for mac 클릭하여 다운로드 합니다.
  • 다운로드가 완료되면 세부내용은 변경없이 계속 다음 버튼을 눌러 설치하면 됩니다.

github 가입 vscode연결

첫 HTML 페이지 만들기

  • visual studio code를 실행합니다.
  • 새 폴더를 만듭니다. (되도록이면 ‘년도_과목이름’ 처럼 한눈에 알 수 있는 폴더명이 좋겠지요)
  • 새파일을 만듭니다.
  • 다른이름으로 저장하기 할때 파일명을 index.html로 저장합니다.
  • 내용을 적습니다.
<html>
    <head>
        <title>000의 홈페이지</title>
    </head>
    <body>
        안녕하세요 000의 홈페이지 입니다.
    </body>
</html>