最初の Web ページを作成する方法

あなたのビジネスや興味を促進するためにウェブサイトを書いて投稿する

机の上の macbook pro コンピューター画面の web ページのデザイン

CC0 パブリック ドメイン / Pxhere





初めての Web ページを作成することは、人生で最も難しいことではありませんが、簡単でもありません。これまで必要としなかった新しいテクノロジー、語彙、ソフトウェアを学ぶ必要があります。

あなたはいくつかの基本的なことを学ぶ必要があります HTML コードを作成し、Web エディターを入手し、Web ページをホストするサービスを見つけ、ページのコンテンツを組み立て、Web ページをホストにアップロードし、ページをテストしてから宣伝します。うわー!



幸いなことに、これを一度すべて実行すると、学習曲線をマスターしたことになります。複数のトピックまたは複数の目的で Web ページを作成するために、何度でもそれを行うことができます。

01/08

時間をかけて計画を立てる

何かを行う前に、作成しようとしている Web ページに関する基本的な質問を決めるのに時間を費やしてください。聴衆を特定し、彼らに何を伝えなければならないかを理解します。ビジネスを宣伝している場合は、競合他社の Web サイトをチェックして、何が効果的で何が効果的でないかを判断してください。複数の Web ページが接続された Web サイトを計画している場合、おそらくそうである場合は、ページ間の関係を示す図を描いてください。



計画を立てる前に時間を費やすほど、 ウェブサイトの構築を開始する 、実際の構築プロセスがスムーズに進む可能性が高くなります。

02/08

Web エディターを入手する

Web ページを作成するには、Web ページを機能させるコードである HTML を入力するための Web エディターが必要です。多額の費用を投じる派手なソフトウェアである必要はありませんが、利用可能なソフトウェアはたくさんあります。 Windows 10 のメモ帳や Mac でのテキストエディット 、またはインターネットから無料または安価なエディターをダウンロードできます。 NotePad++ と Komodo Edit は特に優れています Windows 用の無料の HTML エディター . Komodo Edit は Mac でも利用できます。他の Mac 用の無料の HTML エディター Bluefish、Eclipse、SeaMonkey などが含まれます。

03/08

基本的な HTML を学ぶ

HTML は Web ページの構成要素です。 WYSIWYG (What You See Is What You Get) エディターを使用でき、HTML の知識はまったく必要ありませんが、少なくとも少し HTML を学ぶことは、ページの作成と維持に役立ちます。 Web ページの作成にもう少し慣れるにつれて、次のことを学びたいと思うでしょう。 カスケード スタイル シート (CSS) および XML を使用して、新しいスキルを次のレベルに引き上げます。今のところ、 HTMLの基礎 .

HTML を学ぶことは難しくなく、HTML の例を見ることで多くのことを学ぶことができます。ほとんどのブラウザでは、次のオプションを選択できます。 ソースコードを見る あなたが見ているウェブページの。圧倒されないように、シンプルなページを選んでください。あなたもできるかもしれません ソースコードをコピーする それを勉強する。



練習するには、テキスト エディターで簡単な HTML を記述し、Web 上でどのように表示されるかをプレビューします。文字化けしている場合は、おそらく何かを取り残している可能性があります。意図したとおりに見える場合は、おめでとうございます。

04/08

Web ページを作成してハード ドライブに保存する

Webページを組み立ててコンテンツを書くのは楽しい部分です。 Web エディターを開き、Web ページの作成を開始します。テキスト エディターの場合は HTML の知識が必要ですが、WYSIWYG の場合は、Word 文書と同じように Web ページを作成できます。



Web 向けのライティングは、他のタイプのライティングとは異なります。人々は、よく読むよりも、目で見たものをざっと読む傾向があり、千語の論文に固執することはありません。テキストは短く、Web ページに関連するものにしてください。最初の段落の要点をつかみ、能動態で書きます。アクション動詞は流れを動かし続けます。文を短くし、可能な場合は段落ではなくリストを使用します。読者の目を引き付けるために、小見出しを大きくまたは太字で計画します。

