最初からウェブサイトを作る方法（HTML、WordPress、またはビルダー）

小さな結婚式の計画のスタートアップの所有者として、私の友人はウェブサイトを作る でも彼女がプログラミングのスキルに渡り、フルスピード先に単独創彼女のオンラインです。

最初からウェブサイトを始めることは実際に彼女が恐れていた困難な仕事ではなかった。, 適切なツールを使用して、彼女はWordPressサイトを数週間以内に稼働させました。 サイトの最初のビルドアウトの後、彼女は彼女のビジネスが成長するにつれて自分自身を拡大し、更新し続けました。

彼女の経験が示すように、誰でも比較的簡単にウェブサイトを作る方法を学ぶことができます。 それはwebホスティングとドメイン名を購入し、ウェブサイトビルダー、WordPress、またはベアボーンHTMLを使用してデザインを微調整するのと同じくらい簡単です。 その各ステップを通じて以下ので、お気軽にをクリックすると、リンクはこちらをスキップです。,

ホストを選択|あなたのサイトを作る|ウェブサイトビルダー|ワードプレス

ステップ1：ホストとドメインを選択

ウェブサイトを作成するための最初のステップは、あなたが使用することにしたアプローチに関係なく、webホスティングサービスとドメイン名を選択しています。 のウェブホストが同社の提供するサーバーに保管スペースのサイトのオンラインの世界へのアクセスしています。 一方、ドメイン名はURLです（例えば、www.hostingadvice.com）あなたの場所に直接移動するのに人々が使用すること。

ホストの選択

これは超簡単な部分です。, 多くの場合、無料のドメイン名登録、人気のあるCMSやブログプラットフォームのシングルクリックインストール、無料のウェブサイトビルダー、およびマーケティングクレジットから始まります。

始めるには、次のいずれかのプロバイダでwebホスティングプランにサインアップすることをお勧めします。 あなたのwebサーバーはすぐにセットアップされ、ほとんどはあなたの選択の自由なドメイン-ネームをまた与える, サインアップしたら、すぐにあなたのウェブサイトを構築します：

より多くの安い網ホストを見なさい”

ドメイン-ネームを選ぶ

質のドメイン-ネームを登録することは人々があなたの場所を見つけ、覚え 上記のwebホスティングサービスは、サービスの最初の年のための無料のドメイン名登録を提供するので、すでにステップ1を完了している場合は、すでに,

あなたはまだ選択するドメイン名を決定している場合は、ここで考慮すべきいくつかのヒントがあります：

• それを短く、思い出に残るように：短いドメ タイトルは、人々の心に固執するものでなければなりません。 長いドメイン-ネームは独特、覚えやすいならだけ働く。
• 関連するキーワードを使用する：あなたのドメイン名は、あなたの全体的なSEO戦略に貢献するキーワードを組み込む別の機会です。 キーワードに関係のあるビジネスチャンスをドメイン名のさらに突き出すようにしてください、人々の記憶力して検索エンジンランキングが話題になります。,
• 研究ドメイン名：他の企業や個人が競合や混乱を避けるために、あまりにも密接に関連しているドメイン名を使用しているかどうかを確認し
• 適切なドメイン名拡張子を選択してください：webの閲覧からわかるように、ドメイン名は.com、.org、.biz、およびその他の拡張子で終わることができます。 あなたのウェブサイトの目的に最適なものを選んでください。

あなたのウェブホスティングの計画を購入した(そしてあなたの催す計画のあなたの自由な範囲を得た)のであなたのウェブサイトを造り、進水させて準備ができている。,

ステップ2：サイト構築方法を選択します

ウェブサイトを構築するには、三つの主な方法があります。 初心者なら、はるかに場所を造り、進水させる最も容易な方法はあなたの網ホストによって提供されるウェブサイトの建築者を使用することである。 少なくともややウェブに精通している場合は、wordpressまたはDrupalやJoomlaなどのコンテンツ管理システム（CMS）を使用できます。 すでにコーディングに精通している場合は、最初から始めて、HTMLを使用してゼロからサイトを構築することができます。,

オプション1:サイトビルダーを使用する(初心者レベル)

ウェブサイトビルダーを使用する–コードなしでウェブサイトを作る手順を説明するアプリケーション–は、解放とエンパワーメントの両方が可能です。 すべての符号化が行われるプロバイダのバックエンドとは本質ではないので、複数の単語プロセッサー

通常、サイトビルダーまたはテンプレートベースのサイトビルダーでは、ストレートHTMLを使用してwebサイトをゼロから構築する場合よりもカスタマイズオプションが少なくなりますが、必要なスキルが限られているため、サイトビルダ

オプション2：WordPressのインストール（中級レベル）

多くのビジネスオーナーや従業員は、コーディングスキルがほとんどありません。 同時に、webサイトを作成して更新を行うためにWebデザイナー/開発者に依存する必要がある人もいます。, WordPressは、時間とお金の最小限の投資で基本的なウェブサイトをしたい企業のためのキャッチオールソリューションです。

インターネット上のすべてのウェブサイトのほぼ三分の一は、WordPressのプラットフォーム上に存在し、CNNやeBayのような大企業でさえ、それを使用しています。 ソフトウェアの無料版と有料版があり、オンラインで利用可能なユーザーサポートがたくさんあります。

から選択する多くのテーマやレイアウトと、より複雑なデザインや機能に進めるためのオプションで、WordPressは、企業のすべての種類のための汎用性の高 実際には、それは力のプラットフォームですHostingAdvice.com それ自体。

オプション3：HTML（高度なレベル）でゼロからウェブサイトを作成

Webデザインのスキルは、雇用市場で非常に貴重であり、多分あなたはそれがあなた 最初からウェブサイトを構築すると、サイトを作成してカスタマイズするツールが提供されます。, HTMLを知っていることはあなたの場所の設計を微調整し、場所を容易に拡大し、更新するためにそれらの技術を先に運ぶことを可能にするので、より高

プログラミング初心者で、学ぶことに決めた場合は、無数のwebデザインの本（O’Reillyシリーズは良い出発点です）やWorld Wide Web Consortium（W3C）の学校のようなウェブサイトから必要なコーディングスキルを手に入れることができます。

自分でサイトをコーディングすることを学ぶことで、時間の経過とともに必要なものを正確に作成する究極の柔軟性が得られます。, 言うまでもなく、コーディングできることは、今日の経済において非常に貴重なスキルセットです。

ステップ3：構築を開始！

無料ドメインでwebホスティングにサインアップし、sitebuilding方法を選択したので、サイトとそのコンテンツの外観の作成を開始する準備が整いました。 ステップバイステップの手順を読む：

オプション1：Sitebuilderを使用してサイトを構築する（初心者）

無料のウェブサイトビルダーでウェブサイトを構築することは、すばやく簡単で簡単なプロセスです。, あなたはすでにステップ1でホスティングアカウントにサインアップしているかもしれませんが、その場合、あなたのwebホストのサイトには、あなた 一般的に、Wixが最も人気のあるwebサイトビルダーであることがわかりますので、ここではそれを例として使用します。

すでにホスティングにサインアップしている場合は、アカウントを作成しました。 ウェブホストをまだお持ちでない場合は、ウェブサイトからWix sitebuilderにサインアップすることをお勧めします。 メールアドレスとパスワードを入力するだけで、Wix.com サインアップページを開始します。, メールアドレスのハンドルは無料のドメインの一部になります（カスタムドメインを持っていない場合）ので、サインアップするときにそれを覚えてお それでもわからない場合は、以下のWixプラットフォームの専門家レビューをチェックしてください。

あなたのウェブサイトを最もよく説明するカテゴリを選択します。 これによりシステムや市民一人ひとりのおやWix対応のプラットフォームの多様なユーザーです。 ご選択の決定がどのテンプレートを閲覧頂き、最適なオプションのスタイルのサイトしたい。,

Wixにはウェブサイトを作成するための二つのオプションがあります。 従来のWixエディターに加えて、あなたが答える質問に基づいてカスタムサイトを設計する人工知能プログラムであるWix ADIもあります。 プラットフォームで利用可能なカスタマイズを完全に制御できるWixエディターを使用することをお勧めします。 しかし、Wix ADIを試してみたいなら、ぜひ試してみてください！

作成しているウェブサイトの種類に応じて、さまざまなテンプレートから選択してください。 フィルターオプションによる画像検索キーワード、またはソートのテンプレートがあります。,

また、空白のテンプレートを選択して、完全に最初から、または基本的なレイアウトから開始することもできます。

各テンプレートは、事前に入力されたテキストと背景画像で始まります。 あなたの型板は場所をあなた専有物にする出発点である。 新しいWixページで最初に行うべきことの一つは、ビジネス情報を追加することです。 を記入しお客様のブランド名、コーポレートスローガンのもと、およびその他の関連の詳細をクリックするだけでokでのテキストの交換が必要です。, また、背景画像を含むページの視覚的な側面を変更したり、サイト上の他のページの画像を追加または交換したりすることもできます。

