3. 화면 구현

① 데이터 수집 목록

② 프로토타입 메인화면

③-1 메인페이지 HTML코딩 화면

③-2 공통 CSS코딩 화면

③-3 메인페이지 CSS코딩 화면

④ 회원가입 페이지 화면

⑤-1 로그인 페이지 화면

⑤-2 javascript 또는 css 소스 화면

 

 

구현할 화면 요소들의 특성을 문서화 

벤치사이트 프로토타입 

main 페이지 html작성

main css 구현

회원가입 화면 구현

로그인 화면 구현

메인베너 슬라이딩 js코드

$(document).ready(function(){

    function ani() {

        $(".ban").not(":animated").animate({"margin-left":"-1280px"},500, function(){

            $(".ban li").eq(0).appendTo(".ban");

            $(".ban").css("margin-left","0");

        });

    }

    var intv = setInterval(function(){ ani(); }, 4000);

});