수다닷컴

질문자 인사 감사합니당

포트폴리오 메인페이지만 보자면,
1.div.contant01,02,03,04,05 {width: 1280px;} 후 div.wrap {width: 1280px; margin: 0 auto;}를 주는것이 더 효율적이지 않을까 생각됩니다.
2. div.contant01 p:first-child를 보면 paragraph태그로 감싸셨는데 paragraph는 문단의 의미를 가집니다. div나 span으로 감싸는걸 추천합니다. 아니면 a태그로만 해서 위치를 지정해도 상관없구요.
3. hx태그(제목 태그)에 대해 정확하게 이해를 하는것이 필요하다고 생각되네요. 물론 DTD가 HTML5라서 뭐.. 그렇지만 div.tittle의 경우에는 저같으면 이런식으로 마크업 하지는 않았을듯 합니다.
4. div.contant01 div.me의 경우에는 단순히 꾸미기 위한 용도로 그림이 들어가는 경우이기 때문에 div안에 img를 넣는것 보다는 img를 bg처리 해주는게 더 맞다고 보네요.
5.div.contant01 div.table ul을 보면 자식요소 li가 float이 되었는데, clear를 해주지 않아 부모요소 ul이 높이를 받아오지 못하는 현상이 발생했네요. http://naradesign.net/wp/2008/05/27/144/를 들어가셔서 읽어보세요 한번.
6.div.contant02 div.yoo01 도 위의 4번과 마찬가지.
7.div.contant02 div.con {width: 1241px; height: 664px;}로 되어있는데, 가급적이면 높이는 요소가 더 늘어날 수 있기 때문에 정해주지 않는걸 추천해드리고 싶네요. 물론 고정할때도 있지만요.
8.div.contant02 div.con ul.left 안에 보면 ul.left li안에 또 ul이 있는데, 이렇게 할 필요 없이 li안에 제목태그를 넣어주시고 p태그로 마크업 하는게 더 좋다고 보네요.
9.div.contant02 div.con ul.right도 마찬갠?마찬가지.
10. selector:nth-child {}의 경우에는 IE하위버전에서는 작동하지 않습니다. IE9이상.
11. 의미있는 마크업에 대해 더 공부하셨음 좋겠습니다.
신경은 많이 쓰신것 같은데, 전체적으로 말씀드리자면.
저는 면접관은 아니지만 일단 마크업과 css적인 부분에서 다른 경쟁자들에 비해 부족하다고 느껴집니다.마크업 validator는 돌려보지 않았지만 포트폴리오로 이상태로 내기에는 좀 말리고싶구요 개인적으로.더 수정하고 보완해서 이력서를 내시는게 맞다고 보네요.
파이팅~~~

신청하기