<aside> 📢 페이지를 생성하는 방법과, 페이지 명에 대한 설명입니다.

</aside>

페이지란(Page), 브라우저 언어인 HTML, CSS, JS 언어로 만든 1개의 웹 페이지를 말합니다. 예를 들어, 쇼핑몰의 "홈 화면"이나 "제품 상세 화면" 같은 것을 생각하면 됩니다.

클릭 몇 번으로 쉽게 새로운 페이지를 만들고, 원하는 페이지로 이동할 수 있습니다.

페이지의 리스트 목록을 통해 새로운 페이지 추가, 설정, 복제, 삭제, 페이지 버전기록을 제어할 수 있으며,

협업 중이라면 화면에 나타나는 작업자의 프로필 사진으로 누가 어느 페이지를 작업하고 있는지 바로 확인할 수 있습니다.

<aside> ❓ 템하의 에디터란?

 1️⃣ [에디터 모드 작업 환경 살펴보기](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)

 2️⃣ [템하의 기본 단위 (rem, px, em…)](<https://temhamanual.notion.site/157796fab7a080668f11c8ca73423697>)

📄 페이지

1️⃣ ****페이지를 생성하는 방법

2️⃣ 페이지 명을 설정하는 방법

3️⃣ 산출물 다운로드 시 페이지 명 설정

🧩 블록

1️⃣ 헤더 · 푸터 블록, 레이아웃 블록의 차이

2️⃣ 프로젝트 생성 시 블록을 가져오는 방법

3️⃣ 레이아웃 블록의 옵션 사용법

• 옵션 리스트 (▶ 버튼 클릭)

4️⃣ 헤더푸터 블록의 옵션 사용법

⚙️ 설정

1️⃣ 페이지 설정

2️⃣ 페이지 설정 옵션

3️⃣ 프로젝트 설정

4️⃣ 프로젝트 설정 옵션

🕹️ 제어판

1️⃣ 제어판의 위치

2️⃣ 제어판의 옵션

• 옵션 리스트 (▶ 버튼 클릭)

↗️ 내보내기

1️⃣ 내보내기의 위치

2️⃣ 소스 다운로드

3️⃣ FTP 업로드

4️⃣ 템하 IP 허용

🌐 웹 게시

1️⃣ 웹 게시의 위치

2️⃣ 웹 게시 방법

👥 협업

1️⃣ 협업 프로젝트의 위치

2️⃣ 협업자를 초대하는 방법

3️⃣ 협업 페이지 구분 방법

4️⃣ 코멘트의 위치

5️⃣ 코멘트를 작성하는 방법

6️⃣ 코멘트 입력창 버튼의 역할

7️⃣ 코멘트 관리 방법

⌨️ 코드 (블록수정방법)

1️⃣ 지도 수정방법

</aside>

1️⃣ 페이지를 생성하는 방법

<aside>

💡 프로젝트 생성 방법이 궁금하신가요? ⇒ 프로젝트 생성 방법 알아보기 ↗️

</aside>

2️⃣ ****페이지 명을 설정하는 방법

페이지 명을 설정하는 방법은 두 가지 방법이 있습니다.

방법 ① : 첫 번째 방법은 변경할 페이지를 “마우스 더블클릭” 시

페이지 명을 수정할 수 있는 입력 박스가 노출되며, 페이지 명만 빠르게 수정할 때 유용합니다.

※ 단, 해당 방법은 산출물(코드 다운로드)시 파일명과는 다른 영역입니다.

방법 ② : 이 기능은 페이지의 상세 설정을 수정할 때 유용합니다.

| --- | --- |

3️⃣ ****산출물 다운로드 시 페이지 명 설정

작업한 프로젝트의 산출물(코드)을 다운로드하려면,

코드 파일에 사용할 페이지 이름을 설정하는 방법을 알려드리겠습니다.

페이지를 설정할 수 있는 경로는 두 가지 방법으로 확인할 수 있습니다.

| --- | --- |

산출물 다운로드를 위한 페이지 설정 방법은 아래와 같습니다.