| 파일명 | 파일설명 | 비고 |
|---|---|---|
| index.html | 메인 홈페이지 (vegas 플러그인) 사용 페이지 | - |
| index2.html | 나의 홈페이지 화면 (이미지맵 적용) | intro.jpg |
| main.html | 나의 홈페이지 메인 화면 | 로고, 사진 적용 |
| resume.html | 나의 이력서 | - |
| story.html | 나의 이야기(삼행시, 숫자 키워드, 취미, 롤모델) | - |
| buckit.html | 버킷리스트 | - |
| album.html | 나의 앨범 | - |
| example.html | 실습 파일 모음 페이지 | - |
| map.html | map 페이지 | - |
| form.html | 사용자 입력 양식 폼 태그 연습 파일 | - |
| css.html | CSS 적용 방법 세 가지 정리 문서 | - |
| text.html | text 관련 태그 정리 파일 | - |
| my_story.html | 나의 이야기 | - |
| virtual-selector.html | 가상선택자 사이트 | - |
| combi.html | 연결선택자 사이트 | - |
| attribute-selector.html | 속성선택자 예제 | - |
| box-model-ex.html | 박스 모델 예제 | - |
| favorite-site.html | 내가 자주 이용하는 사이트 | - |
| position.html | position 기능 모음 사이트 | - |
| album2.html | 나의 아름다운 추억 | - |
| tubular.html | 좋아하는 영상 | - |
| non-viewport.html | non viewport 확인 사이트 | - |
| viewport.html | viewport 확인 사이트 | - |
| mq.html | MediaQuery 사이트 | - |
| mediaquery.html | 배경 이미지를 활용한 미디어쿼리 이해 | - |
| mq-ex.html | Viewport에 따른 콘텐츠의 변화 | - |
| Responsive Header.html | 반응형 헤더 페이지 | - |
| 파일명 | 파일설명 | 비고 |
|---|---|---|
| style.css | 웹 폰트 적용을 위한 css 파일 | - |
| album.css | 앨범, 버킷리스트 메뉴 css 파일 | - |
| jinyeong city.ico | 파비콘 적용을 위한 아이콘 파일 | favicon 폴더에 이미지 있음 |
| album.css | 앨범, 버킷리스트 메뉴 css 파일 | - |
| my_story.css | 나의 이야기 css 파일 | - |
| box-model-ex.css | 박스모델 예제 css 파일 | - |
| tubular.css | tubular css 파일 | - |
| mediaquery.css | mediaquery css 파일 | - |
| mq-ex.css | mq-ex css 파일 | - |
| style2.css | 반응형 헤더에 사용한 css 파일 | - |
| main.js | 반응형 헤더에 사용한 js 파일 | - |
| 파일명 | 파일설명 | 비고 |
|---|---|---|
| intro.jpg | 메인 화면 페이지(이미지맵) | image 폴더에 있음 |
| img1.png | 홈페이지 스탠딩 이미지(메인에서의 좌측 화면) | |
| img2.png | 페이지별 우측 하단 background 이미지 | |
| img3.png | 메인 페이지에서 사용한 캐스퍼 이미지 | |
| img4.png | 메인 페이지에서 사용한 사촌동생 이미지 | |
| jinyeong city.png | 메인 페이지에서 사용한 로고 이미지 | |
| song.jpg | 좋아하는 노래에 삽입된 이미지 | |
| map.jpg | map 페이지에 사용한 로고 우측 하단 이미지 | |
| ai1.jpg | mediaquery.html 에 사용한 이미지 | |
| ai-2.png | ||
| ai-3.png | ||
| ai-4.jpg | ||
| ai-5.png | ||
| 1.jpg | 메인 페이지에 사용한 이미지(vegas) | images 폴더에 있음 |
| 2.jpg | ||
| 3.jpg | ||
| 4.jpg |
| 파일명 | 파일설명 | 비고 |
|---|---|---|
| story1.jpg | My stroy 페이지에 삽입된 삼행시 이미지 | image 폴더에 있음 |
| story2.jpg | My stroy 페이지에 삽입된 숫자 키워드 이미지 | |
| story3.jpg | My stroy 페이지에 삽입된 취미 이미지 | |
| story4.jpg | My stroy 페이지에 삽입된 존경하는 인물 이미지 |
| 파일명 | 파일설명 | 비고 |
|---|---|---|
| img1.jpg | 버킷리스트의 1번 항목 이미지 | buckit.img 폴더에 있음 |
| img2.jpg | 버킷리스트의 2번 항목 이미지 | |
| img3.jpg | 버킷리스트의 3번 항목 이미지 | |
| img4.jpg | 버킷리스트의 4번 항목 이미지 | |
| img5.jpg | 버킷리스트의 5번 항목 이미지 | |
| img6.jpg | 버킷리스트의 6번 항목 이미지 | |
| img7.jpg | 버킷리스트의 7번 항목 이미지 | |
| img8.jpg | 버킷리스트의 8번 항목 이미지 | |
| img9.jpg | 버킷리스트의 9번 항목 이미지 | |
| img10.jpg | 버킷리스트의 10번 항목 이미지 |
| 파일명 | 파일설명 | 비고 |
|---|---|---|
| img1.jpg | 갤러리 페이지 첫 번째 이미지 | photo.img 폴더에 있음 |
| img2.jpg | 갤러리 페이지 두 번째 이미지 | |
| img3.jpg | 갤러리 페이지 세 번째 이미지 | |
| img4.jpg | 갤러리 페이지 네 번째 이미지 | |
| img5.jpg | 갤러리 페이지 다섯 번째 이미지 | |
| img6.jpg | 갤러리 페이지 여섯 번째 이미지 | |
| img7.jpg | 갤러리 페이지 일곱 번째 이미지 | |
| img8.jpg | 갤러리 페이지 여덟 번째 이미지 | |
| img9.jpg | 갤러리 페이지 아홉 번째 이미지 | |
| img10.jpg | 갤러리 페이지 열 번째 이미지 | |
| img11.jpg | 갤러리 페이지 열한 번째 이미지 | |
| img12.jpg | 갤러리 페이지 열두 번째 이미지 | |
| img13.jpg | 갤러리 페이지 열세 번째 이미지 | |
| img14.jpg | 갤러리 페이지 열네 번째 이미지 | |
| img15.jpg | 갤러리 페이지 열다섯 번째 이미지 | |
| img16.jpg | 갤러리 페이지 열여섯 번째 이미지 | |
| img17.jpg | 갤러리 페이지 열일곱 번째 이미지 | |
| img18.jpg | 갤러리 페이지 열여덟 번째 이미지 |
