ウェブデザインに必要な基本的なツールは驚くほど簡単です。コンピュータとインターネット接続を除けば、ウェブサイトを構築するために必要なツールのほとんどはソフトウェアプログラムであり、その一部はすでにコンピュータにインストールされている場合があります。 Webサーバーにファイルをアップロードするには、テキストエディタ、HTMLエディタ、グラフィックスエディタ、Webブラウザ、およびFTPクライアントが必要です。
基本的なテキストまたはHTMLエディタの選択
Windows 10ではメモ帳、Macではテキストエディット、LinuxではViまたはEmacsなどのプレーンテキストエディタでHTMLを記述できます。 HTMLコードを入力し、文書をWebファイルとして保存し、ブラウザーで開いて、そのように見えるようにします。
プレーンテキストエディタで見つけたよりも多くの機能を使用するには、代わりにHTMLエディタを使用します。 HTMLエディタはコードを認識し、ファイルを起動する前にコーディングエラーを特定できます。また、忘れた終了タグを追加して、壊れたリンクを強調表示することもできます。彼らは、CSS、PHP、JavaScriptなどの他のコーディング言語を認識し、対応しています。
市場には多くのHTMLエディタがあり、基本ソフトウェアからプロフェッショナルレベルのソフトウェアまでさまざまです。 WYSIWYG（あなたが見ているものは何ですか）の編集者があなたのために一番うまくいくかもしれません。一部のエディタではコードのみが表示されますが、一部のコードではコーディングビューとビジュアルビューを切り替えることができます。以下は、利用可能な多くのHTML Webエディタの一部です：
- コモドIDE ユーザーフレンドリーなインターフェイスは、初心者および上級者の両方に適しています。 Komodo IDEのオートコンプリート機能は、リンクなどの一般的な要素のコードを記述する方法を知っているため、新規開発者にとって特に便利です。ソフトウェアは、HTML、CSS、および他の多くのコーディング言語のような異なるコーディングタイプのカラーコーディングをサポートしています。 Komodo IDEは、Windows、Mac、Linuxで動作するクロスプラットフォームのソフトウェアです。
- CoffeeCup HTMLエディタ ビジュアルインターフェイスよりもコーディングの学習に興味がある新しい開発者のためのものです。この強力なエディタにはテンプレートが付属しており、コードにエラーがないようにするための検証チェッカーがあります。これにはコード補完が含まれ、HTMLと組み合わせて使用できる他のコーディング言語がサポートされています。初心者は、ソフトウェアがコード内のエラーをハイライト表示し、なぜそれらが登場したのかを説明し、開発者に修正方法を教えてくれることを感謝します。 CoffeeCup HTMLエディタはWindows上で動作します。
- モービリゼ コードに関わりたくない人のためのHTMLエディタです。テーマを選んだ後、要素をページにドラッグアンドドロップすることです。通常のテキストエディタと同じようにテキストを追加し、イメージ、ビデオ、またはアイコンを挿入します。 Mobiriseはあなたのためにその部分を行います。 MobiriseはWindowsとMacで利用でき、無料です。
ウェブブラウザ
ブラウザでWebページをテストして、ページを起動する前に意図したとおりに表示されているかどうかを確認します。 Chrome、Firefox、Safari（Mac）、Internet Explorer（Windows）が最も一般的なブラウザです。あなたのコンピュータで使用しているのと同じくらい多くのブラウザであなたのHTMLをチェックし、Operaのようなあまり知られていないブラウザをダウンロードしてください。
グラフィックスエディタ
必要なグラフィックエディタのタイプは、あなたのウェブサイトによって異なります。 Adobe Photoshopは写真を扱う際のゴールデンスタンダードですが、それほどの力は必要ありません。あなたは、ロゴとイラストレーションのためのベクトルグラフィックプログラムを好むかもしれません。基本的なWeb開発用途を検討するいくつかのグラフィックエディタには以下のものがあります。
- GIMP は、より高価な競合他社の多くの機能を提供する無料のオープンソースの写真編集プログラムです。オープンソースソフトウェアとして、Windows、Mac、Linuxで利用できます。
- Photoshop Elements Mac用とPC用のイメージエディタは、その名前の淡いバージョンですが、Web用のグラフィックスを扱うための豊富なパワーを持っています。
- Corel PaintShop ProPhotoshopで見つけた便利なツールのほとんどと、使いやすいインターフェースがPC用に用意されています。
- インクスケープ Windows、Mac、Linuxはフリーのベクターグラフィックエディタです。高価なAdobe Illustratorの代わりに、シンプルなデザイン作業とWebグラフィックスを実現するのに十分なパワーがあります。
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クライアントの1つであると考えられています。
