XAMPPを使用してWindowsでWebサイトを無料でホストおよび編集する

XAMPPを使用してWindowsでWebサイトを無料でホストおよび編集する

あなたはウェブサイトを作りたいのですが、どこから始めればいいのか分かりませんか?





ドメイン、ホストサーバー、WordPressアカウント、テーマなどを購入するなど、一般的なWeb開発トレーニングの場も最も費用がかかるようです。しかし、中小企業の所有者でない場合やブランドを構築しようとしている場合はどうでしょうか。 Web開発を学ぼうとしているだけなら、混乱はありませんか?





自分のウェブサイトをホストする方法を学ぶために読んでください。ウェブサイトは、最初から、または事前に作成されたテンプレートを使用して、コンピューター上で無料で作成できます。ああ、それはあなた自身のWordPressアカウントをホストすることも含みます!





XAMPP:はじめに

BitnamiのXAMPP 'PHPとPerlを含むApacheディストリビューション'です。私たちの目的のために、XAMPPはユーザーが自分のPCでウェブサイトをホストできるようにする無料のシンプルなプログラムであることを理解する必要があるだけです。

XAMPPを使用してローカルサーバーをセットアップすることはやや技術的ですが、プロセスもかなり簡単で簡単です。すべての設定が完了すると、Webサイトの管理と編集が簡単になります。



次に、迅速かつ完全な制御の問題があります。 XAMPPを使用してWebサイトを作成および編集すると、Webサイトを好きなだけ変更したり変更したりすることができます。とはいえ、大きな力には大きな責任が伴います。特にそうしないと、サイトを失う可能性が高くなります。 バックアップを作成する

インターネットなし、安全なWindows 10

ただし、Web開発で本物のスターターコースプロジェクトが必要な場合は、XAMPPが最適です。これには、HTML、CSS、Javascriptなどに関連するすべてのプロジェクトが含まれます。





XAMPPのインストール

に向かう XAMPP Webサイトにアクセスし、パッケージをダウンロードします。デフォルトのセットアッププロセスに従います。 XAMPPをダウンロードすると、XAMPPコントロールパネルが自動的に開きます。そうでない場合は、他の場合と同じようにXAMPPプログラムを見つけることができます([スタート]メニューの検索を使用)。

XAMPPコントロールパネルウィンドウに、実行中のXAMPPプロセスの単純なレイアウトが表示されます。ここでは、最初の2つのオプションであるApacheとMySQLに焦点を当てます。





Apache --XAMPPの主要な核心であるApacheオプションは、PC上にApacheサーバーを作成します。これにより、Webサイトと同じように、Webブラウザを介してPC上でWebサイトを実行および編集できるようになります。もちろん、インターネットに接続されたサーバーではなく、このWebサイトがPC上で実行されていることを除いて。

MySQL --SQLを使用すると、データベースとWebサイト間の通信が可能になり、ユーザーは電子メール、パスワード、およびその他のデータ入力をテストして保存できます。これをローカルのWordPressアカウントに使用します。

を押します 始める XAMPPコントロールパネルのボタン 行動 ApacheとMySQLの両方。モジュールセクションの下でApacheとMySQLの両方が緑色で強調表示されるまで待ちます。有効にすると、XAMPPを自由に使用できます。

LocalhostとphpMyAdmin

すべてが正常に機能していることを確認するには、Webブラウザーを開き、次のように入力します。 http:// localhost / アドレスバーに入力して、 入力 。にリダイレクトする必要があります http:// localhost / dashboard / 、これはデフォルトのXAMPPページです。

次に、をクリックします phpMyAdmin 上部のナビゲーションメニューのボタン。デフォルトのphpMyAdminページに移動します。

今のところこれらはそのままにしておきますが、両方が機能している場合は、Webサイトの作成を開始する準備ができています。

XAMPPを使用したWebサイトの作成

今、楽しい部分が来ます。ルートドライブディレクトリにあるXAMPPフォルダに移動します( C: xampp デフォルト)。次に、 htdocs 。これは、Webサイトを表示するために使用するメインのWebサイトリポジトリになります。

Webサイトを作成および編集する前に、テキストエディタが必要です。メモ帳などのデフォルトのテキストエディタを使用できますが、通常は、コードとマークアップ専用に作成されたサードパーティのエディタをダウンロードすることをお勧めします。 崇高なテキスト は最高の場所の1つなので、彼らのWebサイトにアクセスし、ソフトウェアをダウンロードして開始します。

これで、XAMPPへのWebサイトのダウンロードとインストールを開始できます。私は使用します ロードトリップ テンプレートですが、好きなテンプレートを使用できます。ウェブサイトのzipファイルをダウンロードし、覚えやすい場所に保管してください。次に、XAMPPのhtdocsフォルダー内にWebサイト用のフォルダーを作成します。私の名前を付けました ロードトリップ -名前はシンプルに保つようにしてください。次に、zipファイルの内容を解凍してこのhtdocsフォルダーに解凍します。

ファイルを抽出したら、htdocs内のWebサイトリポジトリに移動して、ファイルが正しく抽出されていることを確認します。

最後に、WebブラウザでWebページに移動します。あなたの Webサイト 、いわば、ページファイルを保持しているフォルダの名前とともに前述のローカルホストを使用して到達可能になります。これは、Webサイトが基本的にフォルダーに含まれるファイルであり、すべて単一のドメイン(またはルート)名であるためです。あなたはすでに学んでいます!

以前に作成したフォルダーの名前はroadtripであるため、完全なサイトアドレスは次のようになります。 http:// localhost / roadtrip

