온라인으로 웹 페이지를 편집하는 방법

웹 페이지를 빠르게 변경해야하고 컴퓨터에 HTML 편집기가 없으면 브라우저에서 코드를 편집 할 수 있습니다. 여러 웹 사이트에는 인터넷 연결이있는 모든 위치에서 웹 페이지를 개발, 테스트 및 조정할 수있는 강력한 도구가 있습니다. 이러한 온라인 편집기에 입력하는 코드에 JavaScript 및 CSS (Cascading Style Sheets)를 포함시킬 수도 있습니다.

1.

JsFiddle 웹 사이트로 이동하여 사이트의 사용자 인터페이스를 검토하십시오. 페이지의 오른쪽에 4 개의 큰 텍스트 상자가 있습니다. 이 상자 중 세 개를 사용하여 특정 유형의 HTML 코드를 입력 할 수 있습니다. HTML 상자에 HTML 코드, JavaScript 상자에 JavaScript 및 CSS 상자에 CSS (Cascading Style Sheet) 코드를 붙여 넣습니다. 그런 다음 "실행"을 클릭하면 JsFiddle이 네 번째 상자에 웹 페이지를 표시합니다. '저장'을 클릭하여 페이지를 저장할 수 있습니다. 이 사이트는 다른 사람들과 공유 할 수있는 고유 한 URL을 만듭니다. 그들이 JsFiddle을 방문하면 네 명의 네 상자가 보일 것입니다. 다른 지역의 개발자는 JsFiddle을 사용하여 공동으로 웹 사이트에서 작업합니다.

2.

Quackit HTML Editor 웹 사이트를 방문하십시오. Quackit에는 데스크탑 애플리케이션에서 찾을 수있는 것과 완벽한 기능을 갖춘 HTML 편집기가 있습니다. 편집기 맨 위에있는 도구 행을 사용하여 편집기에 입력하는 HTML 텍스트의 형식을 지정하고 하이퍼 라인을 관리하고 이미지를 추가하고 기타 HTML 관련 작업을 수행 할 수 있습니다. 편집기는 모든 것을 미리보기 모드로 표시하지만 편집기의 "소스"단추를 클릭하여 HTML보기로 전환 할 수 있습니다. 이보기에서 데스크탑 편집기를 사용하는 것처럼 HTML 소스 코드로 직접 작업 할 수 있습니다. 편집이 끝나면 소스보기에 표시되는 코드를 강조 표시하고 복사하여 하드 드라이브의 텍스트 문서에 붙여 넣으십시오.

삼.

W3Schools.com Tryit Editor 웹 페이지로 이동하여 페이지 왼쪽의 편집 텍스트 상자를 찾으십시오. W3Schools는 HTML, CSS 및 JavaScript 코드를 실시간으로 처리하는 Tryit라는 HTML 편집기가있는 온라인 자습서 사이트입니다. HTML을 편집 텍스트 상자에 붙여 넣거나 HTML을 처음부터 입력하십시오. 페이지 상단 근처의 "편집 및 클릭"버튼을 클릭하면 편집기는 편집 상자 옆에있는 미리보기 상자에 웹 페이지를 표시합니다. 편집 상자에 코드를 추가 할 때 일반 HTML 편집기에서 코드를 입력하는 것과 똑같이 입력하십시오. JsFiddle에서와 같이 HTML, JavaScript 및 CSS 코드를 분리 할 필요가 없습니다. W3Schools는 튜토리얼 사이트이기 때문에 페이지의 오른쪽 구석에있는 "W3Schools.com"링크를 클릭하여 웹 프로그래밍을 배우고 프로그래밍 팁을 발견하는 데 도움이되는 다양한 주제를 볼 수 있습니다.

  • 온라인 편집자는 인터넷에서 발견하거나 자신을 개발하는 작은 HTML 스 니펫을 테스트 할 수있는 좋은 방법이기도합니다. 예를 들어 슬라이드 쇼를 만드는 유용한 코드 스 니펫을 찾은 경우 해당 코드를 복사하여 온라인 편집기에 붙여 넣으면 즉시 작동하는 방법을 알 수 있습니다.
  • 인터넷 연결이 끊어 지거나 브라우저가 다운되는 경우에 대비하여 주기적으로 작업중인 코드를 복사하는 것이 좋습니다. 편집기 안을 클릭하고 "Ctrl-A"를 누른 다음 "Ctrl-C"를 눌러 코드를 복사하십시오.

인기 게시물