본문 바로가기

분류 전체보기

SK wyverns 홈페이지 리뉴얼 ※ SK wyvenrs 홈페이지 리뉴얼 ※ 리뉴얼 주소 : http://beehoyoung.dothome.co.kr/skwyverns/ ※ 원래 사이트 :http://www.skwyverns.com/Wyverns/main.asp 사용 스킬 DESIGN : PhotoshopCODING : HTML, HTML5, CSS, CSS3, JavaScript, JQuery ※ 제작 동기 SK와이번스의 팬으로 경기관련 이벤트나 공지사항은 어플을 통해서만 이용하다가우연히 홈페이지를 접속해보게되었습니다.현재 SK와이번스의 홈페이지는 한참전에 만들어 놓고 방치된 듯한 느낌을 받아서리뉴얼 해보기로 하였습니다. ※ 문제점 현재 SK와이번스의 홈페이지를 보면가로의 픽셀이 980px정도로 제작되어있어 요즘 많이사용하는 해상도 1..
모바일 반응형 MAC 홈페이지 ※ MAC 코리아 모바일버젼 리뉴얼 http://beehoyoung.dothome.co.kr/m_mac/ 사용 스킬 DESIGN : PhotoshopCODING : HTML5, CSS3, JavaScript, JQuery 타블렛버전과 모바일버전으로 제작하였습니다.가로사이즈 640px이상일 경우 타블렛버전으로.가로사이즈 639px 이하일 경우 모바일 버전으로 보여집니다. ※ 아이폰 버전으로 기능 설명 bxslider 플러그인을 이용해 메인 배너를 좌우로 움직일 수있게 제작하였습니다. tab기능을 넣어서 베스트셀러/ 저스트인/ 힛 아이템을 한 화면에서 볼 수있도록 제작하였습니다. 네이게이션은 왼쪽 상단에 있는 햄버거 아이콘을 누르면 왼쪽에서 오른쪽으로 슬라이드 되어나오며,탭 기능을 이용해서 큰 메뉴를 누르면..
시간기록장 네이버블로그 리뉴얼 ※ 개인 네이버 블로그 리뉴얼beehoyoung.blog.me ※ 제작 오랫동안 사용해 온 개인 블로그의 메인페이지에 변화를 주고싶어서 홈페이지형 블로그로 제작가로사이즈는 1920px로 네이버에서 지원하는 최대 사이즈로 설정하였고,가운데에 큰 이미지를 넣어 답답함을 없앰 포스팅의 첫 사진을 보여주는 썸네일에 제목이 크게 보일 수있도록 변경
MAC 홈페이지 리뉴얼 ※ MAC 코리아 홈페이지 리뉴얼 ※ 리뉴얼 주소 : http://beehoyoung.dothome.co.kr/mac_2 ※ 원래 사이트 : https://www.maccosmetics.co.kr/ 사용 스킬 DESIGN : PhotoshopCODING : HTML, HTML5, CSS, CSS3, JavaScript, JQuery ※ 제작 동기 MAC이라는 화장품 브랜드는 전 세계적으로 유명한 화장품 브랜드입니다. 우리나라에서는 모든 백화점의 1층에 자리잡고있는 외국 화장브랜드이며 특히 색조화장이 유명한 곳입니다.가격대가 있는 화장품 브랜드이지만처음 홈페이지를 들어갔을 때 어수선한 분위기에 배너와 제품 모든 것이 눈에 보이지않고전체적으로 정신없다는 느낌을 받았습니다. 그래서 깔끔하게 변경해보고싶어 리뉴..
한글과컴퓨터 메인페이지 연습 한글과 컴퓨터 메인페이지 연습 원래사이트 : https://www.hancom.com/main/main.do카피주소 : http://piaominzhou.dothome.co.kr/hancom/ 사용 스킬 CODING : HTML, CSS, CSS3 한글과컴퓨터 메인페이지 한글과컴퓨터 연습페이지
웹접근성연구소 메인페이지 연습 웹 접근성 연구소 메인페이지 연습 원래사이트 : https://www.wah.or.kr:444/index.asp카피주소 : http://piaominzhou.dothome.co.kr/web/ 사용 스킬 CODING : HTML, HTML5, CSS, CSS3 웹 접근성 연구소 메인페이지 웹 접근성 페이지 연습