ウェブサイト開発-クイックガイド

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

各ウェブサイトには独自の URL これは unique global address と呼ばれる domain name。URLは-で構成されます

• ザ・ protocol ウェブサイトへのアクセスに使用されます。この場合は http、ポート80を意味します。 https; ポート443。

• ザ・ subdomain デフォルトでは www。

• ザ・ domain name; ドメイン名は通常、意味を持つように選択されます。私たちの場合の「tutorialspoint」のように、このWebサイトがチュートリアルを提供していることを理解できます。

• ザ・ suffix name これは .com, .info, .net, .biz,または国固有。詳細については、次のウィキペディアのリンクを参照してください-https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains.

• ザ・ directories または簡単に言えば、このWebサイトを保持するサーバー内のフォルダー。

• ザ・ webpage 私たちが見ているのは、この例では「about_careers.htm」です。

なぜウェブサイトが必要なのですか？

ウェブサイトは主に、情報を共有したい人とそれを消費したい人の間の架け橋として機能します。あなたがビジネスを運営しているなら、あなたがあなたの提供物を放送し、グローバルな段階で潜在的な顧客に手を差し伸べるためのウェブサイトを持っていることはほとんど不可欠です。

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

• ウェブサイトはあなたがあなたのビジネスオファーを宣伝することができるオンラインパンフレットです。

• それはあなたに広範囲のグローバルな顧客ベースに手を差し伸べるためのプラットフォームを提供します。

• あなたがブロガーであるならば、あなたはあなたの読者に影響を与える可能性があります。

• すべてのアイデアを表示して、Webサイトに公開できます。

• あなたがビジネスアイデアを持っているなら、あなたは待つ必要はありません。あなたはすぐにオンラインショップを開いて、あなたの製品やサービスをオンラインで売ることができます。追加の利点は、オンラインショップが年中無休でクライアントに開放されることです。

• あなたはあなたの顧客とコミュニケーションをとることができ、彼らに彼ら自身を表現する機会を与えます。

• トラブルチケットシステムを利用することで、貴重なカスタマーサポートを提供できます。

• ドメインのある公式ウェブサイトをお持ちの場合は、パーソナライズされたメールを送信できます。例えば、[email protected] （それはよりもはるかに優れています [email protected])。

ウェブサイトを設定する方法は？

ウェブサイトはいくつかの要素で構成されており、ウェブサイトを設定する際には、それぞれの要素に注意を払う必要があります。

• ウェブサイトを設定して公開するには、最初にホスティングプランを購入する必要があります。

• このウェブサイトのドメイン名を選択してください。

• DNSレコードをサーバーまたはホスティングプロバイダーにポイントします。

• Webサイトに公開するコンテンツを作成します。

• 公開証明書を購入してインストールする必要があるかどうかを確認してください。

• インターネット上でウェブページを公開します。

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

ウェブサイトを設定するために必要なスキルは、非常に基本的なものから最も高度なものまでさまざまです。あなたが世界中の聴衆のために専門のウェブサイトをセットアップしようとしているなら、あなたは以下の一連のスキルを持っているべきです、さもなければあなたはあなたのためにこの仕事をするために人々のグループを雇わなければなりません。

コンテンツエキスパート

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

コンテンツの専門家は通常、サイトデザイナーとウェブマスターの専門知識に依存しています。コンテンツは、テキスト、データ、画像、音声、またはリンクである可能性があることに注意してください。

ウェブサイトデザイナー

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

グラフィックデザイナー

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

Web開発者

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

• HTML / XHTML−これらは、Webサイトの構築に使用するマークアップ言語です。Webプログラマーは、HTMLとXMLをよく理解している必要があります。

• PHP−Webページを開発するのに人気のあるプログラミング言語です。PHPに関する詳細情報は、−で収集できます。https://www.tutorialspoint.com/php/。

• PERL Script− PERLは、インタラクティブなWebアプリケーションの開発に使用されているもう1つの言語です。PERLを使用してWebサイトを開発することを計画している場合は、チュートリアルを参照してください–https://www.tutorialspoint.com/perl/ PERLについてもっと知るために。

• Java or VB Scripts−これらのスクリプトは、ユーザーレベルの検証を実行し、Webサイトにインタラクティブ性を追加するために必要です。したがって、Web開発者は、これらのクライアント側スクリプトのいずれかについて十分な知識を持っている必要があります。

• AJAX Technology−AJAXはWeb上の最新テクノロジーです。GoogleとYahooはこのテクノロジーを使用して、Webサイトの訪問者により良いブラウジング体験を提供しています。

