Website-development-quick-guide

ウェブサイト開発-はじめに

Webサイトは、すべて相互に関連する複数のWebページのコレクションとして定義でき、Internet Explorer、Mozilla、Google Chrome、Operaなどのブラウザーを使用して、ホームページにアクセスしてアクセスできます。 たとえば、 finddevguides のWebサイトアドレスは-https://www.finddevguides.com/[www.finddevguides.com]です。

ホームページ

各Webサイトには、ドメイン名*と呼ばれる*一意のグローバルアドレス*である独自の *URL があります。 URLの構成-

ドメイン名URL

• Webサイトへのアクセスに使用される*プロトコル*。この場合は http で、ポート80を意味します。 https にすることもできます。ポート443。
• デフォルトでは www である*サブドメイン*。
• ドメイン名;ドメイン名は通常、意味を持つように選択されます。 私たちの場合の「finddevguides」のように、このWebサイトがチュートリアルを提供していることを理解できます。
• * .com、.info、.net、.biz、または国固有の*サフィックス名。 詳細については、次のウィキペディアのリンクを参照してください-https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains[[[1]]]
• ディレクトリ、または簡単に言えば、このWebサイトを保持するサーバー内のフォルダー。
• 私たちが見ている*ウェブページ*、この例では「about_careers」です。

ウェブページ

ウェブサイトが必要な理由

ウェブサイトは主に、情報を共有したい人とそれを消費したい人との間の橋渡しとして機能します。 あなたがビジネスを運営している場合、あなたの提供物を放送し、グローバルな段階で潜在的なクライアントに手を差し伸べるためのウェブサイトを持っていることは、ほぼ必須です。

以下のポイントは、ウェブサイトを持つことが重要である理由を説明します-

• Webサイトは、ビジネスオファーを宣伝できるオンラインパンフレットです。
• これにより、広範囲にわたるグローバルな顧客ベースに手を差し伸べるプラットフォームが提供されます。
• あなたがブロガーなら、読者に影響を与える可能性があります。
• すべてのアイデアを表示して、それらをWebサイトに公開できます。
• ビジネスアイデアがあれば、待つ必要はありません。 すぐにオンラインショップを開き、オンラインで製品やサービスを販売できます。 追加の利点は、オンラインショップが年中無休でお客様に提供されることです。
• 顧客とコミュニケーションを取り、顧客に自己表現の機会を与えることができます。
• トラブルチケットシステムを使用することで、貴重なカスタマーサポートを提供できます。
• ドメインのある公式Webサイトをお持ちの場合は、パーソナライズされた電子メールを作成できます。 たとえば、 info＆commat; finddevguides.com （* florjan.llapi＆commat; yahoo.comよりもはるかに優れています）*です。

ウェブサイトをセットアップするには？

Webサイトはいくつかの要素で構成されており、Webサイトをセットアップする際には、それぞれの要素に注意する必要があります。

• Webサイトをセットアップしてライブにするには、最初にホスティングプランを購入する必要があります。
• このWebサイトのドメイン名を選択します。
• DNSレコードがサーバーまたはホスティングプロバイダーを指すようにします。
• Webサイトで公開するコンテンツを開発します。
• パブリック証明書を購入してインストールする必要があるかどうかを確認してください。
• Webページをインターネットで公開します。

このチュートリアルの以降の章では、これらの各ステップについて詳しく説明します。

ウェブサイト開発-必要なスキル

Webサイトのセットアップに必要なスキルは、非常に基本的なものから高度なものまでさまざまです。 グローバルなオーディエンス向けにプロフェッショナルなWebサイトをセットアップする場合、次のスキルを持っている必要があります。そうしないと、この仕事をするためにグループを雇う必要があります。

コンテンツエキスパート

コンテンツの専門家は、Webサイトで公開されるコンテンツを提供します。 ターゲットオーディエンスの要件に従ってコンテンツを設計し、公開する前にコンテンツを編集および洗練します。

コンテンツの専門家は通常、サイト設計者とウェブマスターの専門知識に依存しています。 コンテンツは、テキスト、データ、画像、音声、またはリンクにすることができます。

ウェブサイトデザイナー

Webデザイナーは、Webサイトのグラフィカルユーザーインターフェイス（GUI）を設計および保守する技術者です。 たとえば、ボタンの配置場所、画像の表示方法など。

グラフィックデザイナー

グラフィックデザイナーは、Webサイトに含める画像ファイルを開発します。 これらの専門家は、Web環境に適したグラフィックスを開発することに深い理解を持っています。

Web開発者

Web開発者は、Webサイト設計者が設定したサイト設計に基づいて、提供されたコンテンツを操作するプログラムコードを作成します。 Webプログラマーは、一連のプログラミング言語を使用して、Webページがバックグラウンドで実行する特定の機能をコンパイルする必要があります。 Webプログラマーが得意とする必要のある重要なプログラミング言語のセットを次に示します-

