HTML & CSS 기초

2021-2. 웹디자인및기획

프로젝트 소개

• 고양이와 강아지를 위한 사이트로, 반려견과 반려묘의 건강 상식, 심리, 교육방법 등 유익한 정보를 다룹니다.
  
  
  • 사이트맵
    
    

프로젝트 기능

• 마우스 호버 시 서브 메뉴가 펼쳐지도록 구현
• 이미지가 자동으로 슬라이드되는 기능 구현
• 창 크기가 줄어들면 우측에 메뉴가 나타나는 반응형 레이아웃 적용
• 메뉴 클릭 시 해당 콘텐츠로 화면 전환되는 네비게이션 기능 구현
• 클릭 시 상세 내용이 펼쳐지는 아코디언 인터페이스 구현
• 마우스 호버 시 추가 내용이 표시되는 인터랙션 효과 적용
  
  

프로젝트 목적

• HTML, CSS, JavaScript를 학습한 후 이를 실제 프로젝트에 적용하여 실전 경험을 쌓고자 하였습니다.
• 웹사이트 개발에 필요한 기본적인 기능 구현과 전반적인 개발 흐름을 이해하는 것을 목표로 하였습니다.
  
  

프로젝트 회고

• 웹 개발에 대한 기초적인 지식만으로 프로젝트를 진행하다 보니, 구글링에 의존하는 빈도가 많아졌고 결과물의 완성도에 아쉬움이 남았습니다.
• 하지만 이번 프로젝트를 통해 구글링을 통한 문제 해결 능력이 향상되었고, 학습한 내용을 직접 구현하면서 웹 개발 과정에 대한 이해를 넓히는 의미 있는 경험이 되었습니다.
• 향후에는 JavaScript와 같은 동적 기능에 대한 심화 학습을 통해, 보다 완성도 높은 웹사이트를 개발하고자 합니다.