• ASP or JSP− Web開発者は、インタラクティブなWebサイトを開発するために、ASPまたはJSPに精通している必要があります。詳細については、ASPとJSPに関するチュートリアルを次のURLで確認できます。https://www.tutorialspoint.com/asp.net/ そして https://www.tutorialspoint.com/jsp/。

• Macromedia Flash− MacromediaFlashを使用してWebサイトを構築できます。このテクノロジーの習得には少し時間がかかる場合がありますが、使用方法を習得すると、Flashを使用して魅力的なWebサイトを開発できます。

Web研究者

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

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

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

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

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

システム管理者

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

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

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

Rule 1−必要に応じて、ブランド名になり得るドメイン名を選択します。私たちのドメイン名tutorialspoint.com は本当にブランディングです。tutorials-points.comのように、「–」がどこにあるかを覚えるのが難しい一般的なキーワード文字列がないためです。

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

Rule 2−経済的な可能性がある場合は、.com、.net、.info、.bizなどのさまざまな拡張子を持つドメインを購入できます。この場合、tutorialspoint.net、tutorialspoint.info、tutorialspointのようになります。 biz。同様のケースがgoogle.comであるなど、スペルミスのあるドメインがあります。あなたが書くならgogle.com 1 ‘o’ がありませんが、それでも公式ウェブサイトgoogle.comにリダイレクトされます。

Rule 3 −このドメイン名が商標または著作権で保護されていないことを確認する必要があります。

Rule 4−短いドメイン名を見つけます。ドメイン名の文字が少なければ少ないほど、入力、たとえば、ソーシャルメディアプラットフォームや検索結果での共有や候補リストへの掲載が容易になります。

Rule 5−拡張子は、Webアドレスの末尾にある.comや.netなどのサフィックスです。これらは特定の用途に使用できるため、ビジネスに適した拡張機能を選択してください。.comドメイン拡張子は群を抜いて最も人気がありますが、短くて覚えやすい.comドメイン名を取得するのは非常に長いため、難しい場合があります。あなたのウェブページがローカルで提供されているなら、あなたはあなたの国のサフィックスでそれを買うことができます。

Rule 6−ドメイン名がブランド名ではない場合は、少なくとも、tutorialspoint.comなど、ビジネスを説明する特定のキーワードを使用する必要があります。それは（トラフィックを増やす）検索エンジンでのあなたのランクを向上させるのを助け、そしてそれはあなたの顧客にとってより理にかなっています。

ドメイン名拡張子

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

Second Level Domains (2LDs).comまたは.coサフィックスの後にもう1つのレベルを含むドメイン名です。例えば、.com.au は、ウェブサイトがオーストラリアで作成されたことを示す.comの後に追加のサフィックスが含まれているため、セカンドレベルドメインスタイルです。

A gTLD は Generic Top-Level Domain.marketing、.estate、.fashion、.photographyなどのアドレスが含まれます。これは最近非常に人気のある活況を呈しているセグメントであり、業界を問わず、幅広い選択肢があります。

CcTLDs です Country Code Top-Level Domains通常、特定の国に制限されています。これらは、.au、.uk、.ae、.usなどのドメインです。

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

• .com – commercial−これはオープンTLDです。すべての個人またはエンティティが登録を許可されており、常にメインのTLDです。

• .org – organization−これはオープンTLDです。すべての個人または団体が登録を許可されています。ただし、元々は非営利団体による使用を目的としています。しかし、現時点では、そのような制限はなく、.orgドメイン名は多くの組織で使用されています。

• .net – network−これはオープンTLDです。すべての個人または団体が登録を許可されています。もともとは、コンピューターの分散ネットワークを指すドメイン、または一連の小さなWebサイトへのポータルとして機能する「アンブレラ」サイトでの使用を目的としていました。

• .edu – education −このTLDは、専門学校や大学などの特定の高等教育機関に限定されていますが、これらに限定されません。

• .mil – military − .mil TLDは、米軍による使用に制限されています。

• .arpa – Address and routing −それは Advanced Research Projects Agency インターネットの初期には、.arpaはインターネットインフラストラクチャTLDとしてのみ使用されていました。

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

ドメイン名を登録するには、必要な名前をという組織に登録する必要があります ICANN を通して domain name registrar。たとえば、「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/

• Hostgator –URL付き https://www.hostgator.com/

それでは、GoDaddyでドメイン名を登録する方法を段階的に見ていきましょう。

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

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

