웹퍼블리싱 1주차 완료

웹퍼블리싱 정복 강의 1주차를 마쳤다. 이전에 웹개발강의 및 여러 강의를 들어서 그런지 내용은 쉽게 알아듣고 재밌게 배울수 있었다. 배운 내용은 html, css, js와 jquery, 애니메이션 및 미디어 속성에 대해서 배웠다. 다만 아예 아무것도 모르고 듣는 입문자에게는 어울리지는 않으며, 어느정도 html, css, js에 대해 아주 기초를 알고 들으면 적당히 재밌게 배울 수 있다고 생각한다. 1주차 숙제는 네이버 검색창의 속성을 그대로 개발자도구를 통해 소스코드를 가져와서 구현하는것이다. 

 

검색창 입력 텍스트 속성

#header .search_area .input_text {
    width: 444px;
    height: 24px;
    padding: 13px 15px;
    margin: 1px;
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 700;
    outline: 0;
}

 

네이버 이미지파일-

background-image: url(https://s.pstatic.net/static/www/img/uit/sp_main_947f65.png)

 

검색창 테두리, 버튼 색상

#header .search_area .green_window {
    position: relative;
    width: 582px;
    height: 52px;
    border: 2px solid #19ce60;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}