Please Enable JavaScript!
Gon[ Enable JavaScript ]

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

윈도우10

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

환경: Windows10

 

IIS 웹서버를 설치하고 웹 페이지에 접속하면 IIS 소개 화면이 나옵니다. IIS 에서 설정한 기본 페이지로 사용자가 변경할 수 있습니다. 자신이 만든 웹 사이트를 접속했을 때 기본으로 보여주고 싶을 때 필요한 정보입니다. 다음에 활용할 수 있도록 잘 숙지하시기 바랍니다. 오늘은 간단한 HTML 웹 페이지를 하나 만들어서 메인 페이지로 띄워 보겠습니다. IIS 설치와 관련해서는 아래 포스팅을 참고하시기 바랍니다.

 

[참고]

l  도우10 IIS 설치 하기

 

IIS 접속 기본 웹 페이지를 지정하기 위해서 간단한 HTML 페이지를 만들어 저장합니다. 이름은 main.html 이라고 정했습니다. 아무 페이지도 지정하지 않았을 때 웹 서버는 기본 지정 웹 페이지의 우선 순위가 있습니다. 제일 높은 순으로 Default.html > Default.asp > Index.html > Index.asp 순입니다. main.html 이 아닌 Default Index 로 만들면 지정할 필요가 없겠죠. 아래 소스를 저장할 때 반드시 확장자로 html 을 입력해야 합니다.

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

다음은 위에서 만든 웹 페이지를 띄우기 위해 IIS 로 접속합니다. 왼쪽에서 Default Web Site 를 선택하고 오른쪽으로 가서 웹 사이트 관리 란에 있는 3개의 버튼 중 시작을 클릭합니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

이제 웹 페이지를 옮길 폴더를 찾아야 합니다. Default Web Site 에는 기본 리소스 관리 폴더가 있습니다. 이곳에 파일이 들어가야 웹 서버에서 띄울 수 있습니다. 쉽게 찾는 방법은 IIS 관리 홈 오른쪽 상단에 탐색 버튼을 누르는 것입니다. 사이트가 관리하는 폴더를 바로 띄워 줍니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 


폴더에는 이미 iisstart.html 이라는 파일이 있습니다. http://localhost 로 접속하면 처음 뜨는 웹페이지입니다. 내가 만든 main.html 을 띄우기 위해서는 어떻게 해야 할까요? wwwroot 폴더에 파일을 넣고 URL 에서 http://localhost/main.html 을 지정하는 것입니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

그런데 한글이 깨졌네요. HTML 페이지를 조금 수정해 보겠습니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

헤더 태그 사이에 문자 인코딩 관련 메타태그를 입력합니다. 웹 페이지 내의 언어셋이 UTF-8 임을 브라우저에 알리는 코드입니다. euc-kr 방식을 선호하기도 하지만 표준화와 글로벌 환경에 맞추기 위해  UTF-8 을 사용하는 것이 좋습니다.

<meta charset="utf-8">

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

기본 html 페이지 지정하기

 

위에서 소개한 내용은 URL 에 파일명을 지정했습니다. 이제 파일명을 지정하지 않고 기본으로 설정된 메인 페이지를 다른 것으로 교체해 보겠습니다. IIS 관리 화면에서 기본 문서 아이콘을 클릭합니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

화면 기본 문서에는 특별히 URL 에 파일명을 입력하지 않아도 자동으로 띄우는 파일명 순서가 나와 있습니다. 목록은 우선순위로 정렬이 되어 있기 때문에 상위에 파일이 없으면 아래로 내려가면서 파일을 찾는 방식입니다. 목록에 없는 문서를 기본 문서로 지정하고 싶다면 추가해야 합니다. 오른쪽 작업 란에 추가 버튼을 눌러 파일명을 입력합니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

추가한 파일명을 제일 상단으로 올립니다. 아래에 있어도 되는데, 우선순위에 따라 다른 페이지가 열릴 수 있기 때문입니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

 

다시 URL 입력란에 파일명을 제외한 주소만 입력해 보세요. 위에서 만든 HTML 파일의 내용이 화면에 나타날 겁니다

윈도우10 IIS 웹서버에 자신이 만든 웹 페이지 올리는 방법

Posted by 녹두장군

댓글을 달아 주세요