次のスクリーンショットの結果からわかるように、このドメインはすでに取得されており、無料ではありません。次に、GoDaddyは、私たちが興味を持っているかもしれない他の同様の名前を私に勧めます。

GoDaddyが提案した別のドメイン名「tutorialspoint.online」を選択します。

• 緑色の「選択」ボタンをクリックします。
• 次に、以下のスクリーンショットに示すように、「カードに進む」をクリックします。

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

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

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

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

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

新規のお客様ですので、「続行」をクリックします。

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

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

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

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

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

例

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

理論的には、ドメイン名ごとに無限のサブドメインを追加できます。複数のレベルのサブドメインを追加することもできます。たとえば、追加できますinfo.blog.tutorialspoint.comサイト上のさらに具体的な関心領域を掘り下げます。各サブドメインの長さは最大25文字です。

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

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

• Owner
• Administrator
• 請求と
• Technical

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

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

URLに移動します https://whois.icann.org/en 次に、公開データを表示するドメイン名を入力します。

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

次のスクリーンショットに示すように、Webページに表示されているキャプチャを入力し、[ルックアップ]をクリックします。

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

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

これらの各セクションには-があります

Name and Surname, Company name, Address, Phone Number and email address。次のスクリーンショットは、登録者名を示しています。この場合はGoDaddy.com、LLCです。

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

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

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

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

ドメインをIPにポイントすることは、レコードを介して行われます。例：www.tutorialspoint.com A 93.184.220.42

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

S.No	記録の種類と説明
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 スパムの防止に使用されます

それを実際に見てみましょう：以前のドメイン tutorialspoint.onlineGoDaddyで購入しました。GoDaddyはIPを指す必要があります。これを行うには、以下の手順に従う必要があります。

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

をクリックして、DNSを管理するドメインを選択し

ます。「DNSの管理」をクリックします。

新しいウィンドウがポップアップし、入力するレコードを選択する必要があります。この場合、入力する必要がありますA ウェブサイトに公開するための記録。

次のスクリーンショットに示すボックスが開きます。「ホスト」ボックスに、サブドメイン名を入力します。www 「ポイント」ボックスにIPを入力します– 93.184.220.42。「TTL」ドロップボックスで、を選択する必要があります1 Hour、つまり、1時間以内にレコードが世界中に広がり、Webページが有効になります。これがすべて完了したら、「保存」をクリックします。

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

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

いくつか質問してこれを理解してから、概念について詳しく説明しましょう。

Question 1 −どれくらいのお金を使いたいですか？

Answer−これは予算に直接関係しているため、主要な質問の1つです。予算が少ない場合は、非営利で複雑すぎないものを考える必要があります。

Question 2 −メンテナンスの計画にはどのくらいの時間が必要ですか？

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

Question 3 − Webサイトは、製品をオンラインで販売するためのeコマースサイトとして使用されますか？

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

Question 4 −ビューは、モバイルなどのさまざまな画面に適応できる必要がありますか？

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

Question 5 −私のウェブサイトはソーシャルメディアや他のサードパーティのプラットフォームと相互作用しますか？

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

Question 6 −どのタイプのWebプログラミング言語またはプラットフォームが見つけやすいですか？

Answer−国によっては、他のプログラミング言語やプラットフォームよりも人気のあるプログラミング言語やプラットフォームがいくつかあります。したがって、最初に、お住まいの地域のトレンドに合ったプラットフォームを見つける必要があります。

CMSプラットフォーム

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

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

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

WordPressはオープンソースのCMSです。Webページの50％以上がそのプラットフォームによるものです。新しいアップデートリリースごとに、より包括的で直感的で人気が高まっています。WordPressには献身的なコミュニティがあります。tonnes of free extensions and the easiest-to-use interface。

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

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

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

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

その公式ウェブページは https://www.joomla.org/。

Drupalフルタイムの管理者を雇うことができる巨大なウェブサイトや組織向けです。Drupalではほとんど何でもできます。私はしばしば、エンジンに箱から出して含まれているオプションの数に魅了されます。WordPressやJoomlaでカスタムコーディングが必要になるものの多くは、Drupalではデフォルトで既製のソリューションを持っています。サードパーティの拡張機能を使用すると、さらに拡張できます。しかし、私はあなたに正直になります-それを操作することを学ぶことは本当の挑戦です。習得するには多くの作業と忍耐が必要です。

その公式ウェブサイトは https://www.drupal.org/。ダッシュボードの背景のビューを以下のスクリーンショットに示します。

