HTML 및 CSS 데모 웹 사이트 개요

HTML 및 CSS 데모 웹 사이트 개요

2022-06-01 last update

6 minutes reading HTML Spin Up CSS

소개


이 강좌에서 당신은 앞의 강좌에서 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 규칙을 만들 것입니다.