웹 페이지를 업로드하기 전에 미리 보는 방법
많은 사람들은 컴퓨터에서 웹 페이지를 만들 때 웹 페이지를 보기 위해 웹 서버에 게시할 필요가 없다는 것을 인식하지 못합니다. 하드 드라이브에서 웹 페이지를 미리 볼 때 모든 브라우저 관련 기능(예: JavaScript, CSS 및 이미지)은 웹 서버에서와 똑같이 작동해야 합니다. 따라서 웹 페이지를 라이브로 실행하기 전에 웹 브라우저에서 테스트하는 것이 좋습니다.
웹 페이지를 만들고 하드 드라이브에 저장하십시오.
웹 브라우저를 열고 파일 메뉴로 이동하여 열려있는.
하드 드라이브에 저장한 파일을 찾습니다.
테스트 문제
웹 서버가 아닌 하드 드라이브에서 웹 페이지를 테스트할 때 잘못될 수 있는 몇 가지 사항이 있습니다. 테스트를 위해 페이지가 올바르게 설정되었는지 확인하십시오.
- 링크에 정규화된 절대 경로를 사용하십시오. 당신이 사용할 수있는 페이지 상대 경로 하지만 페이지가 라이브되기 전에 링크를 테스트하는 가장 좋은 방법은 링크하는 페이지의 전체 경로를 사용하는 것입니다. 즉, 링크에 도메인 이름을 포함하십시오.
- 이미지에 페이지 상대 경로를 사용하십시오. 이미지에 대한 전체 URL을 사용할 수 있지만 테스트 중인 페이지가 새 페이지인 경우 이미지가 HTML보다 더 이상 서버에 업로드되지 않을 가능성이 있습니다. 현재 페이지와 관련된 이미지 경로를 사용하면 하드 드라이브에서 파일을 테스트할 때 이미지가 표시됩니다.
- CSS 및 JavaScript 외부 파일의 경로를 확인하십시오. 스크립트 및 CSS 파일에 대해 전체 경로 또는 상대 경로 URL을 사용하는 데 있어 좋은 경험 법칙은 없습니다. 이는 사이트와 귀하에게 가장 적합한 항목에 따라 다릅니다. 대신 가리키는 파일이 최신 정보인지 확인해야 합니다. 예를 들어 CSS의 전체 경로 URL을 게시하는 경우 테스트할 때 해당 파일을 서버에 업로드해야 합니다.
여러 브라우저에서 테스트하십시오
한 브라우저에서 페이지를 탐색한 후에는 브라우저의 위치 표시줄에서 URL을 복사하여 동일한 컴퓨터의 다른 브라우저에 붙여넣을 수 있습니다. Windows 시스템에서 사이트를 구축할 때 업로드하기 전에 다음 브라우저에서 페이지를 테스트하십시오.
- 인터넷 익스플로러
- 오페라
- 파이어폭스
- 원정 여행
- 크롬
하드 드라이브에 있는 브라우저에서 페이지가 올바르게 보이는지 확인한 후에는 페이지를 업로드하고 웹 서버에서 다시 테스트할 수 있습니다. 업로드되면 다른 컴퓨터 및 운영 체제로 페이지에 연결하거나 BrowserCam과 같은 브라우저 에뮬레이터를 사용하여 광범위한 테스트를 수행해야 합니다.