静的またはフラットWebページとは、すべての情報と資料が保存されているときにユーザーの前に表示されるWebページを意味します。静的Webページには、すべてのユーザーに同じ情報とデータが表示されます。インターネット技術では、Hyper Text Markup Language (HTML)人々が静的なWebページを作成し始めた最初の言語またはチャネルでした。HTMLは、テキスト、段落の作成、改行のスタイルを提供します。しかし、HTMLの最も重要な機能と特徴は、リンク作成オプションです。静的なWebページは、改訂や更新がほとんど必要ない素材やコンテンツに役立ちます。

静的Webサイトの利点

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

静的ウェブサイトのデメリット

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

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

動的Webページ

動的Webページは、同じソースコードファイルから訪問者ごとに異なるコンテンツを作成できるため、現在の最新のトレンドです。Webサイトは、次のようなパラメータに基づいてさまざまなコンテンツを表示できます。

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

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

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

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

初心者の開発者としてウェブサイトを開発するための基本的な必需品を知っているので、あなたはあなたが主な使用のために持っているべきであるいくつかのツールを必要とするでしょう。

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

次のステップは–コードの記述と編集に役立つテキストエディタが必要です。この目的に最適なテキストエディタのいくつかは、以下のとおりです。

テキスト崇高

テキスト崇高はからダウンロードすることができます https://www.sublimetext.com/. 関数によってパラメータの色が変わるので便利です。

メモ帳++

もう1つの人気のあるテキストエディタは、からダウンロードできるメモ帳++です– https://notepad-plus-plus.org/.

エディットパッド

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

Note −作業しやすいテキストエディタを常に使用する必要があります。

XAMPP＆LAMPP

動的なWebページを特別に開発するときにコンピューターに必要なもう1つのツールは、WindowsOS用のXAMPPとLinuxOS用のLAMPPです。いろいろな商品があります

• Web Apache
• DB管理用のphpMyAdminを使用したMariaDB
• PHPと
• Perlエクストラ。

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

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

ASPをコーディングしたい開発者は、Microsoftが提供するVisualStudioを用意する必要があります。以下からダウンロードできます–https://www.microsoft.com/web/.

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

あなたが持っている必要がある他のツールは、ホスティングコンテナにファイルを転送するために使用されるFTPクライアントです。通常、これらのFTPクライアントは無料で、インターネットから簡単にダウンロードできます。

• WinSCPはからダウンロードできます https://winscp.net/eng/docs/guide_install.

• FileZillaはからダウンロードできます https://filezilla-project.org/download.php.

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

• Business
• IT業界
• ホスティングなど

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

それどころか、商業テーマの場合は、支払う必要があります。WordPressの商用テーマは次のリンクにあります–https://wordpress.org/themes/commercial/.

Webホスティング会社を選択する際の主な指標の1つは、クライアントの満足のいくレビューと価格を確認することです。これも重要です。テクノロジーとホスティング業界は専門家にとって頻繁かつ迅速に変化するため、次の基準で確認する必要があります。

• Server Reliability / Uptime Scores–ここで知っておくべき最も重要なポイントは、24時間365日稼働しているWebホストがあるかどうかです。強力なサーバーで動作し、安定したネットワーク接続を確立するには、Webホストが必要です。99.5％に近い値が、推奨される稼働時間スコアです。99％未満のものは受け入れられません。

• サポートする会社 Multiple Add-on Domains。

• の価格 Hosting Signup そして Renewal Cost。特にホスティング取引と共有ホスティングは、通常、登録価格で非常に安く販売されていますが、更新でははるかに高い料金がかかります。

• 何 Refund Policy彼らは提供していますか？–試用期間内にホストをキャンセルすることを選択した場合、どのような影響がありますか？会社は全額返金しますか？トライアル後のホスティング会社の返金方針は？キャンセル料はかかりますか？

• 使いやすい Hosting Control Panel。ユーザーフレンドリーで機能的なホスティングコントロールパネルは非常に重要です。

• Account Suspension–制限は何ですか？これは、ほとんどのホスティングレビューサイトが教えてくれないお金のヒントです。CPUパワーを使いすぎている場合（はい、無制限のホスティングは制限されています）、またはルールに違反している場合、ホスティング会社はプラグを抜いてアカウントを一時停止します。

• 彼らは提供していますか Backup。彼らは無料ですか？

• 彼らは持っていますか 24/7/365 Live Chat Support。

Webホスティングプランを選択してください

