출판 및 확인

모든 페이지에 대한 수정 작업이 끝나면 저장을 해야 한다. 나모 웹에디터4의 사이트 관리자는 기본적으로 '프로젝트' 단위로 홈페이지를 관리하는 방식이기 때문에 저장도 프로젝트에서 선택한다. 파일(F)->프로젝트(J)->저장하기(S)를 누른다.

이제 다른 사람들도 인터넷에 접속하여 홈페이지를 볼 수 있도록 하기 위해서는 출판(업로드)과정을 거쳐야 한다. 사이트 관리자의 하단에 있는 '출판' 탭을 누른다.

먼저 출판하기 대화상자의 오른쪽 위에 있는 '설정' 단추를 눌러서 출판정보를 입력한다. 사이트 이름을 입력하고 호스트(FTP주소)명과 디렉토리 및 사용자와 암호를 입력하고 '확인' 단추를 누른다. 호스트 주소는 자신이 서비스를 받고 있는 ISP(통신 서비스 회사)의 도움말을 참고하면 된다.

출판 정보를 바르게 입력하였으면 닫기 단추로 빠져나간 다음 사이트 목록에서 방금 전에 설정한 사이트 이름을 선택하고 '연결하기' 단추를 누른다.

자, 이제 인터넷에 있는 계정에 연결된 상태이다. 모두 선택 도구 상자를 눌러 현재까지 작업한 모든 파일을 선택한다.

파일이 계정으로 올라가고 있는 상태를 보여주고 있다. 도중에 취소하려면 '중지' 단추를 누른다.

성공적으로 출판이 끝나면 확인 단추를 누른다.

이제 실제로 인터넷을 통하여 출판한 홈페이지를 구경할 차례이다. 본인이 홈페이지를 올린 계정의 주소를 브라우저 주소창에 입력하고 엔터 키를 치면 지금까지 작업한 학교 홈페이지의 초기화면이 보일 것이다. 예제에서는 http://edcom.co.kr/mujigae 였다. 현재 이곳에 예제 파일이 모두 올려져 있으므로 확인해 보기 바란다.

축구반의 페이지도 볼 수 있다. 작업할 때 설정했던 하이퍼링크도 눌러보고 제대로 연결되는지 확인해보도록 하자.

이렇게 하여 나모 웹에디터4의 사이트 마법사를 이용하여 홈페이지를 쉽고 빠르게 만드는 방법을 알아보았다. 아래에 제시되는 몇 가지의 추가사항을 알아둔다면 홈페이지를 만들고 관리하는데 좋은 참고가 될 것이다.

① 편집화면 미리보기

나모 웹에디터4의 편집 화면 아래에 보면 '편집', 'HTML', '미리보기' 등 세 개의 탭이 있다. HTML 탭은 현재 편집 중인 문서의 HTML 소스를 보여주며, 미리보기는 현재 편집 중인 문서가 인터넷에서 보여지는 것과 꼭 같이 보여주는 탭이다. 따라서 작업한 후에는 미리보기 탭을 눌러 확인해가면서 필요한 부분을 수정해 주면 된다.

② 네비게이션 바

여러분이 만들어본 무지개 초등학교 홈페이지의 왼쪽에 보이는 메뉴들이 '네비게이션 바'이다. 네비게이션 바를 수정하기 위해서는 편집 화면에서 네비게이션 바를 마우스로 빠르게 두 번 눌러 나타나는 네비게이션 바 속성 대화상자에서 해당 메뉴를 선택하고 '이름 바꾸기창'에서 바꾸어 주면 된다. 그러면 나머지 페이지들도 자동으로 갱신되어 편리하다.

③ 테마 바꾸기

현재 적용된 테마가 마음에 들지 않는다면 언제든지 바꾸어 줄 수 있다. 나모 웹에디터4 의 메뉴표시줄에서 서식->테마를 선택하여 나타나는 '테마갤러리'에서 마음에 드는 것을 선택하고 적용 단추를 누른 다음 '프로젝트의 모든 파일에 적용'을 선택한다.

④ 필요한 파일만 선택하여 출판하기

프로젝트 상태로 작업한 파일이라 할지라도 필요한 파일만 선택하여 출판할 수 있다. 사용자의 컴퓨터 디렉토리 창에서 출판할 파일의 왼쪽에 체크하면 체크된 파일만 출판된다. 연속적으로 선택하려면 윈도우즈 탐색기와 마찬가지로 Shift 키를 이용하고, 연속적이지 않은 복수개의 파일을 선택하려면 Ctrl 키를 누른 채로 선택한다. 출판하기 대화상자 위에 있는 그림 도구상자를 눌러주면 현재 편집 중인 문서에 포함된 그림까지 출판목록에 포함시켜 주므로 편리하다.

함영기 / 양천중학교 교육정보부장, 본지 편집위원 (교실밖선생님 webtutor.shinbiro.com)