完了です。これで、ローカルでWebサイトの編集を開始できます。

ウェブサイトの編集

SublimeTextを開きます。に行く ファイル 選択します 開いたフォルダ 。 XAMPPフォルダー内でWebフォルダーを見つけて選択します。これで、SublimeTextエディター内で同じWebサイトの複数のページを編集できるようになります。

Sublime Textは、Webサイトのすべてのファイルとフォルダーを表示するための優れたインターフェイスも提供します。 Webサイトに変更を加えるには、Webサイトのコードを編集し、保存します(キーボードコマンドを使用) Ctrl + S )、ブラウザ内でWebサイトを更新します。

プロセスは単純で直接的なものです。ウェブページを編集してから、コードが機能するかどうかを確認してください。 Web開発を進めるにつれ、より複雑な機能をWebページに取り入れようとします。ただし、スキルレベルに関係なく、ページを編集するための基本的な形式は同じです。

XAMPPでWordPressを使用する

生のコードを編集したくない場合、またはより使い慣れたコンテンツ管理システム(CMS)を使用したい場合は、WordPressがその素晴らしいWebデザインリソースを使いやすいZIPファイルで提供します。 XAMPPにWordPressをインストールするには、 WordPressのウェブサイト 公式アプリケーションをダウンロードしてください。

以前と同じ形式を使用して、抽出したWordPressフォルダーがフォルダー内のhtdocディレクトリにあるWebサイトを作成します。 ワードプレス 。わかりやすくするために、フォルダ名を維持します。

phpMyAdminの使用

WordPressではログイン情報を作成する必要があるため、PHPディレクトリにWebページのエントリを作成する必要があります。に行く phpMyAdminページ - http:// localhost / phpmyadmin / デフォルトでは-開始します。

このページから、をクリックします データベース 。下 データベースを作成する パラメータ、入力 ワードプレス そしてヒット 作成 。データベースが作成されたことを示すポップアップが表示されます。次に、このブラウザウィンドウを閉じて、XAMPPhtdocsディレクトリ内のWordPressフォルダに入ります。このフォルダーには、解凍したWordPressファイルの内容が含まれている必要があります。

ログインの構成

ログインしてサイトを使用できるように、実際のWordPressWebサイトを構成する必要があります。これは、WordPressのメインPHP構成ファイルを介して行われます。 WordPressフォルダー内で、ラベルの付いたファイルを見つけます wp-config-sample.php 、ファイルを右クリックして、を選択します 編集 (また で開く 別のテキストエディタの場合)。メモ帳は問題なく動作するはずです。

焦点を当てるコードは次のとおりです。

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', ' database_name_here ');
/** MySQL database username */
define('DB_USER', ' username_here ');
/** MySQL database password */
define('DB_PASSWORD', ' password_here ');

上記のコードに3つの変更を加える必要があります 以内に 引用符。

database_name_here -このパラメータをに変更します ワードプレス 。 Webサイトは、phpMyAdminで以前に作成されたデータベースをそのようにラベル付けして使用します。

username_here -これをに変更します 。ルートユーザー名はデフォルトで適切な管理者権限を持っているため、phpMyAdminを通じて許可されます。適切な権限が付与されていない限り、他のユーザー名は機能しません。

password_here -これを簡単に識別できるパスワードに変更します。パスワードを使用したくない場合は、パラメーターを削除してください。

このファイルを名前を付けて保存 wp-config.php -以前とは対照的に wp-config-sample.php -そして終了します。次に、次のローカルホストアドレスに移動します。 http:// localhost / wordpress

WordPressの作成を含め、インストールを続行します ユーザー名パスワード 。好きな値を入力できます。値の入力が完了したら、をクリックします。 WordPressをインストールする ボタンをクリックしてプロセスを終了します。それが完了したら、前のページで指定したユーザー名とパスワードを使用して、ローカルのWordPressにログインします。

完了です。今、あなたはあなたの心のコンテンツを最初から編集し、修正し、そしてウェブページを作成することに費やすことができますそして WordPress経由、オフライン、無料

ホラー映画をオンラインで無料ストリーミングで見る

Web開発は単一のページから始まります

以前は、Web開発の旅を始めたばかりでした。これで、PC上にローカルサーバーを作成しました。このサーバーを使用して、気まぐれにWebページを作成、変更、および適合させることができます。何よりも、あなたは完全にコントロールできます。残っているのは実験を始めることだけなので、始めましょう!

このすべての作業を実行したくないと思いましたか?のいずれかを試してください 最高の無料ウェブサイトホスティングサービス 代わりは。

画像クレジット:Dmitry Tishchenko / Shutterstock

共有 共有 つぶやき Eメール 6つの可聴の選択肢:最高の無料または安価なオーディオブックアプリ

オーディオブックにお金をかけたくない場合は、無料で合法的にオーディオブックを聴くことができる優れたアプリをいくつか紹介します。

次を読む
関連トピック
  • ウィンドウズ
  • プログラミング
  • Wordpress
  • ウェブ開発
  • ウェブホスティング
  • ウェブマスターツール
  • Apacheサーバー
  • Webサーバー
著者について クリスチャンボニーラ(83の記事が公開されました)

クリスチャンは、MakeUseOfコミュニティに最近加わった人物であり、密集した文学からカルビンとホッブズの漫画まで、あらゆるものを熱心に読んでいます。彼のテクノロジーへの情熱は、彼の支援への欲求と意欲によってのみ一致します。 (ほとんど)何かについて質問がある場合は、遠慮なくメールで送ってください!

クリスチャンボニーラのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください