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