현대자동차 상용 글로벌 대표 홍보사이트 구축(영문) 사전 협의 사항
환경협의
1. 웹서버 및 개발 언어 종류
아파치/JSP
2. 웹표준 준수 여부 (DTD 종류 등)
<!DOCTYPE html>
3. 웹사이트 인코딩 방식
utf-8
4. 크로스브라우징 정책
- PC
- IE9이상(Edge 제외), Chrome, (Mac)Safari, Firefox 최신
- Tablet
-
- 갤럭시 탭 S2 : 호환
- 갤럭시 탭 S3 : 최적
- iPad mini 2 : 호환
- iPad mini 3 ~ : 최적
- iPad(5세대) Pro 9.7 ~ : 최적
- Mobile
-
- 갤러시 S5 : 호환
- 갤럭시 S6 : 호환
- 갤럭시 S7 ~ : 최적
- 갤럭시 노트 4 : 호환
- 갤럭시 노트 5 : 호환
- 갤럭시 노트 7 ~. : 최적
- G4 : 호환
- G5 : 최적
- G6 : 최적iPhone 5 : 호환
- iPhone 6 ~ : 최적
5. OS적용 범위
- PC
- 윈도우(windows 7 이상)
- Mobile(Android)
-
- 4.3(젤리빈) : 호환
- 5.x(롤리팝) : 호환
- 마시멜로우(6.x), 누가(7.x) : 최적
- Mobile(iOS)
-
6. Breakpoint
- PC
- 1280px ~ Max 1920px
- Tablet
- 768px ~ 1279px
- Mobile
- ~ 767px
업무협의
1. 디렉토리구조
현대자동차 상용 글로벌 대표 홍보사이트 구축(영문)디렉토리 구조
1depth |
2depth |
3depth |
4depth |
설명 |
/css |
|
|
|
css폴더 |
/font |
|
|
웹폰트 |
base.css |
|
|
사이트 공통 css |
메뉴명(brand 등).css |
|
|
각 메뉴 css |
/images |
|
|
|
image 폴더 |
/common |
|
|
사이트 공통 이미지 |
/메뉴명(Brand 등) |
|
|
각 메뉴 별 이미지 파일 |
/thumb |
|
|
임시 이미지 파일 |
/js |
|
|
|
js 폴더 |
/메뉴명(brand 등) |
|
|
|
각 메뉴 별 html파일 |
2. UI개발 진행표 협의 (각 페이지의 네이밍 정책 등)
- url : http://hcg.vinylc.com/
- SVN url : https://boss2.vi-nyl.com/svn/hcg/
- html파일 네이밍 정책 : 화면명세서 화면ID 번호.html(예: GR1.1.html)
3. UI개발 산출물 파일 전달방식 협의
개발팀 전용 SVN계정이 존재하며, 해당 계정으로 개발파트에서 수급합니다.
4. Include 방식 협의 (header/footer/기타)
기본 header/footer은 include로 적용합니다.
5. 주석가이드
기본은 yymmdd_로 하고, 각 상황(수정/삭제 등)에 따라 코멘트만 변경합니다.
- 수정 시작 주석 : <!-- yymmdd_수정_xx -->
- 수정 끝 주석 : <!-- //yymmdd_수정_xx -->
6. 이미지 관련
공통사항
- 파일명은 기본 SEO기준에 맞게 작성하되, 작은 해상도에 적용되는 이미지는 이미지 파일명 끝에 -m을 적용하여 구분한다.
- 이미지 기본 파일명은 디자인 파일 기준으로 기획에서 이미지 파일명 정리된 문서를 통해서 전달 후 퍼블리싱 작업 시 적용한다.
- 작은 해상도에 적용되어야 할 이미지는 디자인 파트에서 판단하여 2개의 이미지로 갈 경우 디자인 파트에서 전달합니다.
- 2개의 이미지가 적용되어야 할 경우 아래의 형태로 html소스에 적용하며, ui_responsive_image클래스는 js전용 클래스이므로 디자인 관련된 css작성 시 사용하지 않습니다
<img src="기본-이미지-파일명.png" data-src-mobile="모바일-이미지-파일명-m.png" data-src-pc="기본-이미지-파일명.png" class="ui_responsive_image" alt="">
기타사항
-