기본 사항
다음은 기본 HTML, css, js 소스 또는 프로젝트 폴더를 정리한 예시 파일입니다.파일 다운
한국에서 많이 사용되는 웹 폰트 NotoSansCJKkrNotoSansKr
1.작업 참고사항
- 기존 css/js/html을 사용
- 새로운 작업 할 때마다 주석 처리 해 주기
2. 기본 세팅
| 문서 및 버전 | HTML5, CSS3 |
| 인코딩 | UTF-8 |
| 웹 유형 | 반응형 웹 |
| PC 웹 호환성 | Edge, Chrome, Firefox, Safari |
| Mobile 웹 호환성 | Safari, Chrome, Samsung |
| 해상도 정책 | PC UI : 1024 ~ MO UI : ~ 1023 각 디바이스별 구간에서 반응형 처리 |
3. 파일/폴더 규칙
| 분류 폴더 | 서브 폴더01 | 서브 폴더02 | 파일 |
|---|---|---|---|
| assets | css | libs | 여러 library들이 있으며 library별 폴더 생성 |
| sub.css common.css fonts.css main.css media.css reset.css | |||
| js | libs | 여러 script library들이 있으며 script별 폴더 생성 | |
| common.js contents.js init.js | |||
| img | icon | 아이콘만 저장 | |
| sub | 서브페이지 이미지만 저장 | ||
| main | 메인페이지 들어갈 이미지만 저장 | ||
| fonts | 폰트별 폴더 생성 | 웹폰트 | |
| pages | sub | 서브페이지 많으면 메뉴별 폴더 생성 | 서브페이지명으로 html 파일 생선 ---------------------------- 파일 및 폴더 네이밍
|
| main.html |