CSS를 사용하여 웹 사이트 구축 방법: Digital Ocean Room 키트
2022-06-01 last update
7 minutes reading CSS Workshop Kits Spin UpCSS Workshop Kit 자료를 사용하여 웹 사이트 구축 방법
이 작업장 패키지는 강사가 관중을 처음부터 끝까지 재창조하고 개성화된 a CSS website을 유도하는 데 목적을 두고 있다.이 패키지의 자료는 90분 과정이나 3시간 과정으로 나눌 수 있습니다. 비록 일부 그룹은 비교적 적은 시간을 필요로 할 수도 있습니다.참가자들은 CSS를 이해하고 클라우드에 배치할 개인 사이트를 준비할 것이다.
워크숍 참석자는 HTML에 익숙해야 합니다.참석자가 HTML에 익숙하지 않다면, 이 세미나를 시작하기 전에 우리의 How To Build a Website With HTML 시리즈를 이해할 수 있습니다.
이 워크숍 패키지는 CSS를 사용하여 웹 사이트를 구축하는 데 필요한 전체 리소스를 강연자에게 제공하기 위한 것입니다.여기에는 다음이 포함됩니다. Slides and speaker notes은 참여자들이 그들의 사이트 프로젝트, 실천 연습과 개념 해석을 구축하도록 유도한다. 과 online tutorial series은 복제 가능한 코드 세그먼트, 개념 개술, 프로젝트 사이트를 더욱 사용자 정의하는 데 사용되는 다른 CSS 과정과 힌트를 포함한다. A demonstration website은 워크숍이 끝날 때 구축할 내용을 학생들에게 보여 준다. 이 워크숍 키트 페이지는 강사가 워크숍을 준비하고 학생들에게 시작점을 제공하기 위한 것입니다.강사는 학생들이 슬라이드(유용한 링크 포함), 보충 강좌 시리즈, 프레젠테이션 사이트를 방문할 수 있도록 이 페이지를 가리켜야 한다.
만약 필요하다면 학생들은 아래의 소개를 읽고 세미나가 시작되기 전에 선결 조건을 준비하여 세미나를 준비할 수 있다.
Digital Ocean에서 무료로 사이트를 발표하는 참여자들이 우리의 강좌 How To Deploy a Static Website to the Cloud With DigitalOcean App Platform을 방문할 수 있는 방법을 알고 싶습니다.
프로젝트 기반의 이 강좌 시리즈는 저희 demonstration site을 모델로 개인 사이트를 구축하여 클래스 스타일시트(CSS)를 소개합니다. 이것은 사이트의 디스플레이를 제어하는 스타일시트 언어입니다.비록 우리의 프레젠테이션 사이트는 상어 사미를 특색으로 하지만, 만약에 귀하가 귀하의 사이트를 개성화하기를 원한다면, 당신은 사미의 정보를 귀하의 정보와 교환할 수 있습니다.
CSS는 HTML과 JavaScript 외에도 World Network의 핵심 기술 중 하나입니다.HTML에 대해 잘 알고 있고 프런트엔드 개발 기술을 향상시키고자 한다면 CSS를 배우는 것이 좋은 다음 단계입니다.
이 강좌 시리즈의 앞부분은 실천 연습을 통해 CSS를 소개하고 뒷부분은 프레젠테이션 사이트를 다시 만드는 절차를 제공한다.프레젠테이션 사이트를 바로 구축하려면 튜토리얼 How To Set Up Your CSS and HTML Website Project부터 시작하고 계속할 수 있습니다.
이 CSS 강좌 시리즈의 마지막으로, 사용자는 사이트를 클라우드에 배치할 수 있는 파일을 가지고 HTML과 CSS를 계속 사용하여 사이트의 디자인을 수정하는 방법을 알게 될 것입니다.또한 다른 전단 웹 개발 기술(예를 들어 JavaScript)과 프레임워크(예를 들어 Tailwind)를 배울 수 있는 기초가 있습니다.
코드 편집기, 예를 들어 Visual Studio Code 또는 Atom.이 시리즈는 Visual Studio 코드를 기본 코드 편집기로 사용하지만, 원하는 코드 편집기를 사용할 수 있습니다.다른 편집기를 사용하면 설명을 약간 수정해야 할 수도 있습니다.
Firefox 또는 Chrome과 유사한 웹 브라우저입니다.이 강좌는 Firefox를 기본 브라우저로 사용하지만, 원하는 브라우저를 사용할 수 있습니다.만약 다른 웹 브라우저를 사용한다면, 약간의 설명을 수정해야 할 수도 있습니다.
두 개의 서로 다른 개인 정보 사진, 이미지 또는 이미지로 사이트를 개성화할 수 있습니다(선택 사항).
HTML에 익숙하다.HTML에 익숙하지 않거나 복습을 하고 싶다면 이 시리즈를 시작하기 전에 How To Build a Website With HTML 시리즈의 10개 강좌에 따라 공부할 수 있습니다.
이 작업장 패키지는 강사가 관중을 처음부터 끝까지 재창조하고 개성화된 a CSS website을 유도하는 데 목적을 두고 있다.이 패키지의 자료는 90분 과정이나 3시간 과정으로 나눌 수 있습니다. 비록 일부 그룹은 비교적 적은 시간을 필요로 할 수도 있습니다.참가자들은 CSS를 이해하고 클라우드에 배치할 개인 사이트를 준비할 것이다.
워크숍 참석자는 HTML에 익숙해야 합니다.참석자가 HTML에 익숙하지 않다면, 이 세미나를 시작하기 전에 우리의 How To Build a Website With HTML 시리즈를 이해할 수 있습니다.
이 워크숍 패키지는 CSS를 사용하여 웹 사이트를 구축하는 데 필요한 전체 리소스를 강연자에게 제공하기 위한 것입니다.여기에는 다음이 포함됩니다.
만약 필요하다면 학생들은 아래의 소개를 읽고 세미나가 시작되기 전에 선결 조건을 준비하여 세미나를 준비할 수 있다.
Digital Ocean에서 무료로 사이트를 발표하는 참여자들이 우리의 강좌 How To Deploy a Static Website to the Cloud With DigitalOcean App Platform을 방문할 수 있는 방법을 알고 싶습니다.
소개
프로젝트 기반의 이 강좌 시리즈는 저희 demonstration site을 모델로 개인 사이트를 구축하여 클래스 스타일시트(CSS)를 소개합니다. 이것은 사이트의 디스플레이를 제어하는 스타일시트 언어입니다.비록 우리의 프레젠테이션 사이트는 상어 사미를 특색으로 하지만, 만약에 귀하가 귀하의 사이트를 개성화하기를 원한다면, 당신은 사미의 정보를 귀하의 정보와 교환할 수 있습니다.
CSS는 HTML과 JavaScript 외에도 World Network의 핵심 기술 중 하나입니다.HTML에 대해 잘 알고 있고 프런트엔드 개발 기술을 향상시키고자 한다면 CSS를 배우는 것이 좋은 다음 단계입니다.
이 강좌 시리즈의 앞부분은 실천 연습을 통해 CSS를 소개하고 뒷부분은 프레젠테이션 사이트를 다시 만드는 절차를 제공한다.프레젠테이션 사이트를 바로 구축하려면 튜토리얼 How To Set Up Your CSS and HTML Website Project부터 시작하고 계속할 수 있습니다.
이 CSS 강좌 시리즈의 마지막으로, 사용자는 사이트를 클라우드에 배치할 수 있는 파일을 가지고 HTML과 CSS를 계속 사용하여 사이트의 디자인을 수정하는 방법을 알게 될 것입니다.또한 다른 전단 웹 개발 기술(예를 들어 JavaScript)과 프레임워크(예를 들어 Tailwind)를 배울 수 있는 기초가 있습니다.
선결 조건
코드 편집기, 예를 들어 Visual Studio Code 또는 Atom.이 시리즈는 Visual Studio 코드를 기본 코드 편집기로 사용하지만, 원하는 코드 편집기를 사용할 수 있습니다.다른 편집기를 사용하면 설명을 약간 수정해야 할 수도 있습니다.
Firefox 또는 Chrome과 유사한 웹 브라우저입니다.이 강좌는 Firefox를 기본 브라우저로 사용하지만, 원하는 브라우저를 사용할 수 있습니다.만약 다른 웹 브라우저를 사용한다면, 약간의 설명을 수정해야 할 수도 있습니다.
두 개의 서로 다른 개인 정보 사진, 이미지 또는 이미지로 사이트를 개성화할 수 있습니다(선택 사항).
HTML에 익숙하다.HTML에 익숙하지 않거나 복습을 하고 싶다면 이 시리즈를 시작하기 전에 How To Build a Website With HTML 시리즈의 10개 강좌에 따라 공부할 수 있습니다.