PC 초보자를 위한 블로그스팟으로 간단한 웹사이트 만들기 튜토리얼
컴맹도 이 튜토리얼만 보면 누구나 블로그스팟(Blogger)을 이용해서 나만의 간단한 웹사이트를 만드는 방법을 차근차근 알려드릴게요. 사진이나 그림은 없지만, 최대한 쉽게 설명해 드릴 테니 천천히 따라와 보세요! 😊
준비물:
인터넷이 연결된 PC
구글(Google) 계정: 지메일(Gmail) 아이디가 있으면 됩니다. 없다면 무료로 쉽게 만들 수 있어요.
만들기 순서:
1단계: 블로그스팟 접속 및 블로그 만들기
인터넷 창 (크롬, 엣지 등)을 열고 주소창에 www.blogger.com 이라고 입력하고 엔터 키를 누르세요.
화면 중앙이나 오른쪽에 "블로그 만들기" 또는 "로그인" 버튼이 보일 거예요. 클릭하세요.
구글 계정으로 로그인하라는 창이 뜹니다. 본인의 지메일 주소와 비밀번호를 입력하고 로그인하세요.
"블로그 이름 선택" 화면이 나올 수 있어요.
제목: 웹사이트의 이름(간판)이라고 생각하세요. 예를 들어 "햇살 좋은 날의 이야기" 나 "철수의 사진 갤러리" 처럼요. 입력하고 **"다음"**을 누르세요.
"블로그 주소 선택" 화면이 나옵니다.
주소: 웹사이트의 인터넷 주소예요. 원하는이름.blogspot.com 형태가 됩니다. 영어 소문자, 숫자만 사용할 수 있어요. 다른 사람이 이미 사용 중이면 사용할 수 없다고 나올 거예요. 사용 가능한 주소를 찾을 때까지 여러 개 시도해보세요. (예: sunshine-story, chulsu-photo) 마음에 드는 주소를 정하고 **"다음"**을 누르세요.
"표시 이름 확인" 화면이 나옵니다.
표시 이름: 웹사이트에 글을 쓸 때 표시될 작성자 이름이에요. 별명이나 실명을 입력하고 **"완료"**를 누르세요.
축하합니다! 기본적인 블로그(웹사이트의 틀)가 만들어졌어요! 이제 관리자 화면이 보일 거예요. 왼쪽에는 여러 메뉴들이 있습니다.
2단계: 웹사이트처럼 보이게 할 '페이지' 만들기
블로그는 보통 최신 글이 맨 위에 올라오지만, 웹사이트는 '회사 소개', '연락처' 처럼 고정된 내용을 보여주는 페이지가 필요하죠. 이걸 만들어 볼게요.
왼쪽 메뉴에서 "페이지" 라고 쓰인 글자를 찾아 클릭하세요.
화면 위쪽에 "+ 새 페이지" 버튼이 보일 거예요. 클릭하세요.
글 쓰는 화면이 나타납니다.
제목: 페이지의 제목을 입력하세요. 예를 들어 "소개" 라고 입력해 볼게요.
본문 입력 칸: 여기에 '소개' 페이지에 들어갈 내용을 자유롭게 쓰세요. "안녕하세요! 저의 웹사이트에 오신 것을 환영합니다." 처럼요. 글자 크기나 색깔도 바꿀 수 있고, 위에 있는 **사진 아이콘(그림 모양)**을 눌러 사진도 넣을 수 있어요.
내용 작성이 끝나면 오른쪽 위에 있는 주황색 "게시" 버튼을 누르세요. "페이지를 게시하시겠습니까?" 라고 물으면 **"확인"**을 누르세요.
같은 방법으로 다른 페이지도 만들어 보세요. 예를 들어 "연락처" 페이지를 만들고, 연락 가능한 이메일 주소나 전화번호 등을 적어 넣고 "게시" -> **"확인"**을 누릅니다.
(팁!) 필요한 만큼 여러 페이지를 만들 수 있어요. (예: "서비스 안내", "찾아오시는 길" 등)
3단계: 방문자가 페이지를 쉽게 찾도록 '메뉴' 만들기
만든 '소개', '연락처' 페이지를 방문자가 쉽게 누르고 볼 수 있도록 웹사이트 상단이나 옆에 메뉴를 만들어야 해요.
왼쪽 메뉴에서 "레이아웃" 이라고 쓰인 글자를 찾아 클릭하세요. 웹사이트의 구조를 조립하는 곳이라고 생각하면 됩니다.
화면에 여러 네모칸들이 보일 거예요. 테마(디자인)에 따라 위치는 조금씩 다르지만, 보통 "페이지 목록 (상단)", "사이드바", "헤더" 같은 이름의 영역이 있습니다.
웹사이트 상단 메뉴를 만들고 싶다면, "페이지 목록 (상단)" 또는 "교차 열" 같은 영역을 찾아보세요. (만약 없다면, **"+ 가젯 추가"**를 눌러 찾아야 할 수도 있어요.)
해당 영역 안에 이미 "페이지" 라는 가젯(작은 기능 상자)이 있다면, 그 옆의 연필 모양(수정) 아이콘을 클릭하세요.
만약 없다면, 그 영역의 **"+ 가젯 추가"**를 클릭하고, 뜨는 창에서 **"페이지"**를 찾아 클릭하세요.
"페이지 가젯 구성" 이라는 창이 뜹니다.
제목: 비워두거나 "메뉴" 라고 적어도 됩니다.
표시할 페이지: 아래에 내가 만든 페이지 목록 ("소개", "연락처") 이 보일 거예요. 그 옆의 네모 체크 박스를 클릭해서 V 표시가 되도록 하세요. (홈페이지 링크도 보통 기본으로 있어요.)
순서 변경: 마우스로 페이지 이름을 끌어서 메뉴 순서를 바꿀 수도 있어요.
다 됐으면 아래의 "저장" 버튼을 누르세요.
가장 중요! 레이아웃 화면 오른쪽 아래에 **주황색 디스켓 모양(저장 아이콘)**이 있어요. 이걸 꼭 눌러서 변경 사항을 저장해야 합니다!
4단계: 웹사이트 디자인(테마) 고르기
웹사이트의 전체적인 디자인을 바꿔볼게요.
왼쪽 메뉴에서 "테마" 라고 쓰인 글자를 찾아 클릭하세요.
다양한 디자인 샘플들이 보일 거예요. 마음에 드는 디자인 위에 마우스를 가져가면 "미리보기", "적용", "맞춤설정" 버튼이 나타납니다.
**"미리보기"**를 눌러서 내 웹사이트에 적용했을 때 어떻게 보일지 확인해 보세요.
마음에 드는 디자인을 찾았다면 "적용" 버튼을 누르세요. "새 테마를 적용했습니다." 라는 메시지가 잠깐 뜹니다.
(선택 사항) "맞춤설정" 버튼을 누르면 배경색, 글자색 등을 조금 더 세부적으로 바꿀 수 있지만, 처음에는 그냥 넘어가도 괜찮아요.
5단계: 내 웹사이트 확인하기
이제 내가 만든 웹사이트가 어떻게 보이는지 확인해 볼 시간이에요!
왼쪽 메뉴 맨 아래쪽 근처에 "블로그 보기" 라는 글자가 있어요. 클릭하세요.
새 인터넷 창이나 탭이 열리면서 내가 만든 웹사이트가 보일 거예요!
상단이나 옆에 내가 만든 "소개", "연락처" 메뉴가 보이는지 확인하세요.
메뉴를 클릭하면 해당 페이지 내용이 잘 나오는지 확인하세요.
선택한 디자인(테마)이 잘 적용되었는지 보세요.
이것으로 아주 기본적인 웹사이트 만들기가 끝났습니다!
추가 팁:
글 쓰기: 웹사이트에 블로그처럼 새로운 소식이나 글을 계속 추가하고 싶다면, 왼쪽 메뉴의 "글" -> "+ 새 글" 을 눌러서 작성하고 "게시" 하면 됩니다. 최신 글은 보통 웹사이트 첫 화면에 나타납니다.
꾸미기: "레이아웃" 메뉴에서 **"+ 가젯 추가"**를 눌러 방문자 수 카운터, 검색창, 이미지 등 다양한 기능을 추가하며 웹사이트를 더 꾸밀 수 있어요.
나만의 주소 사용: 내이름.blogspot.com 대신 www.내웹사이트.com 처럼 짧고 기억하기 좋은 주소를 사용하고 싶다면, "설정" 메뉴에서 "맞춤 도메인" 기능을 이용할 수 있습니다. (이건 도메인 구입 비용이 별도로 들고 약간 더 복잡할 수 있어요.)
두려워하지 마세요! 이것저것 눌러보고 실험해보세요. 언제든 다시 수정할 수 있습니다. 정 모르겠으면 "미리보기" 기능을 활용해서 저장하기 전에 확인하는 습관을 들이면 좋습니다.
천천히 따라 해 보시고, 혹시 막히는 부분이 있다면 다시 질문해주세요! 멋진 웹사이트 만드시길 바랍니다! 😊
