홈페이지 구축
HTML5 웹 프로그래밍 입문
1
홈페이지란 ?
■
웹문서 / 웹페이지 / 웹사이트 / 홈페이지
웹문서 : HTML 또는 XML 언어로 작성된 문서
웹페이지 : WWW 상의 개개의 웹문서 , 즉 , 서버에 있는 웹문서
웹사이트 : 웹페이지들을 하이퍼링크로 연결한 하나의 집합
홈페이지 : 웹사이트의 시작 페이지 , 메인 페이지
단 , 도메인 주소만 사용하려면 특정 위치에 특정 파일명으로 작성
예 ,( 서버 ) www.sookmyung.ac.kr => /public_html/index.html
예 ,( 계정 ) mm.sookmyung.ac.kr/~sblim =>/www_home/index.h tml
웹문서 = { 웹페이지 }
웹사이트 특정주소
홈페이지
MM 서버에 계정 할당 ( 완료 )
■
서버주소
URL 주소 : http://mm.sookmyung.ac.kr
■
서버 계정 (login id)
전공학생 : 각자 학번 앞에 it
예 ) it1912345
복수전공 , 부전공 및 과목 수강생
학번 앞에 itx, 예 ) itx1616101
■
비밀번호 (password)
초기 비밀번호는 ID 와 같게 설정되어 있다 .
3
[ 실습 준비 ] MM 서버 계정 정리
■
비밀번호 ( 암호 ) 바꾸기
ssh(secure shell) 프로그램 이용하여 접속하기
telnet 프로그램 이용하여 접속하기
Þ 비밀번호 바꾸기 명령 : passwd
■
홈페이지 폴더 ( 디렉토리 ) 만들기
ftp 프로그램 이용 : 알드라이브 , 파일질라 (FileZilla), SmartFTP 등
각자 계정의 바로 아래 위치에 홈페이지 폴더 만들기 : www_home
www_home 폴더 안에 홈페이지 html 파일 만들기 : index.html
홈페이지 주소
http://mm.sookmyung.ac.kr/~sblim
http://mm.sookmyung.ac.kr/~it1912345
암호 바꾸기 (1) - ssh * 권장 *
■
ssh(secure shell) 프로그램 이용
시작메뉴 > Windows 보조프로그램 > 명령프롬프트
ssh it 학번 @mm.sookmyung.ac.kr
암호 바꾸기 : passwd
5
ssh 안 깔려 있으면 https://archwin.net /402참조하여 설치
암호 바꾸기 (2) - telnet
■
telnet 프로그램 이용
시작메뉴 > Windows 보조프로그램 > 명령프롬프트
telnet it.sookmyung.ac.kr
암호 바꾸기 : passwd
telnet 설치하기
7 시작메뉴 > 설
정
√
서버에 파일 업로드하기
■
ftp 프로그램 이용
알드라이브 , 파일질라 (FileZilla), SmartFTP, cuteFTP 등
사이트 접속 : FTP 주소 , 사용자 ID, 비밀번호
mm.sookmyung.ac.kr FTP 혹은 SFTP
알드라이브
알드라이브에서 홈페이지 작성
9
계정 바로 밑에 www_home 폴더 만들기
www_home 폴더에 index.html 업로드
파일 업로드
■
주의사항 (UNIX, LINUX 서버 )
파일 이름은 영문으로 작성 ( 대소문자 구분함 )
특히 파일 확장자 이름 주의 : HTM htm, GIF gif, JPG jpg 등 PC 에 있던 파일들을
연결된 구조 그대로 업로드
실습
■
비밀번호 바꾸기
SSH 프로그램 이용
■
ftp 프로그램 설치하기
■
ftp 프로그램 이용하여
www_home 폴더 만들기
index.html 파일 작성 및 업로드
앞으로 자신의 홈페이지로 사용될 페이지 ( 임시로 작성할 것 )
각자 pc 에서 http://mm.sookmyung.ac.kr/~it 학번 으로 확인
- 예 , http://mm.sookmyung.ac.kr/~it1912345
약간의 파일 더 만들어 업로드
연결이 제대로 작동하는지 확인할 것
11
■
홈페이지 예시
<링크 예시>
• 취미 소개 ( 혹은 나의 activity) : 웹기초 프로젝트
• 웹프로그래밍기초 과제 및 실습
• *** 과목 실습
• (기타) ***
