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