여러분이 사용하고 계신 브라우저는 HTML5를 지원하지 않기 때문에 몇몇 요소가 제대로 보이도록 JScript를 사용하고 있습니다. 하지만 여러분의 브라우저 설정에서 스크립트 기능이 꺼져있으므로, 현재 페이지를 제대로 확인하시려면 스크립트 기능을 켜주셔야 합니다. How To - 링크 트리 웹사이트

How To – 링크 트리 웹사이트

2주전 작성

w3.css

링크 트리 웹사이트

링크 트리 웹사이트를 사용하면 모든 링크를 한 사이트에서 공유할 수 있다.

이는 내 소셜 네트워크, 블로그 게시물, 사업체, 프로젝트 등에 대한 링크를 표시할 수 있는 랜딩 페이지다.

링크 트리 웹사이트를 만드는 이유

링크 웹사이트는 온라인 존재감을 키우는 데 매우 좋다.

콘텐츠가 있는 곳에 대한 링크를 쉽게 공유할 수 있다.

또한, 링크 웹사이트는 사람들이 여러 곳에서 소통할 수 있도록 도와준다.

스스로 링크 웹사이트를 만들면 링크 웹사이트를 완벽하게 제어할 수 있다.

링크 트리 웹사이트를 만들려면 무엇을 알아야 하나요?

HTML, CSS, JavaScript는 웹사이트를 만드는 기본 언어다.

기본 언어들에는 링크 사이트를 만드는 데 필요한 모든 것이 들어 있다.

어떻게 시작하나요?

링크 트리 웹사이트 구축을 시작하는 방법에는 두 가지가 있다.

처음부터 만들거나 템플릿을 사용한다.

처음부터 링크 트리 웹페이지 구축하기

가장 먼저 해야 할 일은 레이아웃을 만든 다음 콘텐츠를 추가하는 것이다.

웹사이트 레이아웃을 만들려면 웹사이트를 만드는 방법에 대한 포스트를 참조하자: 웹사이트를 만드는 방법

레이아웃을 만든 후, 아래에 나열된 두 개의 주요 섹션을 만든다.

1. 바이오 섹션

바이오 섹션은 사람들이 링크 트리 웹사이트를 방문했을 때 가장 먼저 보게 되는 부분이다.

이는 링크 트리 웹사이트의 맨 위에 표시된다.

간단하고 명확하게 설명하자.

자기소개 섹션에는 이미지, 이름, 직업 등을 넣을 수 있다.

사람들은 내 이름과 외모를 알고 있을 때 더 편안하게 당신과 소통할 수 있다.

2. 링크 섹션

링크 섹션에는 공유하려는 모든 링크가 들어 있다.

이는 생물학 섹션에 표시된다.

링크가 잘 구성되어 있는지 확인하자.

템플릿을 사용하여 빌딩하기

템플릿을 사용하면 영감을 얻고 학습할 수 있는 좋은 방법이다.

템플릿 개인화

템플릿을 나만의 것으로 만들기 위한 4단계 접근법은 다음과 같다.

1단계: 배경 변경

코드에서 background 또는 background-image 속성을 찾아 URL을 변경한다.

2단계: 사진 추가

<img> 태그를 찾아 사진의 URL로 변경한다.

3단계: 자기소개서 작성

코드 위쪽의 문단 태그를 찾아 <p>와 </p> 태그 사이의 텍스트를 변경한다.

4단계: 링크 추가

앵커 태그를 찾아 <a>와 </a> 태그 사이의 텍스트를 변경한다.

템플릿을 확인하고 선택하기

사용할 수 있는 기성 템플릿이 있다.

1. 템플릿


2. 템플릿


3. 템플릿



참고

Mingg`s Diary
밍구
밍구
공부 목적 블로그