웹사이트 따라만들기 코딩일지#4 - 컨텐츠영역1

우선 첫번째 영역에 대해서 따라 만들어 보았다!

 

완성된 모습은

 

사실 이부분에 대해서 코드를 작성하는건 크게 어렵다고 느낀 부분은 없었다.

어차피 상세페이지는 제외하고 메인페이지에 대해서만 따라만들 계획이여서 따로 더 진행할 부분은 없었다.

 

다만, 뉴스센터에서 보이는 자바스크립트 부분이 좀 어려운것같다. 

 

그래서 다음에는 자바스크립트 부분을 조금 더 공부해서 완성해볼 생각이다.

1. 일정시간이 지나면 다음으로 넘어가도록 설정

2. 클릭했을때 다음으로 넘어가도록 설정

 

 

이때, CSS코드를 작성하다보면서 느낀부분이 역시나 오타였다...ㅠㅠㅠ

오타는 눈에 잘 보이지도않아서 뭐가 잘못됬는지 한참 찾아본적도 있었다. 복사해서 붙여넣는 습관을 들이자!

 

원래는 디자인 작업물을 가지고 코딩을 해야하지만 

나는 혼자 연습을 하는관계로! 내 눈에 보기에 부자연스럽지 않다면 그대로 진행을 하였다.

 

이후 자바스크립트에 대한 내용들을 공부해서 짜보도록 하자.