• HTML/XHTML -これらは、Webサイトの構築に使用するマークアップ言語です。 Webプログラマーは、HTMLとXMLを十分に理解している必要があります。
• PHP -Webページを開発するための一般的なプログラミング言語です。 PHPの詳細情報は、-link：/php/index [https://www.finddevguides.com/php/]で収集できます。
• * PERLスクリプト*-PERLは、インタラクティブなWebアプリケーションの開発に使用されている別の言語です。 PERLを使用してWebサイトを開発することを計画している場合は、チュートリアルを参照してください– link：/perl/index [https://www.finddevguides.com/perl/]で、PERLの詳細を確認してください。
• * JavaまたはVBスクリプト*-これらのスクリプトは、ユーザーレベルの検証を実行し、Webサイトに対話性を追加するために必要です。 そのため、Web開発者には、これらのクライアント側スクリプトのいずれかについて十分な知識が必要です。
• * AJAXテクノロジー*-AJAXはWeb上の最新テクノロジーです。 GoogleとYahooは、このテクノロジーを使用して、Webサイトの訪問者により良いブラウジングエクスペリエンスを提供しています。
• ASPまたはJSP -Web開発者は、インタラクティブなWebサイトを開発するためにASPまたはJSPに精通している必要があります。 詳細については、ASPとJSPのチュートリアル-リンク：/asp.net/index [https://www.finddevguides.com/asp.net/]およびリンク：/jsp/index [httpsを参照してください。 ：//www.finddevguides.com/jsp/]。
• Macromedia Flash -Macromedia Flashを使用してWebサイトを構築できます。 この技術を習得するには少し時間がかかる場合がありますが、使用方法を習得すると、Flashを使用して魅力的なWebサイトを開発できます。

ウェブ研究者

Webテクノロジーに影響を与える新しいツール、トレンド、問題について調査する必要があります。 ウェブ研究者は、ウェブサイトに統合できる新しい手法についてウェブマスターに報告します。 適切なサイトトラフィックを最適化し、ハードウェアまたはソフトウェアであるサイト開発ツールを評価します。

ハードウェアおよびソフトウェアのサポートリソース

サポートリソースは、必要に応じてハードウェアとソフトウェアをアップグレードします。 これらは、システムを完璧に稼働させるために重要な役割を果たします。

マーケティングとプロモーション

マーケティングの専門家は、主にFacebookやTwitterなどの人気のソーシャルメディアプラットフォームを使用して、サイトで利用可能なコンテンツとリソースを宣伝しています。 彼らはターゲットオーディエンスに手を差し伸べ、彼らの中で意識を高めます。

システム管理者

システム管理者は、プロトコルをHTTP、FTP、SMTP、およびDNSレコードとして設定し、ポイントする方法を知っています。 システム管理者は、Webサイトの開発とそのメンテナンスのあらゆる面を考慮した専門家です。

ウェブサイト開発-ドメイン名

ドメイン名はあなたのオンラインアドレスの一部であり、訪問者はあなたを簡単に見つけるためにそれを使用します。 たとえば、finddevguidesドメイン名は finddevguides.com です。 ドメイン名はあなただけのものです。 一度登録すると、更新を続けると誰も同じものを登録できなくなります。

ドメイン名は簡単に登録できます。これは、好きな名前を選択できるからです。しかし、ビジネスの将来やブログのWebサイトでは、選択した名前が非常に重要です。 したがって、このセクションでは、ドメイン名を購入する前に心に留めておく必要があるいくつかのルールに焦点を当てましょう。

ルール1 *-必要に応じて、ブランド名にできるドメイン名を選択します。 私たちのドメイン名 *finddevguides.com は、tutorials-points.comのような一般的なキーワード文字列がないため、「-」の場所を覚えるのが難しいため、本当にブランディングです。

ブランドに番号がない場合は、ユーザーの観点からは一致するブランドがないため、番号を持つドメインを購入しないでください。 たとえば、finddevguidess29.comです。

ルール2 *-経済的な可能性がある場合は、.com、.net、.info、.bizなどのさまざまな拡張子を持つドメインを購入できます。 この場合、finddevguides.net、finddevguides.info、finddevguides.bizのようになります。 同様のケースがgoogle.comのように、スペルミスのあるドメインがあります。 *gogle.com と書いた場合、1つは「o」*が欠落していますが、それでも公式ウェブサイトgoogle.comにリダイレクトされます。

Googleページ

• ルール3 *-このドメイン名が商標ではないか、著作権で保護されていることを確認する必要があります。

• ルール4 *-短いドメイン名を見つけます。 ドメイン名の文字が少ないほど、ソーシャルメディアプラットフォームおよび検索結果で入力、共有、候補リストへの入力が簡単になります。

• ルール5 *-拡張子は、Webアドレスの末尾にある.comや.netなどのサフィックスです。 これらには特定の用途があるため、ビジネスに適した拡張機能を選択してください。 .comドメイン拡張子は断然最も人気がありますが、非常に長い間存在するため、短くて覚えやすい.comドメイン名を取得するのは難しい場合があります。 ウェブページがローカルで配信されている場合は、国の接尾辞を付けて購入できます。

• ルール6 *-ドメイン名がブランド名ではない場合は、少なくともfinddevguides.comなど、ビジネスを説明する特定のキーワードを使用する必要があります。 これは、検索エンジンでのランクの向上（トラフィックの増加）に役立ち、顧客にとっても意味があります。

ドメイン名拡張子

最初のドメインタイプは*トップレベルドメイン（TLD）*です。 これらのトップレベルドメインには、.net、.info、.bizなど、1つのサフィックスのみを含む拡張子が含まれます。

第2レベルドメイン（2LD）*は、.comまたは.coサフィックスの後にもう1つのレベルを含むドメイン名です。 たとえば、。com.au *は、ウェブサイトがオーストラリアに由来することを示す.comの後に追加のサフィックスが含まれているため、第2レベルのドメインスタイルです。

*gTLD* は *Generic Top-Level Domain* であり、.marketing、.estate、.fashion、.photographyなどのアドレスが含まれます。 これは最近非常に人気のある急成長中のセグメントであり、業界に関係なく幅広い選択肢があります！

*CcTLD* は*国コードトップレベルドメイン*であり、通常は特定の国に制限されています。 これらは、.au、.uk、.ae、.usなどのドメインです。

拡張には意味もあります。 いくつかのトップレベルドメインの意味は次のとおりです-

• * .com –商用*-これはオープンTLDです。任意の個人またはエンティティが登録を許可され、常にメインTLDです。
• * .org –組織*-これはオープンTLDです。任意の個人または団体が登録できます。 ただし、元々は非営利団体による使用を目的としています。 しかし、現在のところ、そのような制限はなく、.orgドメイン名は多くの組織で使用されています。
• .net – network -これはオープンTLDです。任意の個人または団体が登録できます。 もともとは、コンピューターの分散ネットワークを指すドメイン、または一連の小規模なWebサイトへのポータルとして機能する「傘」サイトによる使用を目的としていました。
• * .edu –教育* –このTLDは、特定の高等教育機関（貿易学校や大学など）に限定されています。
• * .mil –軍事*-.mil TLDは、米国軍による使用に限定されています。
• * .arpa –アドレスおよびルーティング*-インターネットの初期の Advanced Research Projects Agency 向けです。現在、.arpaはインターネットインフラストラクチャTLDとしてのみ使用されています。

次の章では、ドメイン名を登録する方法を理解します。

ドメイン名登録

ドメイン名を登録するには、ドメイン名レジストラ*を介して *ICANN という組織に希望する名前を登録する必要があります。 たとえば、「mydomain.com」などの名前を選択した場合、レジストラに移動し、その名前に対して年間約10米ドルの登録料を支払う必要があります。 これにより、1年間ドメイン名の権利が付与されます。 毎年同じ金額で毎年更新する必要があります。

一部のウェブホストは、ホスティングプランを購入するとドメイン名を無料で登録しますが、他のウェブホストも同様に登録しますが、レジストラ料金と手数料を支払う必要があります。

ドメインを登録できる最大のレジストラの一部を以下に示します-

• GoDaddy-URL https://uk.godaddy.com
• 名前-URL https://www.name.com/
• iPage-URL https://www.ipage.com
• BlueHost-URL https://www.bluehost.com [https://www.bluehost.com/]
• Hostgator-URL https://www.hostgator.com/

次に、GoDaddyでドメイン名を登録する方法を順を追って見てみましょう。

まず、ドメイン名を選択して、無料で購入できるかどうかを確認する必要があります。

GoDaddy

私の場合、「finddevguides.com」と書いて「ドメインを検索」をクリックしました。

検索ドメイン

次のスクリーンショットにある結果でわかるように、このドメインはすでに取得されており、無料ではありません。 その後、GoDaddyが他の類似の名前を推奨します。

同様の意味

GoDaddyから提案された別のドメイン名「finddevguides.online」を選択します。

• 緑色の[選択]ボタンをクリックします。
• 次に、下のスクリーンショットに示すように「Continue to Card」をクリックします。

カートを続ける

他のページでは、GoDaddyはデフォルトで公開されているため、このドメイン名に関して追加料金でインターネットから個人情報を非表示にするかどうかを尋ねます。

プライベートにする

GoDaddyは、承認済みのドメイン名レジストラです。 また、Webサイトのホスティングサービスを提供するホスティングプロバイダーでもあります。 それはあなたが購入することを可能にし、同時にあなたのウェブサイトに適したプランを提供します。

レジストラ

「カートに進む」をクリックします。

続き

次に開くWebページで、この期間を延長する可能性があるドメインの年数を選択する必要があります。

• また、他の同様のドメインを購入する可能性があります。
• [チェックアウトに進む]をクリックします。

チェックアウト

新規顧客であるため、[続行]をクリックします。

新規顧客

請求セクションでは、支払い情報と一致する必要があるため、本物のデータを入力する必要があります。

請求セクション

アカウント情報には、電子メールID（この電子メールアドレスへのすべての請求関連通知およびその他の通知を取得します）、ユーザー名、パスワード、およびPIN（この電子メールIDは、アカウントのリセットやその他の所有権の問題でも重要ですアカウントがハッキングされます）。

アカウント情報

ここで、クレジットカードの詳細またはPayPalの詳細を入力する必要があります。 次に、次のスクリーンショットに示すように「続行」をクリックします。

カードの詳細

ドメインの購入が成功すると、次の画面が表示されます。

購入ドメイン

ウェブサイト開発-サブドメイン

サブドメインは、URLに転送したり、ホスティングアカウントまたは別のサーバー内のIPアドレスやディレクトリをポイントしたりできるドメイン名の拡張子です。 サブドメインはメインドメインとは別に機能します。 サブドメインを使用して、Webサイトの領域を作成できます。

例

既存のwww.finddevguides.com/blogに加えて、URL – blog.finddevguides.com からアクセスできる "Blog"というサイトのブログにサブドメインを作成できます。

理論上、ドメイン名ごとに無限のサブドメインを追加できます。 複数レベルのサブドメインを追加することもできます。 たとえば、 info.blog.finddevguides.com を追加して、サイトの関心のある特定の領域を詳しく調べることができます。 各サブドメインの長さは最大25文字です。

ブログ

ウェブサイト開発-ドメインプライバシー

Internet Corporation for Assigned Names and Numbers（ICANN）は、ドメイン名を所有および管理している人の郵送先住所、電話番号、および電子メールアドレスを「WHOIS」ディレクトリを通じて公開することを広く要求しています。 ただし、このルールにより、スパマー、ダイレクトマーケター、ID泥棒、またはその他の攻撃者がディレクトリを個人情報に使用できるようになります。 ICANNは、プライバシーを強化するためにWHOISの変更を検討しています。 どのような種類の変更を行うべきかについて、主要な利害関係者の間でコンセンサスが不足しています。 ただし、多くのレジストラからのプライベート登録の提供により、リスクの一部は軽減されました。

ドメインのWHOISレコードには4つの連絡先があります。

• オーナー
• 管理者
• 請求と
• テクニカル

一部のレジストラは、ドメイン名の所有権を保護するために所有者の組織名を保護しません。

ここで何が議論されているかを段階的に詳細に理解してみましょう。

URL [[2]]

ICANN Whoisページ

次のステップは、次のスクリーンショットに示すように「ルックアップ」をクリックすることです。

ルックアップ

次のスクリーンショットに示すように、ウェブページに表示されるキャプチャを入力し、「ルックアップ」をクリックします。

Captcha

このドメイン名の情報は次のように表示されます。 メインセクションは「連絡先情報」で、次のようなサブセクションがあります-

• 登録者の連絡先
• 管理者の連絡先
• 技術連絡先

これらのセクションのそれぞれがあります-

名前と姓、会社名、住所、電話番号、メールアドレス。 次のスクリーンショットは、この場合はGoDaddy.com、LLCである登録者名を示しています

レジストラ名

次のスクリーンショットは、ドメイン名がいつ登録され、いつ期限が切れるかという情報を示しています。

重要な日付

最後のスクリーンショットには、ドメインのネームサーバー（DNS）が表示されます。

ネームサーバー

次のスクリーンショットには、ドメイン名の詳細情報が含まれています。

全情報

ホスティングプラットフォームでDNSレコードを構成する

DNSレコードは主に、ドメイン名をこのWebサイトをホストするサーバーのIPに変換するために使用されます。 レコードはドメインレジストラで入力されることに注意することが重要です。 通常、これらはDNSマネージャーパネルを提供します。 主な目的は、ユーザーやアプリケーションがドメインに移動するために大きな数字を覚える必要がないことです。 たとえば、https://www.finddevguides.com/[www.finddevguides.com]のIPは93.184.220.42であるため、わかりやすい名前を覚えておくと簡単です。

ドメインをIPにポイントするには、レコードを使用します。 例：https://www.finddevguides.com/[www.finddevguides.com] A 93.184.220.42

公開する必要のある機能に応じて、Webページに使用される他の種類のDNSレコードがあります。

S.No	Type of Record & Explanations
1	A Record IPアドレスをホスト名に接続します
2	CNAME Record ホストに複数のDNS名を許可します
3	MX Record 電子メールが適切な場所に配信されるようにします
4	NS Record ネームサーバー情報が含まれています
5	TXT Record ホストに関する追加情報またはより多くの技術情報をサーバーに提供します
6	SRV Record 特定のサービスをホストするコンピューターを検索します
7	AAAA Record 標準のAレコード形式に適合しないIPアドレスを提供します
8	SPF Record スパム防止に役立つ

それを実際に見てみましょう。以前はドメイン finddevguides.online がGoDaddyで購入されており、IPをポイントする必要があります。 これを行うには、以下の手順に従う必要があります。

まず、ユーザー名とパスワードの入力から始める必要があります。 次に、「私のドメインの管理」をクリックします。

ドメインの管理

Settingをクリックして、DNSを管理するドメインを選択します。 「DNSの管理」をクリックします。

DNSの管理

新しいウィンドウがポップアップ表示されるので、入力するレコードを選択する必要があります。 この場合、 A Recordと入力して、Webサイトに公開する必要があります。

レコード

次のスクリーンショットに示すボックスが開きます。 「ホスト」ボックスに www となるサブドメイン名を入力し、「ポイント」ボックスにIP- 93.184.220.42 を入力します。 [TTL]ドロップボックスで、* 1時間*を選択する必要があります。これは、1時間でレコードがグローバルに広がり、Webページが有効になることを意味します。 これがすべて完了したら、「保存」をクリックします。

サブドメインホスト

ウェブサイト開発-CMSプラットフォーム

この章では、まず、Webサイトに適切な選択を行う方法と、Webサイトに選択するコンテンツ管理システム（CMS）プラットフォームについて説明します。

適切なウェブサイトの選択

いくつか質問をして、これを理解し、概念を詳細に議論しましょう。

• 質問1 *-どのくらいのお金を使いたいですか？

回答-これは予算に直接関係しているため、主な質問の1つです。 予算が低い場合は、非商業的で複雑すぎないものを考えてください。

• 質問2 *-メンテナンスにどれくらいの時間を計画する必要がありますか？

回答-多数のオファーを公開する場合、ブログをモデレートする場合など、確実に動的なWebサイトが必要になります。 これらすべてを処理するには、余分なスタッフが必要です。したがって、この質問は質問1と相関しています。 それ以外の場合は、フラットなWebサイトが必要です。これについては、次の章で説明します。

• 質問3 *-Webサイトは、製品をオンラインで販売するための電子商取引サイトとして使用されますか？

回答-この場合、eコマースと呼ばれるプラットフォームを探す必要があります。 Magento、Opencard、Shopifyなど、多くのそのようなオープンソースおよび商用のものがあります。

• 質問4 *-モバイルなどのさまざまな画面にビューを適合させる必要がありますか？

回答-これが主要な基準の1つであり、Webサイトの情報に関して他に多くの変更がない場合。次に、Bootstrapのような機能を備えたフラットWebサイトにアクセスする必要があります。

• 質問5 *-私のウェブサイトはソーシャルメディアや他のサードパーティプラットフォームとやり取りしますか？

回答-Webサイトで発生するすべてのイベントの記録が必要になり、データベースに保存されます。 このすべてのデータと記録を保持するには、動的なWebサイトが必要です。

• 質問6 *-どのタイプのウェブプログラミング言語またはプラットフォームが見つけやすいですか？

回答-国によっては、他よりも人気のあるプログラミング言語またはプラットフォームがいくつかあります。 そのため、まず地域のトレンドに合ったプラットフォームを見つける必要があります。

CMSプラットフォーム

コンテンツ管理システム（CMS）プラットフォームは、Webサイトの作成と実行を可能にするアプリケーションです。 管理パネルが表示されます。管理パネルは、ページ、投稿、その他の種類のコンテンツ（画像、ビデオなど）を作成および更新し、必要に応じてコンテンツを配置できるインターフェイスです。

テーマ（デザインテンプレート）をインストールして変更することにより、管理パネルからサイトのデザインを変更することもできます。 すべてのアクションは、さまざまなボタンをクリックするだけで実行されます。 ほとんどの場合、コードやスクリプトを記述する必要はないため、コンテンツを簡単に管理できます。

最も顕著なCMSプラットフォームは、 WordPress、Joomla 、および Drupal です。 これらは無料のオープンソースCMSエンジンです。 つまり、ソースコードが公開されています。 サイトでエンジンのコアファイルを使用、編集、カスタマイズできます。プラットフォームを改善する優れた方法を発見した場合、開発者に提案し、次の更新でエンジンをさらに改善するのに役立ちます。

*WordPress* はオープンソースのCMSです。 ウェブページの50％以上がそのプラットフォームのものです。 新しいリリースがリリースされるたびに、より包括的で直感的になり、人気が高まっています。 WordPressには、*トンの無料の拡張機能と最も使いやすいインターフェイス*があるコミュニティがあります。

WordPressでコンテンツを管理するのは非常に簡単です。ページを作成し、メニューに追加し、そこに何かを投稿し、サイトのフロントエンドでコンテンツを確認します。 これらすべてが、卓越したCMSプラットフォームになります。 公式Webページはhttps://wordpress.com/[[[3]]]

次のスクリーンショットは、ダッシュボードの背景を示しています。

ダッシュボード

*Joomla* はカスタマイズの可能性と使いやすさのバランスが取れていますが、WordPressよりもはるかに複雑です。 このエンジンを使用したことがない場合は、変更に慣れるのに時間がかかります。 モジュールへのプラグインの割り当て、異なるページへのモジュールの配置、レイアウトの構成、およびその他の必要な操作は、初心者の開発者にとって少し難しい場合があります。

一方、Joomla拡張機能の開発者とコミュニティは、WordPressで解決するのが難しい一般的なWebデザインの問題に対して、多くのインスピレーションを受けたソリューションを考案しました。 Joomlaスライダー拡張機能を例にとると、ページ上の位置、各スライドを表示する時間、スライド効果、ページネーションのタイプを設定できます。

公式Webページはhttps://www.joomla.org/です。

管理

*Drupal* は、フルタイムの管理者を確保できる巨大なWebサイトおよび組織向けです。 Drupalではほとんど何でもできます。 多くの場合、すぐに使用できるエンジンのオプションに魅了されます。 WordPressまたはJoomlaでカスタムコーディングが必要になるものの多くは、Drupalでデフォルトで既製のソリューションを備えています。 サードパーティの拡張機能でさらに強化できます。 しかし、私はあなたに正直になります-それを操作することを学ぶことは本当の挑戦です。 マスターするには多くの作業と忍耐が必要です。

その公式Webサイトはhttps://www.drupal.org/です。 ダッシュボードの背景のビューは、以下のスクリーンショットに示されています。

許可

フラットおよびダイナミックWebページ

静的またはフラットWebページとは、すべての情報と資料が保存されているときにユーザーの前に表示されるWebページを意味します。 静的Webページは、すべてのユーザーに同じ情報とデータを表示します。 インターネット技術では、* Hyper Text Markup Language（HTML）*は、人々が静的なWebページの作成を開始した最初の言語またはチャネルでした。 HTMLは、テキストのスタイル、段落の作成、および改行を提供します。 しかし、HTMLの最も重要な機能と機能はリンク作成オプションです。 静的なWebページは、そのマテリアルとコンテンツに役立ちます。これらはほとんど修正または更新する必要がありません。

静的Webサイトの利点

• 迅速な開発
• 安い開発
• 大きなホスティングプランは必要ありません

静的なWebサイトの欠点

• サイトを更新するにはWeb開発の専門知識が必要
• ユーザーにとって役に立たないサイト
• コンテンツが停滞する可能性があります

Webサーバー

1ページの静的Webサイトのファイル構造は次のとおりです。

静的ウェブサイト

動的なWebページ

動的Webページは、同じソースコードファイルから異なる訪問者に対して異なるコンテンツを生成できるため、現在の最新の傾向です。 ウェブサイトは、次のようなパラメータに基づいて異なるコンテンツを表示できます-

• 訪問者が使用しているオペレーティングシステムまたはブラウザ。
• ユーザーがコンピューターまたはモバイルデバイスを使用しているかどうか。
• 訪問者を参照したソースの場所。
• 訪問者が以前にオンラインショップなどから購入したことがある場合

動的Webページにはさまざまな目的があります。 たとえば、コンテンツ管理システムで実行されるWebサイトでは、単一のソースコードファイルで、さまざまなページにコンテンツを読み込むことができます。 これらの動的なWebページはすべてデータベースを使用していることに言及する必要があります。 コンテンツ作成者は、ゲートウェイページを使用して、新しいページの素材をCMSのデータベースに送信します。 動的ページは、URLのパラメーターに基づいて、データベース内の任意のページのマテリアルをロードします。 これは、訪問者がWebページをリクエストしたときに行われます。 動的ページを使用すると、ユーザーはWebサイトにログインしてパーソナライズされたコンテンツを表示できます。

前述したすべてのコンテンツ管理システム（WordPress、Joomla、Drupal）は動的なWebサイトです。

次の図は、動的Webページの概略図を示しています。

概略図

出版および開発ツール

初心者デベロッパーとしてWebサイトを開発するための基本的な必要性がわかったので、主な使用に必要ないくつかのツールが必要になります。

まず、アップロード速度が速く、最低1Mbpsのインターネットの基本パッケージが必要です。 次に、任意のオペレーティングシステム（Linux、iOS X、またはWindows）を搭載したコンピューターが必要です。 その場合、ハードウェアの仕様は最低1〜2 GBのRAM、プロセッサは少なくともデュアルコアの1つ、ハードディスクは約80 GBでなければなりません。

次のステップは、コードの作成と編集に役立つテキストエディターが必要です。 この目的に最適なテキストエディターの一部は、次のとおりです。

テキスト崇高

テキストの崇高はhttps://www.sublimetext.com/[[[4]]]からダウンロードできます。テキストは機能に応じてパラメーターの色を変更するので良いです。

Sublime

メモ帳

もう1つの一般的なテキストエディターは、https://notepad-plus-plus.org/[[[5]]]からダウンロードできるNotepad ++です。

メモ帳

編集パッド

最も人気のあるテキストエディターのリストの次は、もう1つの無料ツールであるEditPadです。 https://www.editpadlite.com/。からダウンロードできます。

EditPad

注-より快適に作業できると感じるテキストエディタを常に使用する必要があります。

XAMPPおよびLAMPP

動的なWebページを特別に開発するときにコンピューターに必要なもう1つのツールは、Windows OSのXAMPPとLinux OSのLAMPPです。 次のようなさまざまな製品があります

• Web Apache
• MariaDBとDB管理用のphpMyAdmin
• PHPおよび
• Perl Extra。

必要に応じて、Mercuryを使用してFTPサーバーとメールサーバーを作成することもできます。

XAMPP Windows

XAMPPのような別の同様のツールは WAMPSERVER で、次のリンクからダウンロードできます– http://www.wampserver.com/en/。

WAMPサーバー

ASPをコーディングしたい開発者には、Microsoftが提供するVisual Studioが必要です。 https://www.microsoft.com/web/。からダウンロードできます。

ASPコード

あなたが初心者であり、フラットな（静的な）Webサイトの開発を計画している場合、WYSIWYGと呼ばれるVisual HTMLテキストエディターが必要です。 最も一般的に使用されるエディターの1つは Macromedia Dreamweaver です。 次のリンクから簡単にダウンロードできます– http://www.adobe.com/products/dreamweaverl。

マクロメディア

必要なもう1つのツールはFTPクライアントで、これはファイルをホスティングコンテナーに転送するために使用されます。 一般に、これらのFTPクライアントは無料で、インターネットから簡単にダウンロードできます。

• WinSCPはhttps://winscp.net/eng/docs/guide_install[[[6]]]からダウンロードできます。
• FileZillaはhttps://filezilla-project.org/download.php[[[7]]]からダウンロードできます。

FileZilla

商用テーマと無料テーマ

テーマは、多くの場合そのレイアウトを含む、Webサイトのパーソナライズされたデザインです。 テーマを変更すると、フロントエンドでのWebサイトの外観が変わります。 通常、CMSプラットフォームには無料版と商用版の両方があります。 これらのテーマは、次のような機能ごとに分類されます。

• ビジネス
• IT産業
• ホスティングなど

無料のテーマはテーマプロバイダーにあり、無料で提供されていますが、商用の機能よりも機能が制限される場合があります。 無料のWordPressテーマを例に取りましょう。 これらのテーマは、次のリンク（https://wordpress.org/themes/）にあります。ビジネスプロファイルまたはニーズに応じて、それらを見つけてインストールできます。

それどころか、商業的なテーマについては、支払わなければなりません。 WordPressの商用テーマは次のリンクにあります– https://wordpress.org/themes/commercial/。

商業テーマ Website-development-choosing-hosting-company-and-plan

ウェブサイト開発-Cpanel

コントロールパネルは、ウェブホスティングアカウントの*管理ウェブインターフェース*です。 これは、アカウントのすべての側面を管理するためにアクセスするインターフェイスです。 通常は、FTPソフトウェアなどの追加ソフトウェアを使用してファイルをアップロードすることなく、コントロールパネル内でサイトのすべての部分を制御できますが、多くの人はより速く簡単にファイルをアップロードできます。

一部のWebホストはカスタマイズされた独自のコントロールパネルを使用しますが、それらのほとんどは一般的なプラットフォームを使用します。 ただし、業界のリーダーはcPanelです。 これは、ホスティングプロバイダーの中で最も普及しているコントロールパネルです。 cPanelの公式Webページは– [[8]]

cPanelについて詳しく説明し、cPanelの最も重要な側面を理解しましょう。

まず、CPanelを入力するには、ホスティング会社から提供されるURLを入力する必要があります。 これは一般に- yourdomain.com/cpanel である必要があります。 次に、ホスティング会社から提供されたユーザー名とパスワードを入力する必要があります。

Cpanel

メインダッシュボードは次のスクリーンショットのようになります。左側には、*一般情報*が表示され、ログインのユーザー名、ドメイン名、ホームディレクトリ、IPアドレスが表示されます。 画面の左下には、使用されているデータベース、電子メール、アドオンドメインなどの*統計*があります。

メインダッシュボード

*FILES* セクションで最も重要なフォルダーは *File Manager* で、Webページのファイルをアップロードまたはダウンロードできます。 次に重要なのは* FTPアカウント*です。ここでは、 *FileZilla* などのプログラムを使用してファイルをアップロードまたはダウンロードできるユーザーを作成できます。

ファイル

*FILES* セクションのバックアップを作成すると、Webページを完全または部分的にダウンロードできます。

バックアップ

*DATABASES* では、 *phpMyAdmin* はWebページのデータベースを管理できる最も重要なセクションです。 データベースとテーブルを編集、追加、切り捨てできます。 * MySQLデータベース*を使用すると、データベースまたはユーザーを作成および削除できます。 同じことは、 *MySQL Database Wizard* を使用して段階的に実行できます。

PHP管理者

*DOMAINS* セクションの *Addon Domains* フォルダーは、メインサイトのサブドメインとしてシステムが保存する追加ドメインです。 これらのアドオンドメインを使用して、アカウントで追加のドメインをホストできます。 *Site Publisher* は、使用可能なテンプレートのセットからWebサイトをすばやく作成するために使用されます。 *Subdomains* フォルダーは、新しいドメイン名なしで新しいWebサイトとして存在できるWebサイトのサブセクションです。

ドメイン

*EMAIL* セクションで最も重要なフォルダーは *Email Accounts* で、ドメインに関連付けられたメールアカウントを管理できます。

メールアカウント

*Metrics* セクションは、ウェブサイトの統計に関する詳細です。 あなたはそれぞれがあなたのウェブサイトのために異なるレポートを与えるのを見ることができます。

メトリック

*SECURITY* セクションの最も重要なフォルダーは *IP Blocker* です。ウェブサイトへのアクセスを許可したくないホストまたはネットワークをブロックできます。 Apacheを保護するために使用される *ModSecurity* もあります。

セキュリティ

ウェブサイト開発-セットアップ

ウェブサイト開発の重要な要素のほとんどを理解したら、今度はウェブページをセットアップするときです。 ウェブページを設定するには、以下に示すすべての手順に従う必要があります。

• ステップ1 *-まず、GODADDYでドメイン名を購入しました。

• ステップ2 *-必要なホスティングプランの分析に基づいて、ホスティングプロバイダーを選択しました。

• ステップ3 *-私たちの場合は再びGODADDYであったレジストラのDNSレコードとDNSサーバーを構成しました。

• ステップ4 *-上記のすべてのステップが完了したので、CPanel→ファイルマネージャーを使用してWebページのファイルをアップロードします。

ファイルマネージャー

ステップ5 *-開いた後、次のスクリーンショットに示すように、 *public_html という名前のフォルダーにファイルをアップロードします。

Public Html

• ステップ6 *-動的なWebサイトがある場合は、データベースも構成する必要があります。 それを行うには、MySQLデータベースにアクセスしてください。

MySQLデータベース

• ステップ7 *-*新規データベースの作成*をクリックし、ウェブサイトのデータベース名を入力して、以下のスクリーンショットに示すようにデータベースの作成をクリックします。

新しいデータベース

• ステップ8 *-[新しいユーザーの追加]セクションで、ユーザー名とパスワードを入力し、[ユーザーの作成]をクリックします。

新しいユーザー

• ステップ9 *-このデータベース用に作成したユーザーを追加して、データベースを管理する権限または許可を与える必要があります。

データベースにユーザーを追加

公的機関の証明書

デジタル証明書は、サーバーとクライアントの間に暗号化されたリンクを確立するための*セキュリティの標準です。 これは一般的に、メールサーバーまたは移行中のデータを暗号化して保護するWebサーバーの間です。 デジタル証明書は、サーバーの所有者の身元を確認する第三者機関によって発行されるデジタルIDまたはパスポートでもあります。

たとえば、次のスクリーンショットはeBayパブリック証明書を示しています。

Ebay公開証明書

デジタル証明書のコンポーネント

これらのすべてのコンポーネントは、証明書の詳細で見つけることができます-

• シリアル番号-証明書を一意に識別するために使用されます。
• Subject -特定された個人またはエンティティ。
• 署名アルゴリズム-署名の作成に使用されるアルゴリズム。
• 署名-発行者からのものであることを確認するための実際の署名。
• Issuer -情報を検証し、証明書を発行したエンティティ。
• Valid-From -証明書が最初に有効になる日付。
• Valid-To -有効期限。
• Key-Usage -公開鍵の目的（例： 暗号化、署名、証明書署名…​）。
• 公開鍵-公開鍵。
• Thumbprint Algorithm -公開鍵証明書のハッシュに使用されるアルゴリズム。
• Thumbprint -ハッシュ自体。公開鍵証明書の短縮形として使用されます。

証明書

検証の種類

検証には次の3つのタイプがあります-

• ドメイン検証SSL証明書。
• 組織が検証したSSL証明書。
• 拡張検証SSL証明書。

次に、それぞれについて詳しく説明します。

ドメイン検証SSL証明書

システム管理者によって登録されたドメインを検証し、証明書要求を承認する管理者権限（許可または許可）を持っています。 この検証は、通常、電子メールリクエストまたはDNSレコードによって行われます。

ドメイン検証

組織検証済みSSL証明書

ドメインの所有権と、正式名、市、国などのビジネス情報を検証します。 検証は、電子メールまたはDNSレコードの入力によっても行われます。 認証局は、身元を確認するためにいくつかの本物の文書も必要とします。 組織検証済みSSL証明書は、次のスクリーンショットに示すように、証明書の詳細に会社情報を表示します。

組織の検証

拡張検証SSL証明書

ドメインの所有権、組織情報、および組織の法的存在を検証します。 また、組織がSSL証明書要求を認識していることを検証し、承認します。 検証には、会社の身元を証明するための文書と、追加の手順とチェックのセットが必要です。 拡張検証SSL証明書は通常、下のスクリーンショットに示すような会社名を含むブラウザーの緑色のアドレスバーで識別されます。

拡張検証

公開証明書の購入

SSL証明書を購入するには、SSL証明書プロバイダー（認証局）にアクセスする必要があります。 SSL証明書プロバイダーごとに異なる製品、価格、顧客満足度があります。これは、Webホスティングの購入とほぼ同じロジックです。 最高のオファーと製品を確認するには、次のリンクをクリックしてSSLShopperを試してください。

https://www.sslshopper.com/certificate-authority-reviewsl。

SSL証明書の前に購入した他のクライアントからのレビューと経験があります。

SSL証明書

次の図に示すように、購入プロセスが実行されます。

購入プロセス

Eコマースプラットフォーム

この章では、eコマースについて説明します。 最も人気があり安全なeコマースプラットフォームはどれですか？ それらを保護するには何が必要ですか？

電子商取引は、インターネットから商品やサービスを売買し、この媒体を通じて支払いを行っています。 このトランザクションは、クライアントからビジネス、B2B、クライアントからクライアントの間で発生します。 これらすべての間にあるように、eコマースWebサイトを使用または設定する際には注意が必要な金銭取引があります。

同様に安全なトップeコマースプラットフォームのいくつかを、それらについての詳細な説明とともに以下にリストします。

マジェント

ウェブサイトのリンクは– https://magento.com [[[9]]]このプラットフォームは最高のものの1つであり、eBayによって開発されています。 Magentoは、* PayPalゲートウェイ*と簡単に統合できます。 無料版と有料版の2つのバージョンがあります。 脆弱性へのパッチの適用が速すぎます。さまざまなプラグインとカスタマイズがあります。 * SaaSソリューション*があります。つまり、商人が必要とするソフトウェアカスタマイズの柔軟性を維持しながら、弾力性のあるスケーラビリティ、高い復元力と可用性、PCIコンプライアンス、グローバルな可用性、自動パッチ適用を意味します。

マゼンタ

Shopify

Webサイトのリンクは、https://www.shopify.com [https://www.shopify.com]です。したがって、精算ページを希望どおりに設計しようとしている場合、Shopifyはおそらくあなたには向いていません。 実際、ホスト型ソリューションはいずれもカスタマイズ可能なチェックアウトプロセスを提供しないため、セルフホスト型セクションをすぐにジャンプできます。 Shopifyには、ストアにダウンロードしてインストールできる多くのアプリがあり、デフォルトの機能を拡張したり、新しい機能を導入したりできます。

Shopify

Woocommerce

Webサイトのリンクは– https://wordpress.org/plugins/woocommerce/。 WooCommerceは、非常に実用的なものを販売できる無料のeコマースプラグインです。 WooCommerceはWordPressとシームレスに統合するように設計されており、世界で人気のあるeコマースソリューションです。 これにより、ストアの所有者と開発者の両方が、WordPressテンプレートを使用する完全な制御を取得できます。

WooCommerceは、無限の柔軟性と数百の無料でプレミアムなWordPress拡張機能へのアクセスにより、他のどのプラットフォームよりも多くのオンラインストアの30％をサポートしています。

製品

ビッグコマース

ウェブサイトのリンクは-https://www.bigcommerce.com [[[10]]] 115を超えるeコマーステンプレート、無制限の製品アップロード、モバイルビューがあり、amazonおよびeBayと完全に統合されています。 。 また、ほとんどの支払いゲートウェイと統合できます。 セキュリティの観点から、PCIに準拠しています。

ビッグコマース

Eコマース決済ゲートウェイ

Payment Gatewayは、企業がクレジットカードと電子小切手を受け入れるのに役立つオンライン*支払い*処理テクノロジーです。 言い換えれば、支払いゲートウェイは、電子商取引プラットフォームとクライアントの間に位置する「中間者」です。

支払い

支払いゲートウェイを使用すると、次のことができます-

• 迅速かつ簡単に支払いを行います。
• 顧客のデータ（情報）とお金を安全に保ちます。
• 顧客の信頼を得て、顧客は喜んでお金を引き渡します。

適切な支払いゲートウェイを選択するには、次のガイドラインに従う必要があります-

• すべての国で運用されているわけではなく、あなたの国でサポートされている支払いゲートウェイを最終決定する必要があります。
• eコマースプラットフォームでサポートされている支払いゲートウェイを確認する必要があります。 たとえば、PayPalゲートウェイは、同じグループが作成したため、Magentoによって完全にサポートされています。
• 支払いゲートウェイはhttps://www.pcisecuritystandards.org/document_library?category=pcidss&document=pci_dss[3.0 PCIデータセキュリティ標準]である必要があります。
• 支払いゲートウェイと販売アカウント、またはオールインワン支払いサービスプロバイダーが必要ですか？
• 取引ごとに差し引かれる料金と手数料を確認する必要があります。
• どの支払い方法をサポートしていますか？ たとえば、VISAは支払い方法であり、Master Cardは別の支払い方法です。
• 彼らはあなたのビジネスをサポートしていますか？ たとえば、成人向けの素材、賭け、ギャンブル、銃器の販売、麻薬などを販売するビジネスを扱っていない人もいます。

最も人気のある支払いゲートウェイプロバイダー

以下は、最も広く使用され人気のある支払い逃走プロバイダーのリストと、それらに関する簡単な履歴です。

• PAYPAL -URLでビジネスモデルのすべての契約条件を見つけることができます– https://www.paypal.com/。 PayPalは最も長い歴史を持つ会社の1つです。おそらくオンラインで送金するための最も有名なサービスです。
• Amazon Payments -この非常に人気のある支払いゲッタウェイプロバイダーのURLは– https://payments.amazon.com/です。2007年に作成され、Amazon Paymentsは顧客に提供しますAmazon.comでの同じチェックアウトエクスペリエンス
• ストライプ-この支払いゲッタウェイのURLは– https://stripe.com/です。月額料金、カードや支払い方法、通貨ごとの追加料金はありません。 。 また、Stripeは優れたAPI（アプリケーションプログラムインターフェイス）も提供します。
• Netize Net -この人気のある支払いゲッタウェイプロバイダーのURLはhttps://www.authorize.net/[[[11]]]最も強力でよく知られている支払いゲートウェイの1つです。 eコマースのWordPressプラグインによって十分にサポートされています。
• 2Checkout -この支払いゲッタウェイプロバイダーのURLは– https://www.2checkout.com/。 2checkoutは、最もシンプルで手頃なクレジットカードゲートウェイの1つです。

次の章では、中小企業のWebサイトを作成する方法を理解します。

中小企業のウェブサイト

中小企業のウェブサイトを作成することは複雑な作業ではありません。 主な恐れは、ウェブサイトのコンテンツを把握することです。これは、ビジネスオーナーが先送りされる主な理由の1つです。 スモールビジネスWebサイトは、最小限のテキストと各ページに1つのオプション（たとえば、送信フォーム、お問い合わせボタンなど）を備えたシンプルな場合に最適です。

ビジネスWebサイトも、いくつかの重要なページを使用して、標準形式に従う傾向があります。 リストを確認する際、各ページの書式設定については心配せずに、含めるテキスト、画像、コンテンツについて考えてください。 中小企業のウェブサイトの最も重要なページは-

• Home
• 約
• ギャラリー
• サービス内容
• 接触

これらの重要なページはすべて、中小企業のWebサイトの次のスクリーンショットで見ることができます。

垂木

これらの重要な各ページを詳細に理解しましょう。

• ホーム-ホームページには、ビジネスの名前、所在地、顧客がビジネスを選択する理由についての簡単なピッチを含める必要があります。
• About -会社のバックグラウンドを提供し、組織のメンバーシップを一覧表示します。 また、Facebookなどのソーシャルメディアのような別のページにリンクする場合を除き、顧客の声も含めてください。
• ギャラリー-ギャラリーページには、ジョブプロセス、製品、スタッフなどのプロの写真を配置する必要があります。 クライアントは、あなたの働き方を「感じる」ことができます。
• サービス-販売する製品または提供するサービスに関する詳細が記載されたページ。 製品またはサービスの詳細を示すページで、提供する各カテゴリを説明し、価格を提示する1〜5文を費やします。
• 連絡先-このページでは、住所、メール、電話番号、営業時間を入力する必要があります。 TwitterやFacebookなどのソーシャルメディアアカウントへのリンクがこのページに表示されます。 現在地のGoogleマップを埋め込みます。

ウェブサイトをバックアップする

Webサイトのバックアップを作成することは、セキュリティ侵害、サイトファイルの不注意による削除、データベースの破損など、あらゆるタイプの障害に対する保険を提供するため重要です。

毎回、毎回変更する前に、サイトをバックアップすることをお勧めします。 何かがうまくいかない場合は、動作していることがわかっている新しいコピーがあります。 面倒に思えるかもしれませんが、初めてバックアップを使用するときは、非常に先見の明があるため、背中をなでてください。

Webサイトをバックアップするには2つの方法があります-

• マニュアル
• 自動（cPanel経由）。

ウェブサイトをバックアップするこれらの両方の方法について詳しく説明しましょう。

手動バックアップ

Webサイトを手動でバックアップするには、 FileZilla または WinSCP で前述したように、 File Transfer Protocol （FTP）クライアントを使用してバックアップします。 ローカルコンピューターをホスティングアカウントに接続し、それらの間でファイルを移動します。 Webサイトをバックアップするには、すべてのファイルをホスティングアカウントからローカルコンピューターにコピーするだけです。

データベースがある場合は、アカウントで使用されるダンプファイル（エクスポート/バックアップ）を作成します。 そのためには、 phpMyAdmin ツール（cPanelで利用可能）にアクセスする必要があります。

手動バックアップ

自動バックアップ

Webサイトを自動的にバックアップするには、 CPanel Console を使用して実行できます。これは、以下のスクリーンショットに示すように、 Backup Wizard をクリックして実行できます。

自動バックアップ

バックアップウィザードをクリックすると、表示される次のウィンドウは次のスクリーンショットのようになります。 cPanelが提供するツールを使用して、すべてがバックアップされる内容を説明します。

バックアップウィザード

Webサイト開発-Webページの移行

ウェブページの移行とは、*ホスト間でウェブページを移動*するプロセスです。 このプロセスはさまざまな理由で行われますが、そのうちのいくつかは-

• ホスティング会社のサポートにもう満足していません
• 別のホスティングよりも価格が安い
• 実際のホスティングプランではニーズが満たされなくなりました
• 提供される技術はもはや競争力がないなど。

移行はプロセスであるため、Webページのダウンタイムを最小限に抑えて移行を完了するには、次の手順が必要です。

• 前の章で説明したように、Webページを完全にバックアップする必要があります。
• 新しいホスティングにバックアップファイルをアップロードします。
• パブリックフォルダ内のファイルを解凍します。
• データベースファイルをインポートします。
• 新しいデータベースの資格情報でファイルを構成します。
• 新しいドメインネームサーバーに現在のレジストラを指定し、新しいレコードが伝達されるのを待ちます。

移行

ウェブサイトをテストする

この章では、Webサイトの小さなトラブルシューティングを行う方法を学びます。

シナリオ-シナリオは簡単です-Webサイトを開こうとすると、エラーがポップアップ表示されます-ページを表示できません。

回答-この問題は、以下のトラブルシューティング手順に従って対処できます。

• ステップ1 *-まず、インターネット接続の問題がないことを確認する必要があります。 別のWebサイトを開いて、同じ結果が得られるかどうかを確認するだけで確認できます。

• ステップ2 *-コンピューターにインターネットがありますが、ウェブサイトはまだ開いていません。

• ホスティングプランの有効期限が切れているかどうかを確認する必要があります（支払いを忘れた可能性があります）。
• また、ドメイン名がまだ有効で、有効期限が切れていない場合は、ドメインレジストラーに確認する必要があります。

ステップ3 *-上記のステップの確認が完了したら、DNSレコードが正常かどうかを確認する必要があります。 ホスティングプロバイダーがDNSサーバーを変更し、レコードの更新を忘れることがあります。 これを確認するには、CMDを開き、 *ping yourdomainname.com と入力します。次の応答が返された場合は、さらに確認してください。

Pingリクエストでホストyourdomainname.comが見つかりませんでした。 名前を確認してもう一度やり直してください。

コマンドプロンプト

次の結果が得られた場合、DNSレコードとサーバーは正常です。

DNSレコード

• ステップ4 *-以下に示すスクリーンショットのような同様のエラーがある場合は、データベース接続エラーを確認します。

接続エラー

データベース接続

データベースがバックエンドで機能しているかどうかを確認するには、データベースのユーザー名、ファイル許可、パスワード、ポートが変更されていないことを確認する必要があります。

ステップ5 *-次のスクリーンショットに示すようにエラー 404が見つかりません*がある場合は、https://www.eurodns.com/[www.yourdomainname.com]を開いているときに、ディレクトリが構造は変更されておらず、* Public_htmlフォルダー*を指しています。

エラー

ウェブサイト開発-セキュリティ

Webページのセキュリティは、開発と同じくらい重要です。セキュリティを損なう恐れのある脅威は、ビジネスの評判を傷つけたり、（オンライン預金を盗むことによって）財務的に損害を与えたり、Webサイトにアクセスするクライアントに損害を与えたりする可能性があるためです

セキュリティの専門家によると、彼らは OWASP TOP 10 に基づいてWebサイトのセキュリティチェックを行うことを提案します。これは、Webアプリケーションセキュリティの強力な認識ドキュメントです。 OWASPのトップ10は、最も重要なWebアプリケーションのセキュリティ上の欠陥についての幅広いコンセンサスを表しています。

SQLインジェクション

SQL、OS、LDAPインジェクションなどのインジェクションの欠陥は、信頼できないデータがコマンドまたはクエリの一部としてインタープリターに送信されるときに発生します。 攻撃者の悪意のあるデータは、インタープリターをwithoutして意図しないコマンドを実行させたり、適切な許可なしにデータにアクセスさせたりする可能性があります。

ソリューション-WebページをiSQLから保護するには、入力とフィルタリングシンボルを検証する必要があります。

注入

壊れた認証とセッション管理

認証とセッション管理に関連するアプリケーション機能は、多くの場合正しく実装されていないため、攻撃者はパスワード、キー、セッショントークンを侵害したり、他の実装の欠陥を悪用して他のユーザーの身元を推測したりできます。

解決策-この欠陥からサイトを保護するには、有効期限付きのCookieとセッションを作成する必要があります。

クロスサイトスクリプティング（XSS）

XSSの欠陥は、アプリケーションが信頼できないデータを取得し、適切な検証やエスケープなしでWebブラウザーに送信するたびに発生します。 XSSを使用すると、攻撃者は被害者のブラウザでスクリプトを実行し、ユーザーセッションをハイジャックしたり、Webサイトを改ざんしたり、悪意のあるサイトにリダイレクトしたりできます。

ソリューション-これに対する保護は、iSQLの場合と同じ行にあります。

スクリプト

安全でない直接オブジェクト参照

開発者がファイル、ディレクトリ、データベースキーなどの内部実装オブジェクトへの参照を公開すると、オブジェクトへの直接参照が発生します。 アクセス制御チェックやその他の保護がなければ、攻撃者はこれらの参照を操作して不正なデータにアクセスできます。

解決策-このようなファイルを保護するには、パスワードなどの特定の保護メカニズムを実装する必要があります。

セキュリティの設定ミス

優れたセキュリティを実現するには、アプリケーション、フレームワーク、アプリケーションサーバー、Webサーバー、データベースサーバー、プラットフォーム用に定義および展開された安全な構成が必要です。 多くの場合、デフォルトは安全ではないため、安全な設定を定義、実装、および維持する必要があります。

ソリューション-ソフトウェアは最新の状態に保つ必要があります。

機密データの露出

多くのWebアプリケーションは、クレジットカード、納税者番号、認証資格情報などの機密データを適切に保護しません。 攻撃者は、このような弱く保護されたデータを盗んだり変更したりして、クレジットカード詐欺、個人情報の盗難、またはその他の犯罪を行うことができます。

ソリューション-機密データは、保存中または転送中の暗号化などの特別な保護に加え、ブラウザと交換する際の特別な予防措置に値します。

機能レベルのアクセス制御がありません

ほとんどのWebアプリケーションは、UIでその機能を表示する前に、機能レベルのアクセス権を確認します。 ただし、アプリケーションは、各機能にアクセスするときにサーバー上で同じアクセス制御チェックを実行する必要があります。 要求が検証されない場合、攻撃者は適切な承認なしに機能にアクセスする要求を偽造できます。

ソリューション-認証のレベルを確認する必要があります。

クロスサイトリクエストフォージェリ（CSRF）

CSRF攻撃により、ログオンしている被害者のブラウザは、被害者のセッションCookieやその他の自動的に含まれる認証情報を含む偽造HTTPリクエストを脆弱なWebアプリケーションに送信します。 これにより、攻撃者は被害者のブラウザに、脆弱なアプリケーションが被害者からの正当なリクエストであると考えるリクエストを生成させることができます。

解決策-最も一般的に使用される予防策は、予測不可能なチャレンジベースのトークンをWebサイトからの各リクエストに添付し、それらをユーザーのセッションに関連付けることです。

既知の脆弱性を持つコンポーネントの使用

ライブラリ、フレームワーク、その他のソフトウェアモジュールなどのコンポーネントは、ほとんどの場合、完全な権限で実行されます。 脆弱なコンポーネントが悪用された場合、そのような攻撃は深刻なデータ損失またはサーバー乗っ取りを促進する可能性があります。 既知の脆弱性を持つコンポーネントを使用するアプリケーションは、アプリケーションの防御を弱体化させ、さまざまな攻撃と影響を可能にします。

ソリューション-コンポーネントのバージョンに脆弱性があるかどうかを確認し、別のバージョンで回避または変更を試みてください。

無効化されたリダイレクトと転送

Webアプリケーションは、ユーザーを他のページやWebサイトに頻繁にリダイレクトおよび転送します。 これらのアプリケーションは、信頼できないデータを使用して宛先ページを決定します。 適切な検証がなければ、攻撃者は被害者をフィッシングまたはマルウェアサイトにリダイレクトしたり、転送を使用して不正なページにアクセスしたりできます。

ソリューション-常にURLを検証します。

安全な使用プロトコル

これは、VPSプランがあり、すべてを自分で管理する場合です。 サービスがインストールされると、デフォルトのポートが使用されます。 ハッカーはどこを見ればよいかを知っているので、これにより仕事が簡単になります。

ウェブサイトのホスティングで使用される主なサービスポートのいくつかを以下に示します-

• SSH –ポート22
• FTP –ポート21
• MySQL –ポート3306
• DNS –ポート53
• SMTP –ポート25

これらのサービスのポート変更は、オペレーティングシステムとそのバージョンによって異なります。 これに加えて、ファイアウォールをインストールする必要があります。 Linux OSの場合、 IPtables を推奨し、他のすべての不要なポートをブロックします。 OSがWindowsの場合、組み込まれているファイアウォールを使用できます。

サービスでブルートフォースログインをブロックするには、Linuxベースのソフトウェアである Fail2ban を使用し、すべてのIPアドレスをブロックして多くのログイン試行の失敗を防ぎます。

ウェブサイトをスピードアップ

WebページまたはWebサイトを高速化することは、適切なホスティングプロバイダーまたはドメイン名を見つけることと同じくらい重要です。 Why?

次の統計を読むだけで、気が変わります。

• ページの読み込み時間で1秒*が得られます-

• ページビューが11％減少しました。
• 顧客満足度が16％低下しました。
• コンバージョンの7％の損失。

Amazonはこれが真実であると判断し、グループレポートに基づいてサイトの速度が100ミリ秒改善されるごとに1％の収益増加を報告しました。

Akamaiが行った調査の結果に基づいて-

• 47％の人が、2秒以内にウェブページが読み込まれることを期待しています。
• ロードに3秒以上かかると、40％がWebページを放棄します。
• オンラインショッパーの52％は、ウェブサイトへの忠誠心のためにページをすばやく読み込むことが重要だと答えています。

ウェブサイトの速度をテストするには？

この分野の専門家の中には、 Webpagetest （https://www.webpagetest.org/）と呼ばれるオンラインツールの使用を提案している人もいます。 これは、主にGoogleによって開発およびサポートされているオープンソースプロジェクトです。 実際のブラウザ（IEおよびChrome）を使用して、実際の消費者接続速度で、世界中の複数の場所からWebサイト速度テストを行います。 簡単なテストを実行したり、マルチステップトランザクション、ビデオキャプチャ、コンテンツブロックなどを含む高度なテストを実行できます。 結果は、リソース読み込みのウ​​ォーターフォールチャート、ページ速度の最適化チェック、改善のための提案などの豊富な診断情報を提供します。

この例では、Chromeブラウザを使用して、ドイツのユーザーの finddevguides.com のパフォーマンスをテストします。

テストを実行するには、URL [[12]]

次のスクリーンショットに示すようにドメイン名を入力してください-

• テスト場所–ユーザーの所在地の国です。
• ブラウザ–ユーザーのブラウザをシミュレートすることです。
• 「テスト開始」をクリックします。

テストパフォーマンス

メインページで次の結果が得られます。 それぞれの要素を含むWebページを開くのに必要なすべての時間が表示されます。

メインページ

[パフォーマンスレビュー]セクションに移動すると、どの要素を最適化する必要があるかが示されます。

パフォーマンスレビュー

ウェブサイトを高速化するには？

あなたのウェブサイトを高速化するための基本的なヒントは次のとおりです-

• * HTTPリクエストの最小化*-簡単な言葉で。ウェブページのデザインを簡素化します。
• サーバーの応答時間を最小化-ユーザーの場所に応じて、サーバーの応答時間は変化します。これは、ユーザー間の距離が原因です。 ほとんどの訪問者が特定の地域にいる場合、ホスティングプロバイダーもそこに配置することをお勧めします。これによりデータの移動距離が短くなります。
• 圧縮を有効にする-圧縮によりページの帯域幅が減少し、HTTP応答が減少します。 これを行うには、 Gzip というツールを使用します。
• ブラウザキャッシュを有効にする-Webサイトにアクセスすると、ページの要素はキャッシュストレージに保存されるため、次回サイトにアクセスすると、ブラウザはサーバーに別のHTTPリクエストを送信せずにページをロードできます。
• ウェブサイトの画像を最適化。
• * CSS配信*は、可能であれば外部である必要があります。 外部スタイルシートは、コードのサイズを削減し、コードの重複を少なくするため、望ましいです。
• * HTTPリクエストを作成するリダイレクトの削減*。
• Webサイトが*コンテンツ管理システムプラットフォーム*である場合、プラグインの使用を可能な限り最小限に抑えます。
• *壊れたリンクをJavaScript *、CSS、および画像URLから削除します。

次の章では、ウェブページを宣伝する方法を学びます。

ウェブページを宣伝する

ウェブサイトを作成し、機能するようになったら、マーケティングの非常に重要なステップになります。 これは、サイトの訪問者を増やし、インターネット上に存在するのに役立つ言葉を広めるために行われます。 次の図は、Webサイトを宣伝するときに実行する必要があるすべてのステップの概略図です。

スプレッドワード

ソーシャルメディア広告

ソーシャルメディア広告は、ソーシャルメディアネットワーク上のあらゆる種類の有料コンテンツです。 これらのオプションは、1回限りのプロモートされたツイートまたはFacebookの投稿から、主要な予算が添付された本格的なキャンペーンまで実行されます。 各ソーシャルネットワークにはさまざまなオプションがありますが、Facebookでは最大のソーシャルメディアプラットフォームであり、広告のROIは約95％であるため、Facebookでの方法について説明します。

Facebookのユーザー数は約14億人で、1日あたり9億人以上のアクセスがあり、大小の企業に適しています。 Facebookの本当の利点は、ターゲットユーザーが利用できるきめ細かいデータ量にあります。 これは、年齢、場所、性別などのさまざまな基準で視聴者をターゲットにできるためです。

たとえば、このチュートリアルでは、*ホスティング*という言葉を何度も言及しました。 Facebookにログインすると、ウェブページの左側に、以下のスクリーンショットに示すように、ホスティングに関する広告が表示されます。

ソーシャルメディア

Facebook広告を作成するには、アカウント名をクリックします。 次に、次のスクリーンショットに示すように、 Create Ads をクリックします。

広告の作成

新しいウィンドウが開きます。これで目的を選択する必要があります。 ここでは、*ブランド認識*を選択します。

ブランド認知度

以下のスクリーンショットに示すように、キャンペーン名を記述します（この場合は- finddevguides →次に[広告アカウントの作成]をクリックします）。

広告アカウント

次のスクリーンショットに示すように、アカウントの国とFacebookに支払いたい通貨を選択し、[続行]をクリックします。

アカウントを継続

オーディエンスを選択するには、年齢の範囲と、この広告が表示される場所を指定する必要があります。

オーディエンスの選択

下にスクロールすると、この広告の表示方法を選択するオプションがあります。 この広告のテキストを入力し、写真をアップロードしたら、[注文する]をクリックします。

フォーマット

ヘッドライン

注文する

ウェブサイト開発-アドワーズ

これはGoogleの広告プログラムで、ウェブサイトリンクのクリック数またはページの表示回数に基づいて登録し、支払うことができます。 GoogleおよびパートナーWebサイトのWebページは、Googleが広告を選択して表示できるように設計されています。

広告

AdWordsキャンペーンを作成する方法は？

AdWordsキャンペーンを作成するには、以下の手順に従う必要があります。

• ステップ1 *-AdWordsキャンペーンを作成するには、まず次のリンクをクリックしてアカウントを作成する必要があります– [[13]] = en_IN＆ltmpl = signin＆passive = 0＆skipvpage = true＃identifier [https://adwords.google.com/um/signin]

• ステップ2 *-ログイン後、*キャンペーン*をクリックし、次のスクリーンショットに示すように負荷と場所のタイプを選択します。 AdWordsはFacebook広告のようなものです。

キャンペーン

• ステップ3 *-次の図に示すように、目的のターゲットのラジオボタンをクリックします。 また、予算に入札する必要があります。 クリックあたりの費用はいくらですか？

ラジオボタン

詳細設定

• ステップ4 *-グループ名を入力し、作成する必要があるAdWordsの*見出し*および*説明フィールド*を入力します。

説明フィールド

詳細を入力している間、左側のプレビューペインで、作成後のAdWordsの外観を確認できます。

プレビューペイン

• ステップ5 *-ユーザーが検索するときに検索エンジンが表示するキーワードを選択します。

キーワード

ウェブサイト開発-SEO

• 検索エンジン最適化*は、検索エンジンでのランキングに関してウェブサイトを改善できるプロセスです。 Webトラフィックの大部分は、主要な商用検索エンジンであるGoogle、Bing、Yahoo！によって駆動されています。 ソーシャルメディアやその他の種類のトラフィックはWebサイトへのアクセスを生成する可能性がありますが、検索エンジンはほとんどのインターネットユーザーにとって主要なナビゲーション方法です。 これは、あなたのサイトがコンテンツ、サービス、製品、情報、その他何でも提供しているという事実です。

あなたのウェブページのランキングを最適化するには、検索エンジンが何を見ているかを知る必要があります-

• 内容-それは与えられているテーマ、ページ上のテキスト、与えられているタイトルと説明によって決定されます。
• パフォーマンス-Webページは高速である必要があります（遅延なし）。 これについては、前の章「* Webサイトの高速化*」で説明しました。
• Authority -あなたのウェブサイトは、あなたのウェブサイトを参照として利用したり、利用可能な情報を引用したりするために、他の権威あるサイトにリンクするための、または他の権威あるサイトのための良いコンテンツを持っている必要があります。
• ユーザーエクスペリエンス-Webページは安全にナビゲートでき、有害なソフトウェアはアップロードされません。
• キーワードの詰め込み-ページのキーワードを使いすぎないでください。
• 購入したリンク-あまりにも多くの購入リンクを使用しないでください。

ウェブサイトからお金を稼ぐ

ウェブサイトを作成する際の主な目的の1つは、それからお金を稼ぐことです。 これを達成するために、以下で説明するいくつかの方法があります-

グーグルアドセンス

AdSenseはAdWordsの逆で、サイト運営者（ブロガーや他のウェブサイト所有者を含む）がGoogleの広大な広告ネットワークを利用できるため、他の広告主がウェブサイトに広告を掲載できます。 このプログラムに登録するには、次のURLをクリックする必要があります– https://www.google.com/adsense/

AdSense

アフィリエイトマーケティングを行う

ウェブサイトの訪問者とメール購読者に製品を宣伝します。 製品またはサービスがこれらの人々と共鳴する場合、彼らはあなたのアフィリエイトリンクをクリックして製品を購入し、これからコミッションを受け取ります。

パートナーシップを結ぶ

これは基本的に、あなたのウェブサイトに広告を出し、取引をすることに興味を持つビジネスを見つけることを意味します。