본문 바로가기

웹퍼블리셔 💻/퍼블리싱 필수4

웹퍼블리셔란? 웹디자이너가 디자인한 시안을 웹 문서화 언어인 HTML과 웹 페이지를 시각화하는 CSS를 사용 원칙에 맞추어 제작 웹표준(국제표준화단체인 W3C가 지정한 표준안에 따라 목적과 방법에 맞게 웹페이지를 만드는 것) 웹접근성(장애를 가진 사람뿐만 아니라 장애를 가지지 않은 사람 모두가 정보와 기능에 동등하게 접근할 수 있도록 웹사이트를 제작하는 것) 크로스브라우징(Cross Browsing:어떤 웹브라우저를 써도 화면이 똑같이 나오고, 브라우저에 따라 입력과 사용에 문제가 생기지 않음), 시멘틱마크업(브라우저가 잘 이해할 수 있는 코드를 사용해 의미를 잘 전달하도록 웹문서를 작성하는 것) Javascript, jQuery등을 사용하여 동적인 사이트를 구현, 작업결과물을 웹프로그래머, 웹기획자 등에게 전달 운영.. 2022. 11. 23.
네이밍 컨벤션 분류별 Prefix 부가설명분류prefix부가설명 타이틀 tit 일반적인 타이틀 영역 section 제목 태그(Heading Tag)를 지닌 영역 구분 (선택적 사용, 중첩사용 지양) wrap 일반 영역의 묶음 (선택적 사용, 중첩사용 지양) inner 부모 wrapper 가 존재하며 자식 묶음이 단독으로 필요한 경우 내비게이션 gnb 서비스 전체 내비게이션 lnb 지역 내비게이션(gnb 영역) snb 사이드 내비게이션(좌측메뉴) 탭 tab 테이블 tbl 목록 list 일반 목록(ul, ol, 리스트 형식의 dl) 폼 tf textfield (input 타입 text / textarea) inp input 타입 radio, checkbox, file 등 opt selectbox lab label fld .. 2022. 10. 27.
퍼블리싱_기본공식 필수숙지! - width는 밖에서 높이는 안에서 (li는 밖에서 width , 높이는 a 에서) - 부모를 이동, 안에서 좌우간격 (ul 부모를 잡고 li 는 안에서 좌우간격 및 내용채우기) - 메인섹션 main_사용, 안에선 사용하지않음 - 메인섹션은 100%로 두고 .inner에서 가로잡고 margin:0 auto; (inner는 가운데 크기잡고 정렬하기 위해서) - 특별한 경우가 아니면 높이지정 금지(알아서 내용만큼 잘늘어나므로) (헤더 제외 높이 잡기 금지) - 안쪽에 높이 있을경우 밖에선 빼줌 - 토글은 이동은 - 이동은 : 다른페이지로 이동, 한페이지에서 위아래이동, 포커스 이동 모두 - 좌우 레이아웃은 float, sns아이콘 좌우는 인라인블럭(내용이 버튼밖에 없을경우) - 페이지네이션등 가변요소일 경.. 2022. 10. 12.
[퍼블리싱 코딩 컨벤션] - 형태 의미 순서 상태 (네이버 컨벤션기초) [퍼블리싱 코딩 컨벤션] - 폴더,파일은 스네이크 문법 (언더바 _ 사용) ex. /product_images sns_login.js, main_products.html - id, 클래스는 스네이크 ex. #header, #header_wrap - html기본구조 id를 쓰는이유 : 스킵네비게이션 접근성 때문 (tap키로 id 영역으로 enter 사용시 바로 넘어간다.) [공통클래스 코딩 컨벤션] 클래스 명명방식 형태 의미 순서 상태, _(언더바)로 구분, 숫자는 두자리 언더바없이 연결 형태가 중요한 경우 버튼(btn_), 테이블(tbl_), 탭메뉴(tab_), 게시판(board_) 순서가 중요한 경우 위치는 뒤에 .header_top, .header_mid, .header_bottom, .service.. 2022. 10. 12.

티스토리툴바