웹사이트 편집 방법

컴퓨터 앞에서 일하는 청년

웹사이트 편집은 접근 방식에 따라 간단하거나 복잡할 수 있습니다.

이미지 크레디트: Thinkstock/스톡바이트/게티 이미지

웹사이트가 있다면 한 번 설정하고 잊어버릴 수 없다는 것을 알고 있습니다. 웹사이트는 변화하는 개인 스타일과 환경의 변화하는 요구를 모두 반영해야 합니다. 웹사이트가 호스팅되는 위치에 따라 콘텐츠 관리 시스템 또는 WYSIWYG 편집기를 통해 웹사이트의 여러 측면을 편집할 수 있습니다. 웹 프로그래밍 언어에 정통한 경우 사이트 코드를 직접 편집할 수 있습니다.

콘텐츠 관리 시스템 이해

웹사이트가 콘텐츠 기반인 경우 WordPress 또는 Joomla와 같은 CMS를 기반으로 할 수 있습니다. 확실하지 않은 경우 웹 사이트를 디자인한 사람에게 문의하십시오. CMS 기반 웹사이트에서 콘텐츠 변경을 시작하려면 사이트의 관리 패널에 로그인합니다. 관리 패널은 다양한 유형의 콘텐츠 관리를 위한 버튼을 제공합니다. 로그인 후 사이트의 게시물 및 기사를 추가, 삭제 또는 수정할 수 있습니다. CMS를 사용하여 사이트의 다른 매개변수 중 일부를 변경할 수도 있습니다. 예를 들어 사이트에서 WordPress를 사용하는 경우 다른 테마를 설치하여 사이트 레이아웃을 변경할 수 있으며 플러그인을 설치하여 사이트 기능의 일부 측면을 변경할 수 있습니다.

오늘의 비디오

웹사이트의 콘텐츠 및 기능 변경

웹사이트의 구조나 콘텐츠를 편집해야 하고 사이트에서 CMS를 사용하지 않는 경우 사이트의 실제 파일을 편집해야 합니다. HTML, PHP 또는 JavaScript를 처음 구현하는 경우 주의하십시오. 웹 개발 기술에 자신이 없다면 코드를 직접 변경하면 웹 사이트의 기능이 손상될 수 있습니다. 이러한 경우 WYSIWYG 편집기가 유용할 수 있습니다. WYSIWYG 편집기는 웹사이트의 변경 사항을 표시하며 텍스트 편집기에서 페이지 코드를 변경하는 대신 요소를 드래그합니다.

웹사이트의 시각적 스타일 변경하기

웹 사이트의 시각적 감각의 대부분은 하나 이상의 Cascading Style Sheets 파일에 포함되어 있습니다. 이 파일은 사이트의 HTML에 특정 요소를 배치할 위치, 배경 색상 및 사용할 글꼴을 알려줍니다. CSS 파일을 편집하여 페이지의 스타일 측면을 변경합니다. CSS 파일의 이름을 바꾸는 경우 해당 HTML 파일이 이름이 바뀐 버전의 파일에 연결되어 있는지 확인해야 합니다. 이 링크는 HTML 문서 섹션에 있습니다. WYSIWYG 편집기를 사용하면 사이트 코드에 적용하는 것이 불편하더라도 자신 있게 변경할 수 있습니다.

웹사이트에 파일 업로드

사이트 코드를 변경한 후 변경 사항을 적용하려면 호스팅 서버에 파일을 업로드하세요. 변경 사항이 사소한 경우 파일 복사본을 로컬 컴퓨터에 다운로드하고 편집한 다음 서버로 반환할 수 있습니다. 예를 들어, 웹 사이트의 index.html 파일에서 한 줄을 변경하려면 먼저 서버에서 다운로드하여 파일의 최신 버전을 수정하고 있는지 확인하십시오. 변경한 후 파일을 서버에 업로드하고 이전 파일을 덮어써야 합니다. 파일 전송 프로토콜 클라이언트를 사용하여 이러한 전송을 수행합니다. FTP 클라이언트는 파일 교환을 위해 컴퓨터를 원격 서버에 연결합니다.