content
Introduction
Since its establishment in 1997, this month’s Science and Technology Award has been awarded for discovering and contributing scientists who have helped Korea’s technological development. Because they don’t have an official homepage, I was asked to make the homepage in 2017. ‘이 달의 과학기술인 상’은 1997년 제정된 이래 대한민국 기술발전에 공헌한 과학자들을 발굴하고 포상해왔습니다. 그동안 과학기술인 상의 공식 홈페이지가 없었기 때문에 2017년에 홈페이지를 오픈하게 되었습니다.
-
Work period
작업기간
May.2017
-
Contribution
참여도
HTML+CSS 100%, jQuery 90%, Javascript(Front) 60%
-
Program for use
사용프로그램
Bracket, Browser(ie7~11, Chrome, Firefox, Safari) Kwah4.0, CCA, Juicy Studio Accessibilty, Jquery, Javascript, Photoshop, Illustrator
-
Tag
키워드
CSS, HTML, jQuery, Javascript
Point
- One Page Scroll원페이지 스크롤
- 프로모션 사이트의 성격이 강하기 때문에 메인화면을 크게 4가지 섹션으로 나누어 마우스 스크롤로 페이지를 전환할 수 있게 제작되었습니다. The Award homepage is a promotion style site. So I divided the main page into 4 sections and each section filled a full screen. Those sections can be controlled by mouse scrolling. So when you scroll the page, you can move the pages.
- Animation Effect애니메이션
- 마우스의 움직이나 클릭에 따라 적절한 효과를 넣어 사용자의 시선 흐름이 자연스럽게 유도될 수 있도록 하였습니다. According to the mouse moves and clicks, the homepage has appropriate animation effects to guide the flow of the user's eyes naturally.
- Mobile Site모바일 전용 페이지
- PC사이트에 있는 콘텐츠 내용은 동일하지만, 모바일 사용자의 이용 편의성을 위하여 완전히 다른 레이아웃을 채택하였습니다. 버튼 조작의 용의성을 위하여 버튼의 크기와 위치, 조작 방법 등이 다르며, 모바일에 필요하지 않은 스크립트들을 모두 지워 간결한 코드로 구성하였습니다. Although the mobile homepage has the same contents as the PC homepage, the mobile homepage has adopted a completely different layout for the convenience of mobile users. For example, the size, location, and method of operation of a button are different for the convenience of operation. All scripts not needed for mobile are erased so the homepage is configured in a concise code.
Links
2019년 2월 이후 실제 사이트는 포트폴리오와 다를 수 있음을 알려드립니다. 이 사이트는 모바일 전용페이지가 제공됩니다. 모바일 기기로 PC사이트를 보시는 경우 최적화가 완벽히 되어 있지 않음을 유의해주세요. Please note that after February 2019, the actual site may be different from the portfolio. Use the mobile site for your mobile device to get the maximum benefits.
-
Site Map
*
is recommended
표시는 추천페이지
-
PCPC
-
MobileMobile
