((A+)) HTML, CSS 로 '예쁘게' 만든 자기소개 홈페이지

소개글

- 디자인적 요소도 중요하게 고려해서 만든 홈페이지입니다.
- 마우스오버, 달력 등의 기능도 틈틈이 넣어서 기능적으로도 부족한 점 없을 뿐만 아니라 깔끔하고 예뻐요
- 구글폰트 사용해서 모든 페이지가 나눔고딕으로 설정되어 있습니다.
- 폴더 계층 4개 이상으로 나뉘어서 정리 및 상대경로 설정되어 있습니다.

< 페이지구성 >
- 메인페이지(커버페이지)
- 자기소개
- 나의 앨범
- 취미생활
- 스케쥴(달력)
- 강의 시간표

*BGM 파일 저작권문제상 삭제했는데 meterials - bgm 폴더에 bgm.mp3 으로 mp3 파일 넣어주시면 정상실행돼요.

컴파일 실행환경

chrome, notepad, explorer

압축파일 내 파일목록

.git/COMMIT_EDITMSG
.git/config
.git/FETCH_HEAD
.git/HEAD
.git/index
.git/logs/HEAD
.git/logs/refs/heads/master
.git/logs/refs/remotes/origin/master
.git/objects/00/4ae1c99e2ee2ee98e3a2e828177a0a50b3062b
.git/objects/02/5fc4490d57d5b40dca3159a532f2b1bd594199
.git/objects/03/33573b9d067317d9c17c718477aa54416ba3f8
.git/objects/04/b0b940a07d50376a6b0e5d1247434ad85d8be8
.git/objects/08/b7e416c8e83f5844969f05805cc50f05616493
.git/objects/09/b7085614d49aff50b0fe2c6d33163e20139a4a
.git/objects/0b/4a6b8a025b8f900b4b3d66700c1fcbcd79bf26
.git/objects/10/10fc2c5df3c0bf2932a53fb507590564f56b5a
.git/objects/11/497aa091d66469cb396b84c8d2533c4082e681
.git/objects/1b/c50a12327b39a052fc975d0e7da3a426f688a5
.git/objects/1d/afa8a183c118303995c81db9f2ceb51c24d40a
.git/objects/21/91556c729ee9402a1da8bdd0ada935c214c335
.git/objects/24/24e43a9ffa4296ba4084e6fb27ffab0c4e6109
.git/objects/28/25e5cbe04cf77b096608017bc6b9d5d57dc2ee
.git/objects/29/764d80f23fd72d4c13cb3118667bdf085b4fab
.git/objects/2a/c676c7fb5d73735158efd17f46563dad16381b
.git/objects/2c/71ff8bdef126c0b5dbd40b1f6c63950d73e7fb
.git/objects/30/af252129f9bf6e3fc9cace00ad18ee7f6c4cb6
.git/objects/30/e9eace0a0baee3ef090209557c19d99664c91d
.git/objects/31/92b6f357b93c8f2e16b98370e8f9954e0b2c01
.git/objects/32/f43cf4e3a92767f2ead7c223c7a49e42e14303
.git/objects/37/8c1de8c02311c819c2c398c146faba043de4c0
.git/objects/39/d970837ac22e4e21b19a94437304bed836cc24
.git/objects/3f/e5c99eb016eef96dc04b0af9383260d624f216
.git/objects/44/6a7546c9b753f9dbca352585aeb8eca80afd93
.git/objects/44/8c7cd6321207b0c6ad34dcc1d88052af4a73e2
.git/objects/45/54681e1e78d8b20eeed8e8e053a4b8955466ef
.git/objects/45/cca6c417ecca82bb94768b0794569c6229f1c7
.git/objects/49/5ee150f5205225502f853f285c2481f93f4ae5
.git/objects/49/ae7532828de2a2c86ae3da78a6f718b98500d1
.git/objects/4f/8ecdbc74118f77977ed33a43e6757cb24e2b71
.git/objects/52/6a79baa5282d3a0752f53e6a6aeb42578cea10
.git/objects/54/49dc9970974ae47320480e5c59406ce3c5cfe1
.git/objects/58/5a0024003a4db1ec01f258d3db0a96f812e369
.git/objects/58/9ca11c32c1cd343534831384cda8ff68844078
.git/objects/5c/02d6a170205765d95351eccf9f28ff9e70d6ca
.git/objects/5e/e00f3e849d9c509ec56cc6295c22b41ce9339e
.git/objects/66/e5bd3643657c659985a70b4b998bb4712acec9
.git/objects/67/4a44c92bc90c08c5b458beb87a3e96f113e7af
.git/objects/6d/a008f4ae88a4c1e172988954949bc12a81d2ee
.git/objects/6e/f93155ea26a58840fb79ac03de72d448be0984
.git/objects/70/deb37790b42121953ac5166dd60c534fd3440a
.git/objects/71/706f3d57dae8e06bfc448aa318b4658fbd9faf
.git/objects/73/800d280861cfca94e8a8bcae782a56f421792c
.git/objects/76/bff7cab532a74bbeca7febda7dc375b4dbaf10
.git/objects/77/23e098d3cd320bfd81ffae9c5c64a3489217a2
.git/objects/78/ee949b0ebcc0714ce0b1d1ec0c121f26567807
.git/objects/7a/37e506dc1abf24bbfe1acf7a8be86edcfbf216
.git/objects/7b/69c9b1f9dd8622bc25634fffb781dd500b2ccb
.git/objects/7b/896bc73fa1f12cb6436dde3af92176e9c8a9d4
.git/objects/7d/a2ef61efee04e6e4eb4bca83a8513ffb96b0c5
.git/objects/81/7e7b0b8d1ccbbbbf45c7dd08bba4e0b64afc3d
.git/objects/82/78f5eac4106946c85496c4e17bc74e2c5fd6d4
.git/objects/88/662528c8800d8b5ebd34cca2f79b98cdc9c3a1
.git/objects/8d/187ce8c89ce1c540c235373202e09a7669a24a
.git/objects/91/78c8cbda4ad750baeded4e4409a0205dd2e4b7
.git/objects/96/d3e881cea2dca5585fadc7abbdfbf086b99213
.git/objects/9d/d3913bc3e2b8cba2ebdd101052438520db91de
.git/objects/9e/4f71b5da4adce972e2c07e129a2b2b10b88302
.git/objects/9e/729c26947ef4f6af8e09f8408b1284337db3e5
.git/objects/9e/b58f55c52801dcd24b9cc1ebd1315a1bbfbc68
.git/objects/9f/71130e8f2892fdab5e6d03a2ccaa4f133af992
.git/objects/9f/a0595984561b84c3d2e156a403ab4a724d9de4
.git/objects/a4/62436819560399d9c2bbded6bdf92b6d913ffa
.git/objects/a5/3583f98c5f4667428ee11b968b4b9e7afecfb0
.git/objects/ab/5ea3ff7b0b36f8e89692f48e8d97a2a69ce1fe
.git/objects/ad/1c7dc5a537a50e545e9d6fbca7f0a249579e85
.git/objects/ae/bde329e66b957c46032e4ca155bc89e2779b02
.git/objects/af/b397cb4191054a4b93e23d8f84248bc469a7a9
.git/objects/b3/68d896f89bacb225e50ecaa285d0b9f1330d84
.git/objects/b4/1c991c5302bfddac933850feb01695b2c8f881
.git/objects/b5/abc460a3152a72e96be7f12555fe26819ab166
.git/objects/b9/646acd2c0ea857daa6c338a8d887118c3c9bcc
.git/objects/ba/d0c48a2b9fd0fd398ffc6a3044ff7d0bc12018
.git/objects/bd/54cf2bcb713a59f7afc582d5a6c6f5d96b1a37
.git/objects/be/69180831bc36265282940d82843ba621670ee0
.git/objects/bf/01769a45208331373348ff8e03fc617de08d43
.git/objects/bf/d6aa0bbffd679c0be41195dc00344e735b4fb2
.git/objects/c0/bd81be8624627985294088513d0d6613366443
.git/objects/c2/ab00c99551a9a610f639ea51738100b57a168a
.git/objects/c6/9077b5065f474988ea44f43129d75fac36dd3f
.git/objects/c7/0b978e0702f2ab92fd5d116200a9e26c8f6769
.git/objects/c8/5e482d5ede176b83ca7483f2d6ea11ea08e657
.git/objects/c8/9b0f58795a1442f80bc2852bd3aabee78ab151
.git/objects/c8/9b4350d580e3d8f6e92f4a25c460a46987da8d
.git/objects/c9/ac496834f6435cbcf64b50b2273fce9d17f1b4
.git/objects/cd/815a4205803959966cf3d6e04909ad7d45367b
.git/objects/cf/35d370e1641dfa50683dc4b91856415274a185
.git/objects/d1/96e3fd5bba45eaf1cf800bc8d970f9b3a34ee4
.git/objects/d4/863362c90e397a072981b0093432be107ee7cf
.git/objects/d5/ba9e352084644d7a0ab8ea1796e6becb66a3c1
.git/objects/d8/e725bc1854e3905521a1332733a8e92e59222d
.git/objects/dd/da6e70823f10f20b3c8ef14eecb75324a89aab
.git/objects/de/a025794483910642afd01d0d22005437b7894d
.git/objects/df/c1125407054892c689bcaf8b8603339f55adff
.git/objects/e1/a83d297de2d5040c76e3644aa092e3b53b5491
.git/objects/e3/4863008d5ac67b8c7c88ddc867e9d7f0091008
.git/objects/e4/927079b7ec37570a17d39648a91200c6c8cc31
.git/objects/e5/ca1923bb8bf2317c95ab3a08589734efd46363
.git/objects/e7/18649f1f9fc8ea8cae165b297e9a0f5a074a5f
.git/objects/e7/3bd2a3bc57f5aa0e78ebd2517640c0cbcb968b
.git/objects/ea/b7ac8b88727dd08c45d1b82bd56f8331742f78
.git/objects/ec/0f4ab2d7ab41c42559dd94d6ef80154d83d44e
.git/objects/ec/7836f917492ad56429d042c137e649a887ab71
.git/objects/ef/37c711312f9fd50a685ae722a2f7260569dba1
.git/objects/f4/08d8e5280a3ac018d5e0d8573a7a36cf780a9a
.git/objects/f5/351e5230bb560e562d7113cc2a6e0303c725aa
.git/objects/f6/84d2ff680581ea5661bc0c76deaa7f354caa74
.git/objects/f7/2e10a46ae52803ad11b0768b7b2630c6ae068a
.git/objects/f8/42a9f093a53bc5a459a3e7d05cb2a240d36bc6
.git/objects/fb/095a113bf50e61331cbbaf57aebe46f782e236
.git/objects/fe/63eb463a6028ce37b24d7b62ade1dcd624ecf5
.git/objects/fe/f3fb37943861a91ec13fdb6759f4aa7b83ebb4
.git/objects/ff/50de4320db64abc2c238f2b72b86d1f94f7bf5
.git/refs/heads/master
.git/refs/remotes/origin/master
.git/sourcetreeconfig
index.html
login/login.html
login/newmember.html
main.html
mainbox.css
menu.html
meterials/headimage/album.jpg
meterials/headimage/baking.jpg
meterials/headimage/calendar.jpg
meterials/headimage/hobby.jpg
meterials/headimage/introduce.jpg
meterials/headimage/timetable.jpg
meterials/images/album.png
meterials/images/album_on.png
meterials/images/BGpattern.jpg
meterials/images/calendar.png
meterials/images/calendar_on.png
meterials/images/denim.JPG
meterials/images/denim_title.png
meterials/images/hobby.png
meterials/images/hobby_on.png
meterials/images/introduce.png
meterials/images/introduce_on.png
meterials/images/login.jpg
meterials/images/login.png
meterials/images/mainimage.png
meterials/images/menu.psd
meterials/images/newmember.png
meterials/images/play.png
meterials/images/timetable.png
meterials/images/timetable_on.png
meterials/images/welcome.png
meterials/images/제목 없음-1.psd
meterials/linkpage/album_link.html
meterials/linkpage/calendar_link.html
meterials/linkpage/hobby_link.html
meterials/linkpage/introduce_link.html
meterials/linkpage/timetable_link.html
meterials/logo/latherlogo.png
meterials/logo/simplelogo.gif
subpage/album/album.html
subpage/album/images/dog1.jpg
subpage/album/images/dog10.jpg
subpage/album/images/dog11.jpg
subpage/album/images/dog12.jpg
subpage/album/images/dog2.jpg
subpage/album/images/dog3.jpeg
subpage/album/images/dog4.jpeg
subpage/album/images/dog5.jpeg
subpage/album/images/dog6.jpg
subpage/album/images/dog7.jpg
subpage/album/images/dog8.jpg
subpage/album/images/dog9.jpg
subpage/album/images/dog_icon.png
subpage/album/images/drowing1.jpg
subpage/album/images/drowing2.jpg
subpage/album/images/drowing3.jpg
subpage/album/images/drowing4.jpg
subpage/album/images/drowing5.jpg
subpage/album/images/drowing6.jpg
subpage/album/images/drowing_icon.png
subpage/album/images/other1.jpg
subpage/album/images/other2.jpg
subpage/album/images/other3.jpg
subpage/album/images/other_icon.png
subpage/hobby/hobby.html
subpage/hobby/images/cooking1.jpg
subpage/hobby/images/cooking2.jpg
subpage/hobby/images/cooking3.jpg
subpage/hobby/images/cooking4.jpg
subpage/hobby/images/cooking5.jpg
subpage/hobby/images/fork.png
subpage/introduce/images/introduce_mainimage.jpg
subpage/introduce/images/photo.jpg
subpage/introduce/introduce.html
subpage/schedule/calendar/calendar.html
subpage/schedule/calendar/calendar_icon.png
subpage/schedule/calendar/css/calendar_style.css
subpage/schedule/calendar/js/calendar_script.js
subpage/schedule/calendar/js/current_time.js
subpage/schedule/calendar/left.png
subpage/schedule/calendar/right.png
subpage/schedule/timetable/timetable.html
title.html

전체 목록 보기

참고 자료

없음