適切なホスティングプランを選択する前に、必要なものを知っておく必要があります。 Windows OS ベースのホスティングまたは Linux OSベースのホスティング。この選択は、Webサイトのコーディング言語によって異なります。ASPの場合は、確かにWindowsベースのホスティングであり、IISサーバーもインストールされている必要があります。PHP、Perl、Rubyなどの他のプログラミング言語がある場合は、Linuxベースのホスティングを使用する必要があります。

ホスティングのタイプ（WindowsまたはLinux）を決定したら、適切なホスティングプランを定義する必要があります。

次の要素を考慮する必要があります-

• ディスクスペース
• Bandwidth
• ホストされているドメインの数
• サブドメインの数
• パーキングドメイン
• PHP、MySQL、Perlのバージョン。

一般的な主な計画は次のとおりです-

共有ホスティング

それは most basic planすべてのホスティングプロバイダーが提供します。共有ホスティングは、基本的に1つのサーバー上にある多くのホスティングアカウントです。それらのいくつかは同じIPアドレスを共有します（ただし、専用のIPアドレスは追加料金で利用できることがよくあります）。このプランは常に特定の機能セットを提供し、常にリソース制限があります。確信が持てない場合は、限定されたプランから始めて、ウェブサイトが成長し、トラフィックが増えた後でアップグレードすることをお勧めします。

VPSホスティング

VPSは Virtual Private Server。これは、物理サーバーを複数のサーバーに分割することを意味します。各サーバーは専用サーバーのように機能し、それぞれに独自のオペレーティングシステムがあり、個別に再起動できます。これらのオペレーティングシステムは、物理サーバーのリソースの特定の共有を受け取り、互いに分離されています。VPSホスティングには2つのタイプがあります-

• Managed −管理対象とは、ホスティング会社がCPanelを提供することでパッチを適用することを意味します。

• Unmanaged − Unmanagedは、すべてのVPSを管理する必要があり、CPanelが含まれていないホスティングです。

専用ホスティング

これは most powerful type of hosting、大企業の要件とニーズを満たしています。専用サーバーの所有者は、利益のためにホスティングサービスを販売できます。サーバーの仕様と環境を選択できます。トラフィックが多い場合、非常に人気のあるサイト、または大規模な顧客データベースがある場合は、専用ホスティングを検討してください。専用サーバーはまた、電子メールを送信し、メディアをストリーミングするためのより多くの自由を提供します。

TIPS−ホスティングで最も重要なことは、さまざまなホスティング会社の価格とそのホスティングプランの価格を比較Webサイトで確認して理解を深めることです。ホスティング会社の価格をチェックするための比較ウェブサイトの例は–http://www.hostmonk.com/.

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

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

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

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

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

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

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

の中に DATABASES、 phpMyAdminあなたがウェブページのデータベースを管理することを可能にする最も重要なセクションです。データベースとテーブルを編集、追加、切り捨てることができます。ザ・MySQL Databasesデータベースまたはユーザーを作成および削除できます。同じことがステップバイステップで行うことができますMySQL Database Wizard。

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

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

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

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

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

Step 1 −まず、GODADDYでドメイン名を購入しました。

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

Step 3 −レジストラのDNSレコードとDNSサーバーを構成しました。この場合は再びGODADDYでした。

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

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

Step 6−動的なWebサイトがある場合は、データベースも構成する必要があります。これを行うには、MySQLデータベースに移動します。

Step 7 −をクリックします Create New Database 次に、Webサイトに付けるデータベース名を入力し、以下のスクリーンショットに示すように[データベースの作成]をクリックします。

Step 8 −で Add New User セクションにユーザー名とパスワードを入力し、をクリックします Create User。

Step 9 −このデータベース用に作成したユーザーを追加して、データベースを管理する権限または権限を付与する必要があります。

デジタル証明書はの標準です security for establishing an encrypted linkサーバーとクライアントの間。これは通常、データを暗号化することで遷移中のデータを保護するメールサーバーまたはWebサーバーの間です。デジタル証明書は、サーバーの所有者のIDを確認するサードパーティ機関によって発行されるデジタルIDまたはパスポートでもあります。

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

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

これらのコンポーネントはすべて、証明書の詳細に記載されています-

• Serial Number −証明書を一意に識別するために使用されます。

• Subject −特定された個人または団体。

• Signature Algorithm −署名の作成に使用されるアルゴリズム。

• Signature −発行者からのものであることを確認するための実際の署名。

• Issuer −情報を検証し、証明書を発行したエンティティ。

