제로보드 XE로 홈페이지 만들기
제7장 홈 초기화면 영상 올리기 및 이미지 올리기
메인 화면 초기화면에 플래시 화일을 등록하여 움직이는 영상을 보여주는 경우가 많습니다
오늘은 홈페이지 초기화면에 플래시 영상을 등록함으로써 내 홈 초기화면에 다이나믹한
시원한 바다 영상이 아래와 같이 보이고 노래가 나오도록 해보겠습니다
그런 다음, 초기화면을 이미지로 올리는 법(글 포함)을
추가로 실습하겠습니다
즉,
1. 홈 초기화면에 플래시 영상이 보이게 하기
2. 홈 초기화면에 이미지가 보이게 하기
1. 홈 초기화면에 플래시 영상이 보이게 하기
가. 먼저, 닷홈 내 사이트에 들어가서 각자 로그인 합니다
ㅇ아래 화면처럼 현재까지 만든 우리의 초기화면은 너무도 단순합니다
ㅇ현재 보여지고 있는 화면은 주메뉴 home을 클릭했을 때의 상태입니다
ㅇ이 화면에 플래시 영상이 보이도록 하기 위한 첫작업으로 "페이지수정"을 클릭합니다(아래 이미지 참조)
***중간에 따라하기를 빼먹고, 안된다고 하시는 분들도 있는데, 하나하나 잘 따라하시기 바랍니다**
나. 바뀐 화면에서 "내용직접추가"를 클릭합니다
ㅇ아래 이미지 참조
다. 아래와 같이 팝업창이 뜨는데, 여기서 글, 이미지 또는 플래시 영상 등을 입력할 수 있는 화면입니다
라. 아래 화면처럼 "HTML편집기"를 클릭하면 깜박이는 커서가 보이는데
이곳에 내용(글, 이미지, 플래시 영상 등)을 입력하는 것입니다
ㅇHTML편집기를 클릭하지 않고도 바로 이곳에 글을 올려도 됩니다
ㅇ다만, 우리는 플래시 영상을 보이게 만들려니까 HTML 언어로 편집하려는 것입니다(속칭 "태그")
마. 태그(HTML) 입력하기
ㅇ각자 제작한 소스 : 플래시 영상이나 동영상을 만들 수 있는 분은 각자 만든 영상 소스를 입력하면 됩니다
아니면 아무거나 영상 소스를 복사하여 붙여넣기 해도 됩니다
ㅇ함께 실습할 소스 : 다만, 처음 접하는 분들을 위해 제가 만든 "영상 소스"를 하나 준비했습니다
- 아래에 써놓은 태그를 마우스로 주욱 드래그 하여 복사(Ctrl+C)하여
여러분의 게시판 첫줄(위 설명 참조)에 붙여넣기(Ctrl+V)합니다
- 아니면 아래 소스를 한자한자 직접 입력해도 됩니다(이 소스는 바다영상 플래시와 음악입니다)
·´″″°³★ 복사할 소스 ★³°″″´·
즉,
아래 이미지와 같이 내용을 입력하고, 저장 버튼을 클릭합니다
바. 홈페이지 초기화면 확인후 중요작업 처리
ㅇ위와 같이 작업하고나서 "저장"을 클릭한 순간, 아래와 같이 홈 초기화면에
플래시 동영상이 보이고 "해변으로가요" 음악이 들리게 됩니다
그러나, 여기서 매우 중요한 작업을 해줘야 합니다
이와 같이 작업하는 도중에 "윈도우 미디어 플레이어 설치"여부가 나타나면 당연히 허용해주고
플래시 플레이어도 설치되어 있어야 합니다.
그리고 다음 항목 사. 중요사항 저장, 등록 을 시행합니다
*동영상이 안보일 때 "어도비 플래시 플레이어 설치"를 해주면 보입니다
*음악이 안들릴 때 "윈도우 미디어 플레이어 설치 허용"해주면 들립니다
사. 중요사항 저장, 등록 꼭 시행
ㅇ위와 같이 작업해서 홈페이지 초기화면에 영상이 보인다고 해서
아직 등록된 것이 아니고 잠시 보여지는 것입니다
ㅇ아래 이미지와 같이 하단에 저장을 클릭하시고, 팝업창이 뜨면 등록을 클릭해줘야 완료 됩니다
2. 다음은 이미지 올리는 법
ㅇ이미지 올리는 법은 간단히 설명만 합니다
아래와 같은 순서대로 하되, 역시 마지막에 저장, 등록 확인절차를 꼭 해줘야 합니다
ㅇ초기화면은 이미지나 글 또는 영상을 올릴 수 있으며
한가지만 등록해도 되고, 연이어 몇개씩 등록해도 됩니다
아울러 필요시마다 바꿀수도 있습니다
1. 초기화면에서 "내용직접추가' 클릭
*** 1-1 . 내용모두지우기 클릭 : 이 단계 즉, 1-1은 생략하면 이미 만든 동영상 아래에 새로 입력하는 이미지가
출력되고, "내용모두지우기"를 클릭한다음 이미지를 입력하면 동영상은 없어지고 이미지로 대체됩니다
필요에 따라 시행해도 됩니다.
저는 동영상 아래에 이미지를 같이 띄워봅니다(즉, 1-1단계는 생략)
2. 팝업되는 위젯게시판 창에서 하단에 있는 "파일첨부" 클릭
3. 팝업되는 폴더창에서 각자 적당한 "이미지를 선택"하고, "열기" 클릭
4. "본문 삽입"을 클릭(중요)
5. 하단에 있는 "저장"을 클릭하면 이미지가 초기화면에 자리합니다만
6. 여기서 위 항목에서 시행한 중요사항 "저장", "등록확인" 까지 해줘야 등록이 완료됩니다
3. 홈 초기화면이 새롭게 바뀐 결과 확인
먼저 올린 동영상 아래에 방금 올린 이미지도 보입니다
홈페이지에 동영상과 이미지를 올려보았습니다
홈 초기화면에 글 올리는 것도 같은 방법으로 시행하되
팝업창에서 영상이나 이미지 대신 글을 쓰면 됩니다.
누구나 쉽게 할 수 있으니까 이 방법의 자세한 설명은 생략합니다
다음 제8장은 게시판에 글, 사진, 영상 올리기 입니다 / 우산
'▣宇山 웹디자인 > 홈페이지 만들기' 카테고리의 다른 글
| 제로보드XE 홈페이지 만들기 제9장. 갤러리형 게시판 만들기 / 우산 (0) | 2013.07.22 |
|---|---|
| 제로보드 XE 홈페이지 만들기 - 제8장 게시판에 글과 영상 올리기 / 우산 (0) | 2013.07.15 |
| 제로보드 XE로 홈페이지 만들기 - 제6장 홈 레이아웃 적용하기 / 우산 (0) | 2013.07.01 |
| 컴이 느릴 때 (0) | 2013.06.29 |
| 제로보드 XE로 홈페이지 만들기 - 제5장 서브메뉴(게시판용) 만들기 / 우산 (0) | 2013.06.26 |