HTML, CSS 및 JavaScript를 사용해 여러 웹 페이지를 만들어보았다.
상품 소개 페이지. CSS를 기초적으로 사용하기 위한 페이지로 생성하였다. 기본적인 글과 이미지, 테이블에 사용되는 스타일을 css 파일로 생성하여 각각에 대한 스타일을 적용하였다.
애완동물 신문사 페이지. CSS를 활용하여 각 버튼을 클릭하였을 때, 마우스를 올렸을 때에 변하도록 파일을 작성하였다. 또한 간단한 javascript 이용을 통해, 사진에 마우스를 올렸을 때 사진이 바뀌고, 마우스를 치우면 원래 사진으로 돌아오게 하는 등의 기능도 추가로 구현하였다.
상거래 사이트. 물품을 클릭하면 해당 물품에 대한 정보로 바뀌도록 하는 사이트를 javascript를 통해 구현하였다. 상세 정보 보기와 닫기를 통해 해당 제품에 대한 상세정보를 확인할 수 있게 하도록 구현하였고, 해당 사진에 마우스를 올리면 애니메이션이 수행되며 사진에 변형을 주도록 CSS파일을 추가로 작성하였다.