• Valid-From −証明書が最初に有効になった日付。

• Valid-To −有効期限。

• Key-Usage −公開鍵の目的（暗号化、署名、証明書署名など）。

• Public Key −公開鍵。

• Thumbprint Algorithm −公開鍵証明書をハッシュするために使用されるアルゴリズム。

• Thumbprint −公開鍵証明書の省略形として使用されるハッシュ自体。

検証の種類

検証には次の3種類があります-

• ドメイン検証SSL証明書。
• 組織で検証されたSSL証明書。
• Extended ValidationSSL証明書。

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

ドメイン検証SSL証明書

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

組織で検証されたSSL証明書

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

Extended ValidationSSL証明書

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

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

https://www.sslshopper.com/certificate-authority-reviews.html.

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

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

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

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

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

Magento

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

Shopify

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

Woocommerce

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

無限の柔軟性と何百もの無料およびプレミアムWordPress拡張機能へのアクセスにより、WooCommerceは現在、他のどのプラットフォームよりも多く、すべてのオンラインストアの30％を支えています。

Bigcommerce

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

ペイメントゲートウェイはオンラインです payment企業がクレジットカードや電子小切手を受け入れるのに役立つ処理技術。言い換えれば、支払いゲートウェイは、eコマースプラットフォームとクライアントの間に位置する「中間者」です。

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

• 迅速かつ簡単に支払いを行います。

• 顧客のデータ（情報）とお金を安全に保ちます。

• あなたの顧客の信頼を得て、彼らが彼らのお金を喜んで引き渡すようにしてください。

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

• あなたの国でサポートされている支払いゲートウェイを完成させる必要があります。すべてがグローバルに機能しているわけではありません。

• eコマースプラットフォームでサポートされている支払いゲートウェイを確認する必要があります。たとえば、PayPalゲートウェイは、同じグループが作成したため、Magentoによって完全にサポートされています。

• ペイメントゲートウェイは、3.0PCIデータセキュリティ基準である必要があります。

• 支払いゲートウェイとマーチャントアカウント、またはオールインワンの支払いサービスプロバイダーが必要ですか？

• トランザクションごとに差し引かれる料金と手数料を確認する必要があります。

• 彼らはどのような支払い方法をサポートしていますか？たとえば、VISAは支払い方法であり、MasterCardは別の方法です。

• 彼らはあなたのタイプのビジネスをサポートしていますか？たとえば、成人向けの素材、賭け、ギャンブル、銃器の販売、麻薬などを販売する企業を扱っていないものもあります。

最も人気のあるペイメントゲートウェイプロバイダー

以下は、最も広く使用され、人気のある支払いゲッタウェイプロバイダーのリストとそれらについての簡単な歴史です。

• PAYPAL −あなたは彼らのURLで彼らのビジネスモデルのすべての条件を見つけることができます– https://www.paypal.com/. PayPalは、オンラインで送金するための最も長く確立された、おそらく最も有名なサービスの1つです。

• Amazon Payments −この非常に人気のあるペイメントゲッタウェイプロバイダーのURLは– https://payments.amazon.com/. 2007年に作成されたAmazonPaymentsは、Amazon.comで得られるのと同じチェックアウトエクスペリエンスを顧客に提供します。

• Stripe −この支払い逃走のURLは– https://stripe.com/.月額料金、カードや支払い方法、通貨ごとの追加料金はありません。Stripeは、優れたAPI（アプリケーションプログラムインターフェイス）も提供します。

• Authorize Net −この人気のある支払いゲッタウェイプロバイダーのURLは https://www.authorize.net/.これは、最も強力でよく知られている支払いゲートウェイの1つです。これは、eコマースのWordPressプラグインによって十分にサポートされています。

• 2Checkout −このペイメントゲッタウェイプロバイダーのURLは– https://www.2checkout.com/. 2checkoutは、最もシンプルで手頃なクレジットカードゲートウェイの1つです。

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

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

ビジネスWebサイトも、いくつかの重要なページを使用して、標準形式に従う傾向があります。リストを確認するときは、まだ各ページのフォーマットについて心配する必要はありません。テキスト、画像、および含めるコンテンツについて考えてください。中小企業のウェブサイトの最も重要なページは次のとおりです-

• Home
• About
• Gallery
• Services
• Contact

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

ここで、これらの重要なページのそれぞれについて詳しく理解しましょう。

• Home −ホームページには、あなたのビジネスの名前、あなたがいる場所、そして顧客があなたのビジネスを選ぶべき理由についての数行の簡略化されたピッチを含める必要があります。

