언어 자료구조 알고리즘/프로그래밍 실습

Visual Studio에서 웹 사이트 만들기

언제나휴일 2018. 11. 21. 11:44
반응형

Visual Studio에서 웹 사이트 만들기



 

Visual Studio에서 웹 사이트를 만들기 위해서는 먼저 관리자 권한으로 Visual Stuio를 실행합니다.

관리자 권한으로 Visual Studio 실행


 

그리고 메뉴에서 [파일]=>[열기]=>[웹 사이트]를 선택하세요. Visual Studio 버전에 따라 새로 만들기에 웹 사이트 항목이 있는 것도 있지만 최신 버전에는 해당 메뉴 항목이 사라졌습니다.

웹 사이트 열기


 

"웹 사이트 열기" 창에서 "새 가상 디렉토리 만들기" 아이콘을 클릭하세요.

새 가상 디렉토리 만들기


 

 

그리고 "새 가상 디렉토리"창에서 별칭을 정하고 폴더를 지정합니다. 별칭은 웹 브라우저 등을 이용하여 웹 사이트에 접근할 도메인 주소를 구분하는 이름입니다. 만약 로컬 호스트 주소가 192.168.0.1인 곳에 별칭 NaverMap이름으로 정했다면 웹 브라우저에서 접근할 때 http://192.168.0.1/NaverMap 으로 접근할 수 있습니다. 그리고 폴더는 해당 도메인 주소로 접근하였을 때 웹 서버에서 제공할 웹 사이트 내용이 있는 폴더입니다.

 

 

새 가상 디렉토리 별칭 및 폴더 지정하기


생성한 웹 사이트 열기를 선택하세요.


 

이제 웹 사이트에 "HTML 페이지"를 추가하세요.

HTML 페이지 추가


 

그리고 HTML 페이지 소스를 다음처럼 간략하게 작성하세요.

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>Naver 지도</title>

</head>

<body>

    <p>테스트 페이지</p>

</body>

</html>

 

이제 브라우저에서 보기를 선택하세요.

 

 

브라우저에서 보기 선택


다음은 브라우저에서 해당 웹 사이트에 접근한 화면입니다.

웹 브라우저에서 웹 사이트에 연결한 화면




반응형