HTML, CSS 기초와 반응형 웹 디자인
5점 (1개)
  • 강사 장희성
  • 수강기간 구매일로부터 60일
  • 학습시간 6:04:08(24강)
  • 강좌 HTML, CSS 기초와 반응형 웹 디자인

259,920 원67% 87,000

강좌소개

 

HTML
[ Hypertext Markup Language ]

웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류입니다. 하이퍼텍스트를 작성하기 위해 개발되었습니다.
인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 웹 언어의 한 종류입니다. 
특히 하이퍼텍스트를 작성하기 위해 개발되었으며, 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성됩니다.

HTML(Hyper Text Markup Language)은 가장 단순한 형태의 웹 언어입니다. 웹 서버에 HTML 문서를 저장하고 있다가 클라이언트가 
특정 HTML 페이지를 요청하면 해당 HTML 문서를 클라이언트로 전송합니다. 그러면 클라이언트는 이 웹 페이지를 해석하여 
웹 브라우저에 표현해 주는데 이런 웹 페이지를 정적인(Static) 웹 페이지라고 합니다.

HTML 5
웹 문서를 제작하는 데 쓰이는 기본 프로그래밍 언어 HTML(hypertext markup language)의 최신규격으로, 
웹페이지를 구성하는 데 있어 지배적인 역할을 하는 마크업 언어(markup language)입니다. 
별도 설치 없이 웹브라우저 상에서 다양한 멀티미디어 콘텐츠와 앱 등을 바로 제공할 수 있습니다.

CSS
[ cascading style sheets ]
웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트입니다. 문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 
줄어들게 하였습니다. 기존의 HTML은 웹 문서를 다양하게 설계하고 수시로 변경하는데 많은 제약이 따르는데, 이를 보완하기 위해 
만들어진 것이 스타일 시트이고 스타일 시트의 표준안이 바로 CSS입니다. 간단히 스타일 시트라고도 합니다.

웹 서비스에 이용되는 스크립트에는 자바 스크립트(JavaScript)나 비주얼 베이직 스크립트(Visual Basic Script) 등이 있습니다. 
이들은 서버가 아닌 클라이언트 측의 웹 브라우저에 의해 해석되고 적용되는데, 이를 CSS(Client Side Script)라 합니다.

강의개요
웹의 해상도, 레이아웃 등이 기기의 스크린 환경에 따라 반응하여 유동적으로 변환되는 웹페이지를 의미합니다.

 
강의내용
HTML, CSS란 웹페이지를 제작하기 위한 기술이며 반응형 웹 디자인은 사용자의 디바이스 크기에 UI가 방응하는 기술입니다.
이기술을 사용하면 모바일 사이트와 PC사이트를 단 한번의 퍼블리싱으로 만들 수 있는 기술입니다.
디스플레이에 맞춰 사이즈가 조정되는 반응형 웹디자인을 배워보는 강의입니다.
기존의 웹페이지와는 달리 사용자의 디스플레이 종류를 자동으로 파악하고 그 크기에 맞는 화면으로 최적화해 보여 주는 
웹페이지를 말합니다.
 
강의구성
1.풀다운 메뉴를 만들면서 기초를 다지는 내용
2.반응형 그리드를 만들어 보는 내용
철저하게 예제중심강의입니다.
강의목록
  • 1강 HTML과 CSS의 관계 15분 17초
  • 2강 HTML / CSS 기초와 display 속성 22분 20초
  • 3강 HTML / CSS 기초와 display 속성 2 11분 11초
  • 4강 HTML / CSS 기초와 display 속성 3 13분 31초
  • 5강 HTML / CSS 기초와 display 속성 4 09분 49초
  • 6강 HTML / CSS 기초와 display 속성 5 10분 05초
  • 7강 HTML / CSS 기초와 display 속성 6 11분 27초
  • 8강 간단한 풀다운 메뉴와 position 1 12분 25초
  • 9강 간단한 풀다운 메뉴와 position 2 11분 52초
  • 10강 간단한 풀다운 메뉴와 position 3 22분 18초
  • 11강 간단한 풀다운 메뉴와 position 4 19분 34초
  • 12강 float과 부작용 해결 1 14분 35초
  • 13강 float과 부작용 해결 2 17분 13초
  • 14강 float과 부작용 해결 3 13분 42초
  • 15강 float과 부작용 해결 4 16분 02초
  • 16강 float을 적용한 풀다운 메뉴 1 16분 06초
  • 17강 float을 적용한 풀다운 메뉴 2 12분 55초
  • 18강 반응형 그리드 1 18분 25초
  • 19강 반응형 그리드 2 12분 13초
  • 20강 반응형 그리드 3 19분 09초
  • 21강 반응형 그리드 4 20분 00초
  • 22강 반응형 그리드 프레임워크 만들기 1 15분 52초
  • 23강 반응형 그리드 프레임워크 만들기 2 15분 52초
  • 24강 반응형 그리드 프레임워크 만들기 3 12분 15초
수강후기
5점 (1개)
  • 꿈** 2022-02-13 18:34
    강의 잘 듣고 있습니다.
    지금 강의를 진행중에 있습니다.
    질문이 있습니다.
    편집기 사용에서 CSS 속성이 강사님에게는 나타나는데
    저에게는 나타나지 않습니다.
    이것은 유료와 무료의 차이 인가요
    그리고 질문을 할 수 있는 방법은 없나요