Ch01. 반응형 웹 기본 개념 이해하기

Ch01. 반응형 웹 기본 개념 이해하기

반응형 웹사이트 모음 : https://mediaqueri.es/ , https://www.bostonglobe.com/

반응형 웹으로 만들면 좋은 점 : 유지보수 간단, 모바일 점유율 증가, 마케팅 유리, 검색엔진최적화(SEO,Search Engine Optimize)

호스팅 서버 : 인터넷 속 저장 공간 (www.dothome.co.kr) 인터넷을 통해 이 호스팅 공간과 내 컴퓨터가 연결됨

FTP 프로그램 : 호스팅 서버나 웹 서버에 파일을 자유자재로 올기기 위해 이용 (fileZilla,Client 다운)

• 반응형 웹 제작에 필요한 네가지 기본 개념
  • 가변 그리드 : 픽셀(px)대신 퍼센트(%)로 제작하는 기술
  • px→%로 바꾼다해서 반응형 웹 되는게 아님! 가변이긴한데 구조를 바꾸지는 못해서..
  • 미디어 쿼리와 뷰포트
  • 뷰포트 : 화면 제어 기술, 기기의 화면을 통해 보이는 영역 "화면의 보이는 영역을 제어하는 기술로, 미디어 쿼리로 수없이 많은 화면의 크기를 감지해야 할 때 꼭 필요"
  • 미디어 쿼리 : 화면의 크기와 환경 감지 및 웹사이트를 변경하는 기술 "너는 어떤 종류의 미디어니? 미디어의 화면 크기는 어느 정도되니?라고 질문하 고 감지하여 웹사이트를 변경하는 기술"
  • 플렉서블 박스 : 웹사이트의 구조 설계를 위한 기술

 

•