追加することを忘れないでください 画像リンク あなたのウェブページに。 HTML の基本で両方を行う方法を学習している必要があります。画像のコピーを Web ホストまたは Web 上の別の場所にアップロードして、必要なときに作業できるようにする必要があります。ドライブ。



いつも Web ページをプレビューする そしてあなたの仕事を校正してください。ほんの少しのタイプミスや壊れたリンクは、トピックに関する信頼性を損なう可能性があります.

05/08

Web ページの Web ホストを見つける

Web ページを作成してハード ドライブに保存したので、他の人が見られるように Web 上に配置します。これは、すべてのファイルをアップロードする会社である Web ホストの支援を受けて行います。それらはたくさんあり、信頼できるホストを選択することが重要です. Web ホスティングのレビュー サイトにアクセスするか、HostGator や GoDaddy などのビジネス向けの有名なプロバイダーを利用できます。 Wix (WYSIWYG プラットフォーム)、WordPress.com、および Weebly を見逃さないでください。これらはすべて定評のあるホストです。



Web ホスティングには、無料 (広告の有無にかかわらず) から月額数百ドルまでの多くのオプションがあります。 Web ホストに必要なものは、Web サイトが読者を引き付けて維持するために必要なものによって異なります。いくつかの Web ホスティング Web サイトにアクセスして、その費用と提供内容を確認してください。一部のプロバイダーはジェネリックを提供します URL ただし、ビジネス用に URL をパーソナライズしたい場合、または URL の一部として自分の名前を使用したい場合は、ドメインに登録する必要があります。 $10 以下または $10,000 以上でドメインを登録できます。これは最初の Web ページなので、低めに設定します。

アプリケーションに記入し、ドメインを取得し、必要なその他の機能を決定し、Web ホストにサインアップします。

06/08

ページをホストにアップロードする

ホスティング プロバイダーを取得したら、ファイルをローカル ハード ドライブからホスティング コンピューターに移動する必要があります。多くのホスティング会社は、ファイルのアップロードに使用できるオンライン ファイル管理ツールを提供していますが、そうでない場合は、 FTP を使用して Web ページをアップロードする .プロセスはプロバイダーによって異なるため、ファイルをアップロードする場所については、指示に従ってください。ほとんどのホスティング プロバイダーは、最初のファイルをアップロードするあなたのような人向けのチュートリアルを公開しています。会社のサーバーにファイルを取得する方法とファイルをどこに置くかについて具体的な質問がある場合は、技術的なサポートを依頼してください。

ある時点で、Web ホストから URL を受け取ります。これはあなたのウェブサイトのアドレスであり、あなたの作品を賞賛できるように、すべての友人や親戚に渡すことができますが、まだ配布しないでください.

07/08

ページをテストする

URL をソーシャル メディアに投稿したり配布したりする前に、Web ページをテストしてください。不愉快な驚きは必要ありません。

多くの初心者 Web 開発者は、Web ページ作成のテスト段階を省略していますが、これは重要です。ページをテストすることで、それらが正しい URL にあり、すべての一般的な Web ブラウザーで問題なく表示されることを確認できます。 Chrome、Firefox、Safari、Opera、およびあなたまたは友人がコンピューターにインストールしたその他のブラウザーで Web ページを開きます。すべての画像が表示され、リンクが機能することを確認します。不愉快な驚きは必要ありません。

驚きに遭遇した場合は、Web デザインの問題を解決するための標準的な手順を実行してください。

Web ページが計画どおりに表示されたら、それを宣伝します。

08/08

あなたのウェブページを宣伝する

Web 上に Web ページを公開したら、人々にそのことを知らせましょう。最も簡単な方法は、クライアント、友人、家族に URL を記載した電子メール メッセージを送信することです。 URL を電子メールの署名に追加するか、ソーシャル メディア サイトに投稿します。ビジネス用の場合は、名刺やその他の印刷物に住所を追加してください。

Web ページを多くの人に見てもらいたい場合は、検索エンジンや他の場所で Web ページを宣伝する方法を学ぶ必要がありますが、検索エンジン最適化 (SEO) についてはまた別の話です。