コンテンツを追加してサイトをカスタマイズする方法はたくさんあります。 テキスト、ボタン、スライドショー、メニューなどのオプションの帯については、左側のメニューの追加ボタンをクリックします。 [アプリ]ボタンの下には、コメント、ライブチャット、オンラインストアフロントなどの追加機能のためにサイトに追加できる多くの機能があります。 もできますアップロード独自のマルチメディアコンテンツなどのフォント、画像、動画や音楽を始める。,

ウェブ上にあなたのサイトを置くために、右隅にある”公開”をクリックするだけです！ だドメインできる無料のドメインからWix.com またはカスタマイズドメイン取得によるドメイン主名簿管理人を置く。

オプション2：WordPressを使用してサイトを作成する（中級）

WordPressを使用してサイトを作成することは、プロセスの面でwebサイトビルダーを使用する どのプラットフォームを使用すべきかは好みの問題です。 それはあなたに最も直感的に感じ、あなたのサイトの設計とメンテナンスのための最も柔軟性を与えるものに依存します。, WordPressで行くことの大きな利点は、公式と他のWPソフトウェアユーザーの両方からの大規模なサポートコミュニティです。

ほとんどのホスティングプランは、WordPressへの簡単なアクセスが含まれています—ワンクリックでソフトウェアをインストールするか、いっそのこと、そ ほとんどの場合、できるだけでログイン 財布レディーコントロールパネルのオプションのインストールWPます。 場合はホスティングサービスなこの機能を示スペースで手動インストール手順はこちら。 これらのwebホストは、WordPressのインストールを特に簡単にします：

WordPressのホストをもっと見る”

あなたのアカウントのWordPressのバックエンドに慣れるためにいくつかの時間がかかります。 投稿、ページ、コメントの管理、サイトの外観の変更、サイトエディターの追加、プラグインのインストールなどができます。 ダッシュボードも必要なのコンテンツのサイトをカスタマイズできます。,

ダッシュボードの外観タブでは、無料のテーマの数から選択することができます（またはいずれかのために支払うことを選ぶ）。 導入をテーマにしています”を選択インストールおよびその後はプライバシーポリシーを”のためのテンプレートしています。 サイト上の他のコンテンツを変更することなく、いつでもテーマを変更できます。

サイトに新しいページを追加するには、”ページ”を選択し、”新規追加”を選択します。”外観タブのメニューオプションで、これらのページをサイトのナビゲーションメニューの一部にすることが 投稿を追加するには（あなたのサイトにブログが必要な場合）、”投稿”に移動し、”新規追加”に移動します。,”

デフォルトでは、WordPressはあなたのホームページにあなたの最新の投稿を配置します。 指定ページとしての役割を果たすことのホームページを選択し、”設定”から、ダッシュボードメニューを選択”です。”フロントページの表示セクションで、”静的ページ”を選択し、あなたのホームページとして作成したページを選択します。

プラグインは拡張機能です—デフォルトではWordPressで設定されていません—あなたのサイトに新しい機能を追加します。 WordPressプラグインは、サイトの機能を強化し、サイトの目標を達成するのに役立ち、ウェブサイト訪問者により良いユーザーエクスペリエンスを提供します。,

たとえば、Google Analyticsプラグインを使用すると、サイトのアクティビティを追跡でき、NextGEN Galleryプラグインを使用すると、画像ギャラリーを表示できます。 ダッシュボードの”プラグイン”の下では、オプションを検索することができます—無料のプラグイン ボタンをクリックするだけのインストール”といいます。

この時点で、コンテンツに満ちた、視覚的に魅力的で機能的なサイトを作成しました。, WordPressでの公開はページレベルまたは投稿レベルで行われるため、サイトの各エリアに対して”公開”をクリックする必要があります。 ウェブサイトが完全に起動してコンテンツを公開する準備が整うまで待つか、個々のページや投稿を作成するときに公開できます。

オプション3：HTMLを使用してウェブサイトをゼロから作る（高度な）

挑戦したいと少し余分な時間を持っている人のために、HTMLを介してウェブサイトを作ることは、ウェブ編集とデザインの理解を発展させる価値のある努力です。, わずか数時間で基本的なサイトを設定し、より多くのHTMLとCSSのスキルを学ぶときにそれに基づいて構築することができます。

最初の二つのウェブサイト構築ルートの場合と同様に、あなたの最初のステップは、ホスティングプロバイダにサインアップすることです。

すべてのトップwebホストを見る”

HTMLタグを書くには、webの言語に対応した高品質のテキストエディタが必要です。 Notepad++はMicrosoftユーザーにとって良いオプションですが、TextMateはMacユーザーにとって理想的です。 クロスプラットフォームのテキストエディタを含む原子崇高ない。,

