웹 디자인에 필요한 기본 도구는 놀랍도록 간단합니다. 컴퓨터와 인터넷 연결을 제외하고 웹 사이트를 구축하는 데 필요한 도구는 대부분 소프트웨어 프로그램이며 일부는 이미 컴퓨터에있을 수 있습니다. 웹 서버에 파일을 업로드하려면 텍스트 또는 HTML 편집기, 그래픽 편집기, 웹 브라우저 및 FTP 클라이언트가 필요합니다.
기본 텍스트 또는 HTML 편집기 선택
Windows 10에서는 Notepad, Mac에서는 TextEdit, Linux에서는 Vi 또는 Emacs와 같은 일반 텍스트 편집기에서 HTML을 작성할 수 있습니다. HTML 코드를 입력하고 문서를 웹 파일로 저장 한 다음 브라우저에서 열어 문서가 정상적으로 보이는지 확인합니다.
일반 텍스트 편집기에서 찾을 수있는 것보다 더 많은 기능을 원할 경우 HTML 편집기를 사용하십시오. HTML 편집기는 코드를 인식하고 파일을 시작하기 전에 코딩 오류를 식별 할 수 있습니다. 또한 잊어 버린 닫기 태그를 추가하고 깨진 링크를 강조 표시 할 수 있습니다. 그들은 CSS, PHP 및 JavaScript와 같은 다른 코딩 언어를 인식하고 수용합니다.
시장에 많은 HTML 편집기가 있으며 기본 수준에서 전문 수준의 소프트웨어까지 다양합니다. WYSIWYG (What You See Is Get You) 편집자가 웹 페이지 작성에 익숙하지 않은 사용자에게 적합합니다. 일부 편집자는 코드 만 표시하지만 일부 편집기에서는 코딩보기와 시각적보기를 전환 할 수 있습니다. 다음은 사용 가능한 여러 HTML 웹 편집기 중 일부입니다.
- 코모도 IDE 및 사용자 친화적 인 인터페이스는 초급 및 고급 웹 개발자 모두에게 적합합니다. Komodo IDE의 자동 완성 기능은 링크와 같은 공통 요소에 대한 코드를 작성하는 방법을 알고 있기 때문에 새로운 개발자에게 특히 유용합니다. 이 소프트웨어는 HTML, CSS 및 기타 많은 코딩 언어와 같은 다양한 코딩 유형의 색상 코딩을 지원합니다. Komodo IDE는 Windows, Mac 및 Linux에서 실행되는 교차 플랫폼 소프트웨어입니다.
- CoffeeCup HTML 편집기 비주얼 인터페이스보다 코드 작성에 더 많은 관심이있는 신규 개발자를위한 것입니다. 이 강력한 편집기에는 템플릿이 포함되어 있으며 코드를 오류없이 유지할 수있는 유효성 검사기가 있습니다. 그것은 코드 완성을 포함하며 HTML과 함께 사용할 수있는 다른 코딩 언어를 지원합니다. 초보자는 소프트웨어가 코드의 오류를 강조 표시하고 왜 나타나는지 설명하고 개발자에게 오류를 수정하는 방법을 알려주는 경우 감사하게 생각합니다. CoffeeCup HTML 편집기는 Windows에서 실행됩니다.
- 모 비리 스 코드에 관여하고 싶지 않은 사람들을위한 HTML 편집기입니다. 테마를 선택하고 페이지에서 요소를 끌어다 놓는 것입니다. 일반 텍스트 편집기에서와 마찬가지로 텍스트를 추가하고 코드를 쓰지 않고 이미지, 비디오 또는 아이콘을 삽입하십시오. 모비 리즈가 당신을 위해 그런 역할을합니다. Mobirise는 Windows 및 Mac에서 사용할 수 있으며 무료입니다.
웹 브라우저
브라우저에서 웹 페이지를 테스트하여 페이지를 실행하기 전에 의도 한 것처럼 보이게하십시오. Chrome, Firefox, Safari (Mac) 및 Internet Explorer (Windows)가 가장 많이 사용되는 브라우저입니다. 컴퓨터에서 사용하는만큼의 브라우저에서 HTML을 확인하고 Opera와 같이 잘 알려지지 않은 브라우저를 다운로드하십시오.
그래픽 편집기
필요한 그래픽 편집기 유형은 웹 사이트에 따라 다릅니다. 어도비 포토샵은 사진 작업의 가장 중요한 표준이지만, 그렇게 많은 힘이 필요하지는 않습니다. 로고 및 일러스트레이션 작업을위한 벡터 그래픽 프로그램을 선호 할 수도 있습니다. 기본 웹 개발 사용을 고려하는 몇 명의 그래픽 편집자는 다음과 같습니다.
- 단 더 비싼 경쟁 업체의 많은 기능을 제공하는 무료 오픈 소스 사진 편집 프로그램입니다. 오픈 소스 소프트웨어로서 Windows, Mac 및 Linux에서 사용할 수 있습니다.
- 포토샵 요소 Mac과 PC의 경우 이미지 편집기는 이름을 밝히고 있지만 웹용 그래픽 작업을 할 수있는 강력한 기능을 갖춘 이미지 편집기입니다.
- Corel PaintShop ProPC의 경우 포토샵에서 찾을 수있는 유용한 도구와 사용하기 쉬운 인터페이스가 거의 대부분 있습니다.
- 잉크 스케이프 Windows, Mac 및 Linux는 무료 벡터 그래픽 편집기입니다. 이 값 비싼 Adobe Illustrator의 대안은 간단한 디자인 작업과 웹 그래픽을위한 충분한 힘을 가지고 있습니다.
FTP 클라이언트
HTML 파일을 전송하고 이미지와 그래픽을 웹 서버에 전송하려면 FTP 클라이언트가 필요합니다. FTP는 Windows, Macintosh 및 Linux의 명령 줄을 통해 사용할 수 있지만 클라이언트를 사용하는 것이 훨씬 쉽습니다. 다음과 같은 많은 양질의 FTP 클라이언트가 있습니다.
- FileZilla Windows, Mac 및 Linux에서 사용할 수있는 무료 FTP 클라이언트입니다. 그것은 끌어서 놓기 파일 전송을 지원하고 큰 파일을 업로드하기위한 일시 중지 및 다시 시작 기능을 가지고 있습니다.
- 사이버 덕 외부 편집자 및 매력적인 사용자 인터페이스와의 완벽한 통합으로 알려진 개방형 크로스 플랫폼 소프트웨어입니다.
- 무료 FTP 과 직접 FTP 동일한 회사가 만든 것입니다. 무료 FTP는 최소한의 클라이언트이지만 모든 기본 파일 전송 요구를 충족시킵니다. Direct FTP는 고급 기능을 제공하는 프리미엄 버전입니다. 두 버전 모두 Windows 7,8 및 Vista에서 지원되지만 Direct FTP 만 Windows 10에 적합합니다.
- 부치다 프리미엄 Mac 전용 FTP 클라이언트입니다. 비정상적으로 빠른 전송을 용이하게하고 Amazon CloudFront를 지원합니다.
- 귀여운 FTP 동시에 최대 100 개의 전송을 수행하는 데 사용할 수있는 강력한 프리미엄 FTP 클라이언트입니다. 그것은 주위에 가장 안전한 FTP 클라이언트 중 하나로 간주됩니다.