• About−会社の経歴を提供し、組織のメンバーシップを一覧表示します。また、Facebookなどのソーシャルメディアのような別のページにこれをリンクしたい場合を除いて、顧客の声を含めてください。

• Gallery −ギャラリーページには、仕事のプロセス、製品、スタッフなどのプロの写真を掲載する必要があります。クライアントはあなたの仕事のやり方を「感じる」ことができます。

• Services−販売する製品または提供するサービスの詳細が記載されたページ。商品やサービスの詳細を説明するページで、提供する各カテゴリを1〜5文で説明し、価格を示します。

• Contact−このページには、住所、メールアドレス、電話番号、営業時間を入力する必要があります。TwitterやFacebookなどのソーシャルメディアアカウントへのリンクがこのページに表示されます。あなたの場所のGoogleマップを埋め込みます。

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

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

あなたのウェブサイトをバックアップする2つの方法があります-

• Manual
• 自動（cPanel経由）。

あなたのウェブサイトをバックアップするこれらの両方の方法を詳細に議論しましょう。

手動バックアップ

あなたのウェブサイトを手動でバックアップするために、あなたはそれをすることができます File Transfer Protocol 前に説明したような（FTP）クライアント– FileZilla または WinSCP。ローカルコンピューターをホスティングアカウントに接続し、それらの間でファイルを移動します。ウェブサイトをバックアップするには、ホスティングアカウントからローカルコンピューターにすべてのファイルをコピーする必要があります。

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

自動バックアップ

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

バックアップウィザードをクリックすると、次のウィンドウが次のスクリーンショットのように表示されます。cPanelが提供するツールで何がバックアップされるかを説明します。

ウェブページの移行は、 moving a webpage from one host to another。このプロセスはさまざまな理由で実行されますが、その一部は次のとおりです。

• あなたはもうホスティング会社のサポートに満足していません

• 価格は別のホスティングよりも安い

• あなたの実際のホスティングプランはもうあなたのニーズを満たしていません

• 提供される技術はもはや競争力がありません。

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

• 前の章で説明したように、Webページを完全にバックアップする必要があります。

• 新しいホスティングにバックアップファイルをアップロードします。

• パブリックフォルダ内のファイルを解凍します。

• データベースファイルをインポートします。

• 新しいデータベースの資格情報を使用してファイルを構成します。

• 新しいドメインネームサーバーを現在のレジストラでポイントし、新しいレコードが伝播されるのを待ちます。

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

Scenario −シナリオは単純です– Webサイトを開こうとすると、ポップアップするエラーが発生します– Page cannot be displayed。

Answer −この問題は、以下のトラブルシューティング手順に従うことで解決できます。

Step 1−まず、インターネット接続に問題がないことを確認する必要があります。別のウェブサイトを開こうとするだけで、同じ結果が得られるかどうかを確認できます。

Step 2 −コンピュータにインターネットがありますが、Webサイトがまだ開いていません。

• ホスティングプランの有効期限が切れているかどうか（おそらく支払いを忘れているかどうか）は、ホスティングプロバイダーに確認する必要があります。

• ドメイン名がまだ有効で、有効期限が切れていない場合は、ドメイン登録事業者にも確認する必要があります。

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

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

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

Step 4 −以下に示すスクリーンショットのような同様のエラーが発生している場合は、データベース接続エラーを確認してください。

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

Step 5 −エラーが発生した場合 404 Not Found次のスクリーンショットに示すように、www.yourdomainname.comを開いているときに、ディレクトリ構造が変更されておらず、を指しているかどうかを確認する必要があります。Public_html folder。

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

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

SQLインジェクション

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

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

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

認証とセッション管理に関連するアプリケーション機能は正しく実装されていないことが多く、攻撃者はパスワード、キー、セッショントークンを危険にさらしたり、他の実装上の欠陥を悪用して他のユーザーのIDを推測したりする可能性があります。

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

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

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

Solution −これからの保護は、iSQLの場合と同じ行にあります。

安全でない直接オブジェクトリファレンス

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

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

セキュリティの設定ミス

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

Solution −ソフトウェアは最新の状態に保つ必要があります。

機密データの公開

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

Solution −機密データは、保存中または転送中の暗号化などの追加の保護、およびブラウザと交換する際の特別な予防措置に値します。

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

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

Solution −認証のレベルを確認する必要があります。

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

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

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

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

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