ウェブサイトは、拡張子を持つ名前のテキストファイルに変換するHTMLを使用して厳密に構築することができます。html。 サイトのメインページは通常、indexというタイトルです。html。 このファイルを作成して保存し、HTMLサイトの基本的なフレームワークで入力します。 これは次のようになります：

<html>タグは、サイトコンテンツ全体を囲み、これがHTML文書であることを示します。, Div id=”6a74c96626″>タグには、ページタイトル、メタタグ（ページコンテンツと表示についてのブラウザの詳細を伝える）、およびページのスタイル設定用の外部CSS ページの実際のコンテンツは、<body>タグの間にあります。

サイトを構築するときは、サイトを表示する構造に従ってファイルをフォルダーに整理したいと思うでしょう。 たとえば、メインのaboutを持つAboutページ用のフォルダーを作成できます。,htmlファイル、およびサイトにスタイルを追加する関連CSS、およびそのコンテンツをサポートする他のHTMLファイル。 サイト全体のリンクをサイトのページに追加するときは、ファイルを保存するディレクトリ内のフォルダの場所を参照します。

それぞれの<body>セクション内にコンテンツを書き込みます。あなたのサイトのhtmlファイル（すなわち、各ページ）。 あなたのサイトを構築するときに知っておくべきいくつかの重要なタグは次のとおりです。

• <header>ドキュメントの上部を示し、ページのタイトルとロゴが表示されます。,
• <nav>は、訪問者がトップレベルのサイトリンクを見つけるサイトのメインナビゲーションであるサイトメニューを構築するために使用されます。
• <section>ページのメインコンテンツを示します。 使われているグループのようなコンテンツ内のページです。 いい記事を見るオンラインでグルーピングの個別します。
• <article>は、ブログ投稿、画像、ビデオ、またはその他のマルチメディアなどのページ上の個々のコンテンツに使用されます。 これは、これらの項目を簡単に区別できるようにページを構造化する方法です。,
• <footer>ウェブサイトの下部です。 この領域は、多くの場合、人々が連絡先情報、利用規約、プライバシーポリシー、およびその他のその他の重要な情報を置く場所です。

これらのタグで埋められたページの基本的な構造は次のようになります。

サイトの基本的なナビゲーションバーを追加することもできます。 これはあなたの場所の主要なページへの容易なアクセスを提供する。, これを設定するには、<nav>タグと<ul>または順序付けられていないリストタグを使用します。

そして出来上がり！ 今度はあなたの場所の訪問者はあなたのblog、プロダクトページに容易に移動でき、あなたの接触のページのラインを落とし、顧客のtestimonialsを拾い読みし、ホームページ

HTMLを使用するだけで、書式設定、色、画像でサイトをより視覚的に興味深くすることができます。, ただし、CSSやカスケードスタイルシートをサイトに組み込むと、その外観をより多く制御でき、CSSを使用するサイトは全体的にプロフェッショナルに見え

CSSは個別のCSSファイルで指定されます。 メインファイルのタイトルは通常styleです。cssです。 CSSの基本的な機能には、色、境界線、背景を追加したり、ボックスモデルを適用してページ上のコンテンツを整理したりすることがあります。, このステップは、基本的なHTMLを使用するよりも高度ですが、サイトの美学を大幅に向上させることができます。

全体的なレイアウトに満足したら、サイトを公開することができます。 それはあなたの場所がから始まるために非常に基本的なら完全にうまくいく。 それが専門的に見える限り、あなたはウェブ上にそれを置くことについて良い感じ、あなたがより多くのHTMLとCSSのスキルを開発するようにそれを改

すべて完了！, 今ハード部分のために…コンテンツを追加

私たちのイベント計画の友人のためのケースだったように、あなたは最初にあなた自身のウェブサイトを構築することができるとは思わないかもしれません-しかし、真実は、人々が訪問したい機能的で視覚的に魅力的なサイトを作成するために、完全な初心者のためにこれまで以上に簡単です。 オンラインリソースとWordPressコミュニティからのサポートの助けを借りて、私の友人は彼女が誇りに思っていたサイトを建てました。

あなたのサイトについて考慮すべき最も重要なことは、これが人々を訪問して読み続けるように引き寄せるものであるため、コンテンツです。, 検討したいサイトについて、その事業のしくはブログを特定の話題です。 注意深く考えるのでこの判定は、ウェブデザインの方向です。 ある満足な考えおよび具体的な計画を持っていれば、あなたの場所の建物の冒険を始めて準備ができている。