Web デザインの基本ツール
Web 開発者として始めるのに多くのソフトウェアは必要ありません
目次拡大コンピューターとインターネット接続を除けば、ウェブサイトを構築するために必要なツールのほとんどは次のとおりです。 ソフトウェア プログラム 、その一部は既にコンピューターにある可能性があります。 Web サーバーにファイルをアップロードするには、テキストまたは HTML エディター、グラフィック エディター、Web ブラウザー、および FTP クライアントが必要です。
基本的なテキストまたは HTML エディターの選択
次のようなプレーン テキスト エディタで HTML を記述できます。 メモ帳 Windows 10 では、 テキスト編集 Mac では Sublime Text、Linux では Vi または Emacs を使用できます。ページの HTML コーディングを作成し、ドキュメントを Web ファイルとして保存し、ブラウザーで開いて、想定どおりに表示されることを確認します。
プレーン テキスト エディタよりも多くの機能が必要な場合は、代わりに HTML エディタを使用してください。 HTML エディターはコードを認識し、ファイルを起動する前にコーディング エラーを特定できます。また、忘れた終了タグを追加して、破損を強調表示することもできます リンク . CSS、PHP、JavaScript などの他のコーディング言語を認識して対応します。
市場に出回っている多くの HTML エディターは、基本的なレベルから専門的なレベルまでさまざまです。 Web ページの作成に慣れていない場合は、 ウィジウィグ (What You See Is What You Get) エディターが最適かもしれません。コードのみを表示するエディターもあれば、コーディング ビューとビジュアル ビューを切り替えることができるエディターもあります。利用可能な多くの HTML Web エディターの一部を次に示します。
ライフワイヤー
ライフワイヤー
ライフワイヤー
ウェブブラウザ
Web サイトはブラウザーごとに異なって見えることがあるため、Web ページをテストして、意図したとおりに表示および機能することを確認することが重要です。 Chrome、Firefox、Safari (Mac)、 オペラ 、および Edge (Windows) は、最も一般的なブラウザーです。
モバイル ブラウザーでのページの外観と機能についてもテストする必要があります。ほとんどのデスクトップ ブラウザには、さまざまなサイズのウィンドウで Web サイトを表示する機能が備わっています。たとえば、豊富なテスト ツールが Google Chrome で利用できます。 意見 > デベロッパー > 開発者ツール .開発者ウィンドウの左上にあるスマートフォン アイコンを選択すると、さまざまなサイズのウィンドウとモバイル オペレーティング システムでページが表示されます。
ライフワイヤー
グラフィックエディタ
必要なグラフィック エディターの種類は、Web サイトによって異なります。 Adobe Photoshop がゴールド スタンダードですが、それほど多くの機能は必要ないかもしれません。また、ロゴやイラストの作業にはベクトル グラフィック プログラムが必要になる場合もあります。基本的な Web 開発で注目すべきいくつかのグラフィック エディターには、次のようなものがあります。
ライフワイヤー
FTP クライアント
HTML ファイルとサポートする画像およびグラフィックを Web サーバーに転送するには、FTP (ファイル転送プロトコル) クライアントが必要です。 FTP は、Windows、Macintosh、および Linux のコマンド ラインから使用できますが、専用の FTP クライアントを使用する方がはるかに簡単です。トップ FTP クライアント 含む：
ライフワイヤー / リチャード・サヴィル
ライフワイヤー