쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [09] - HTML 태그 파일 업로드

인터넷 쇼핑몰 창업과 제작을 위한 HTML 태그 사전 (웹2.0 웹표준 기반) HTML (XHTML) 사전 - 웹표준과 검색엔진 최적화(SEO)를 위한 마크업 HTML 쇼핑몰 창업과 제작을 위한 HTML 태그 강의 [09] - HTML 태그 파일 업로드하기 HTML 태그 강의 [09] - HTML 태그 파일을 실제 웹서버에 업로드 해보자. HTML 태그 파일을 FTP 프로그램으로 웹서버에 업로드를 하면, 인터넷으로 누구나 우리의 HTML 태그 파일을 볼 수 있다. 오란씨에서 무료 웹계정을 받고 알FTP 를 설치하여 사용법을 알아보자. HTML 태그 강좌 아홉 번째 시간입니다. 이번에는 실제 웹서버에 HTML 태그 파일을 올려보도록 하겠습니다. 무료 웹호스팅을 신청해서 HTML 태그 파일을 올리면, 인터넷으로 누구에게나 그 HTML 태그 파일을 보여줄 수 있습니다. 오늘은 무료 웹호스팅을 신청하고 FTP 로 웹서버에 업로드 한 다음, HTML 태그 파일이 잘 보여지는지 확인해보겠습니다. 쇼천이는 오란씨 ( http://www.oranc.co.kr ) 에서 무료 호스팅을 받겠습니다. 오란씨는 엄밀하게 말하면 100 % 무료는 아닙니다. 무료 웹호스팅을 받기 위해서는 핸드폰 실명 인증을 받아야 되는데, 그 인증비용이 990 원이라네요. 그래서 처음에 한 번 990 원을 결제합니다. 대신 그 이후로는 쭉 무료인 것 같습니다. (용량 제한과 1 개월 1 회 이상 접속이라는 조건이 붙어있지만요..^^; 990 원을 결제하기 싫으신 분은 다른 무료 웹호스팅을 찾으셔도 되고, 이 참에 유료 호스팅을 받으셔도 됩니다. 유료 호스팅는 1 년에 2 ~ 3 만원 정도면 충분히 커버가 됩니다. 어쨋든 쇼천이는 오란씨를 기준으로 이야기를 시작하겠습니다. 무료 웹호스팅을 신청하자. - 오란씨 우선 오란씨 ( http://www.oranc.co.kr ) 에 가입을 하고, 무료 웹호스팅을 신청합니다. (무료 웹호스팅 과정 중간에 핸드폰 실명인증 과정이 있습니다.) 잠시 후 이메일을 확인해보면, 이런 이메일이 도착해 있습니다. 이메일을 열어보면 FTP 와 SQL 비밀번호가 들어있습니다. 두 개의 비밀번호는 원래는 용도가 다르지만, 똑같은 비밀번호로 세팅이 되었으니 용도에 구분없이 사용하면 됩니다. 이제 잠시 커피도 마시고, 담배도 피고, 잠시 쉬었다가 다시 와서 " 내아이디.orancco.kr " 을 인터넷 주소창에 입력하면, 이런 페이지가 나옵니다. 이런저런 안내사항들이 나옵니다. 간단하게 읽어보시면 됩니다. 이제, 웹상에 나만의 공간이 생겼습니다. 이제 이 곳에 HTML 태그 파일을 올려서 꾸며봐야겠죠? 알FTP 로 내 웹서버에 접속하자. - 알FTP 일단 웹서버에 HTML 태그 파일을 업로드 하기 위해서는 FTP 프로그램이 필요합니다. FTP 란, file transfer protocol 의 줄임말인데, 인터넷을 통해 한 쪽 컴퓨터에서 다른 쪽 컴퓨터로 파일을 업로드 하기도 하고, 다운로드 받기도 하는 것을 가리킵니다. 이 FTP 용 프로그램도 종류가 상당히 많은데, 우리는 알FTP 로 실습을 해보죠. 아래를 클릭해서 알FTP 를 다운로드 받아 설치해주세요. http://www.altools.co.kr 설치가 끝난 후에는 알FTP 를 실행해주세요. 그럼 다음과 같은 화면이 나옵니다. 이제 이 알FTP 로 우리의 웹서버로 접속할 수 있게 설정을 해볼까요? 사이트 추가 버튼을 클릭을 하면 이런 창이 뜹니다. 이 곳에 본인이 기억하기 쉬운 이름을 적고 확인을 클릭합니다. (루트에 생성 체크) 그리고 아래와 같이 빨간색 박스 부분을 채워줍니다. 오란씨에서 받은 웹주소 / 아이디를 적어주시고, 포트 21 에 패시브모드 체크하시면 됩니다. 그 다음 확인 버튼을 클릭하시면 잠시후 비밀 번호 입력 창이 나옵니다. 오란씨에서 발급받은 비밀번호를 입력하시면 웹서버에 접속이 됩니다..^^* 알FTP 로 웹서버에 HTML 태그 파일을 업로드하자. - 알FTP 이제 예제로 만든 HTML 태그 파일들을 올려봅시다. 내 컴퓨터에서 올리고 싶은 파일이 있는 폴더까지 찾아 들어간 다음 올릴 파일들을 선택한 후 업로드 버튼을 클릭하면 웹서버로 전송이 됩니다. 전송이 완료된 모습입니다..^^* HTML 태그 파일을 인터넷으로 확인해보자. 이제 우리의 오란씨 웹 주소 뒤에 우리가 올린 HTML 태그 파일 이름을 붙여봅시다. http://내아이디.oranc.co.kr/html_09.html 아래와 같은 화면이 나오면 성공입니다. ^^ 쉽죠? 이제 앞으로는 웹서버에 파일을 업로드하고 다운로드 하는 것은 아주 쉬울 거에요. 이렇게 해서 오늘은 알FTP 를 마스터해봤습니다. 다음 글에서는 메인 화면 설정과 본격적인 HTML 태그 / CSS 스타일시트 등의 편집 작업을 위한 아크로에디트의 FTP 설정을 알아보겠습니다..^^*