소개
이 강좌에서 당신은 앞의 강좌에서
demonstration website의 구조를 탐색하고 그 계획을 다시 만들 것입니다.
데모 사이트 개요
시각적으로 보면 현장은 7가지 수평 부분으로 나눌 수 있다.
이전 개요에서는 7개 섹션의 각 섹션에 해당하는 태그가 표시됩니다.
제목 섹션 (위쪽).이 절의 상세한 설명은 우리의 강좌How To Build the Header Section of Your Website With CSS (Section 1)를 보십시오
'나에 대하여'부분.우리 강좌 [CSS를 사용하여 웹 사이트를 구축하는 방법에 대한 내 섹션 (2절)] https://www./community/tutorials/how-to-build-the-about-me-section-of-your-website-with-css-section-2 이 섹션에 대한 자세한 설명
프로젝트 섹션 (상단에서 세 번째 섹션으로 계산).이 절의 상세한 설명은 우리의 강좌How To Build a Tiled Layout With CSS (Section 3)를 보십시오
"체험"부분(상단 네 번째).우리의 강좌 [CSS를 사용하여 이력서나 업무 내역 부분을 귀하의 사이트에 추가하는 방법(4절)]에서 이 절의 설명을 상세하게 소개합니다.( https://www./community/tutorials/how-to-add-a-resume-or-work-history-section-to-your-website-with-css-section-4 ) '교육'과'기능'부분(정상 5위).이 절의 상세한 설명은 우리의 강좌How To Add Your Educational History and Skills To Your Website With CSS (Section 5)를 보십시오
특별 견적 섹션 (상단 여섯 번째).이 절의 상세한 설명은 우리의 강좌How To Create a Featured Quote Box on Your Website With CSS (Section 6)를 보십시오
정적 바닥글, 페이지 밑에 붙여넣기.이 절의 상세한 설명은 우리의 강좌How To Create a Static Footer With CSS (Section 7)를 보십시오
이 부분의 모든 부분은 HTML 요소의 CSS 속성을 사용하여 만들어집니다. 이 속성들은 이 강좌 시리즈의 앞부분에서 탐색한 것입니다.이 강좌 시리즈의 나머지 부분에서, 당신은 각자의 강좌에서 이 부분들을 재구성할 것입니다.CSS를 배우기 시작하면, 모든 강좌를 완성할 때 예시와 일치하도록 크기, 색깔, 배경 이미지를 포함하여 강좌의 스타일 선택을 복사하는 것을 권장합니다.
본 시리즈의 강좌의 말미에는 사이트의 양식과 구조를 시험할 수 있는 조언이 있다.이러한 건의들은 어떻게 개성화된 내용을 보여주고 이 강좌들을 다시 혼합하여 귀하의 사이트에 새로운 스타일과 안배 가능성을 창조할 수 있는지 보여 줍니다.
결론
본 강좌에서 귀하는 프레젠테이션 사이트의 구조와 이 사이트를 다시 만드는 계획에 대한 개술을 탐구했습니다.다음 강좌에서 전체 웹 페이지의 스타일을 설정하고 왜 이 규칙이 중요한지 이해하기 위한 CSS 규칙을 만들 것입니다.
