정적 웹사이트 만들기

http://advocate-inference-71602.bitballoon.com/

위 주소는 이번에 만든 자기소개 정적 웹사이트 주소이다.

이번에 정적 웹사이트를 만들기 위해 아래 주소들을 이용했다.

https://www.codecademy.com/learn/make-a-website

http://www.w3schools.com/bootstrap/bootstrap_get_started.asp

http://1004lucifer.blogspot.kr/2014/04/css-div-width-height.html

http://aboooks.tistory.com/180

codecademy 에서는 일단 기본적인 스킬들과 함수를 익혔다.

bootstrap에서는 대부분 따오는 식의 방식을 사용했다.

스크롤을 따라서 내려오는 My career가 대표적인 예이다.

그 밖의 주소에서는 위 2개의 주소에서 알 수 없었거나 궁금했던 부분을 해소하는데 사용했다.

본래는 My career는 리모콘이 되어 오른쪽이 클릭에 따라 바뀌는 것을 원했지만 div안에 div를 넣었을 때 크기 조절 및 스크롤로 표현하는데 있어서 실패해서 이와 같이 마무리 되었다.

파일은 구글 드라이브에 올려두었다.

맨 마지막에 twitter, facebook, instagram 등 의 버튼은 codecademy에서 보고 따온 가짜이다. ㅎㅎ

아쉬운 점은 java script를 이용해서 나이는 매년 바뀌고 Language도 내가 이 블로그에 카테고리를 추가할 때마다 바뀌도록 하고 싶었는데 이 과제를 토요일 저녁에 알게되어서 급하게 하느라 많이 하지 못한 것이 아쉽다.

Advertisements

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중