웹 페이지 제작 준비하기

웹 페이지를 만들기 전에

UI
- 사용자가 특정 콘텐츠를 이용할 때 만나는 접점, 즉 사용자 환경을 의미
- 사람들이 특정 콘텐츠를 이용할 때 만나게 되는 도구와 사용 환경
  
  컴퓨터 바탕화면의 아이콘과 툴바, 모바일 화면의 앱 아이콘 등
  웹페이지의 UI : 웹 페이지 상단의 로고와 메뉴, 그리고 배너와 이미지 섬네일 등
UX
- 사람들이 특정 콘텐츠를 사용할 때 UI에서 느낄 수 있는 사용자 경험을 의미
- 편의성, 사용성을 고려한 디자인
인터랙티브 UI/UX
- 사용자와 상호 작용하는 여러 모션과 동적인 콘텐츠를 사용하는 환경
  
  모바일 환경에서 화면을 좌우로 밀면 콘텐츠 화면이 슬라이드되면서 바뀌는 것
  웹 페이지에서 특정 버튼을 클릭하면 모션이 나타나 방문자의 시선을 끄는 환경

HTML : 웹 페이지의 뼈대와 문서의 정보를 구현
CSS : 웹 페이지를 보기 좋게 디자인
자바스크립트 : 웹 페이지를 방문한 사용자가 편하게 이용할 수 있도록 웹에 다양한 기능 부여
- HTML과 CSS를 사용하여 만든 콘텐츠를 움직이게 하거나 사용자 동작에 자동으로 반응하게 하고, 서버와 통신하여 사용자의 데이터를 주고받을 수 있도록 함

1-html