Solution −そのコンポーネントのバージョンに脆弱性があるかどうかを確認し、回避するか、別のバージョンに変更してみてください。

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

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

Solution −常にURLを検証します。

安全な使用済みプロトコル

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

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

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

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

サービスでブルートフォースログインをブロックするには、次を使用できます Fail2ban、これはLinuxベースのソフトウェアであり、ログイン試行の失敗を何度も繰り返すすべてのIPアドレスをブロックします。

ウェブページやウェブサイトのスピードアップは、適切なホスティングプロバイダーやドメイン名を見つけることと同じくらい重要です。どうして？

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

One second ページの読み込み時間は次のようになります-

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

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

アカマイが行った調査結果に基づく−

• 47％の人が、ウェブページが2秒以内に読み込まれることを期待しています。

• ロードに3秒以上かかる場合、40％がWebページを放棄します。

• オンライン買い物客の52％は、ウェブサイトへの忠誠心のためにページの迅速な読み込みが重要であると述べています。

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

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

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

テストを実行するには、URLを開きます https://www.webpagetest.org/

次のスクリーンショットに示すように、ドメイン名を入力します-

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

メインページで以下の結果が得られます。Webページをそれぞれの要素とともに開くために必要なすべての時間が表示されます。

に行くと Performance Review セクションでは、どの要素を最適化する必要があるかを示します。

私のウェブサイトをスピードアップする方法は？

あなたのウェブサイトをスピードアップするための基本的なヒントは次のとおりです-

• Minimize HTTP requests−簡単に言えば; あなたのウェブページのデザインを簡素化します。

• Minimize server response time−ユーザーの場所に応じて、サーバーの応答時間が変化します。これは、ユーザー間の距離が原因です。ほとんどの訪問者が特定の地域にいる場合は、ホスティングプロバイダーもそこに配置することをお勧めします。これにより、データの移動距離が短くなります。

• Enable Compression−圧縮によりページの帯域幅が減少するため、HTTP応答が減少します。あなたはと呼ばれるツールでこれを行うことができますGzip。

• Enable Browser Cache − Webサイトにアクセスすると、ページの要素がキャッシュストレージに保存されるため、次にサイトにアクセスしたときに、ブラウザはサーバーに別のHTTP要求を送信しなくてもページをロードできます。

• Optimize Images あなたのウェブサイトの。

• CSS delivery 可能であれば外部にする必要があります。外部スタイルシートを使用すると、コードのサイズが小さくなり、コードの重複が少なくなります。

• Reduce redirections HTTPリクエストを作成します。

• あなたのウェブサイトが Content Management System platform、次にプラグインの使用を可能な限り最小限に抑えます。

• Remove broken links JavaScript、CSS、画像のURLから。

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

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

ソーシャルメディア広告

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

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

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

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

新しいウィンドウが開きます。このウィンドウで目的を選択する必要があります。私たちの場合、私は選択しますBrand Awareness。

キャンペーン名を書いてください。私たちの場合は– tutorialspoint →次にクリック Create Ad Account 以下のスクリーンショットに示すように。

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

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

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

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

AdWordsキャンペーンを作成するにはどうすればよいですか。

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

Step 1 − AdWordsキャンペーンを作成するには、最初に次のリンクをクリックしてアカウントを作成する必要があります– https://adwords.google.com/um/signin

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

Step 3−下の図に示すように、目的のターゲットのラジオボタンをクリックします。また、予算を入札する必要があります。クリックごとにいくら使いたいですか？

Step 4 −グループ名を入力してから、 Headlines そして Description Fields 作成する必要のあるAdWordsの場合。

詳細を入力している間、左側のプレビューペインで、作成されたAdWordsがどのように表示されるかを確認できます。

Step 5 −ユーザーが検索を行うときに検索エンジンに表示されるキーワードを選択します。

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

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

• Content −与えられているテーマ、ページ上のテキスト、タイトル、与えられている説明によって決まります。

• Performance− Webページは高速である必要があります（遅延なし）。これについては、前の章で説明しました–Speed up your website。

• Authority − Webサイトには、他の信頼できるサイトにリンクしたり、Webサイトを参照として使用したり、利用可能な情報を引用したりするための優れたコンテンツが含まれている必要があります。

• User Experience − Webページは安全にナビゲートでき、有害なソフトウェアがアップロードされていない必要があります。

• Keyword Stuffing −ページのキーワードを使いすぎないでください。

• Purchased Links −購入リンクを多用しないでください。

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

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

グーグルアドセンス

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

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

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

パートナーシップを作る

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