ホームページ ウェブフロントエンド フロントエンドQ&A ウェブサイトの作り方チュートリアル

ウェブサイトの作り方チュートリアル

Aug 06, 2019 am 10:41 AM
チュートリアル Webサイト

ウェブサイトの作り方チュートリアル

ウェブサイトとは、特定のコンテンツを表示するために HTML (標準ユニバーサル マークアップ言語に基づくアプリケーション) などのツールを使用して、特定のルールに従ってインターネット上に作成されたウェブサイトを指します。関連する Web ページ。 簡単に言えば、Web サイトは、人々が公開したい情報を公開したり、Web サイトを使用して関連するネットワーク サービスを提供したりできるコミュニケーション ツールです。人々はWebブラウザからWebサイトにアクセスし、必要な情報を取得したり、ネットワークサービスを享受したりできます。ここからはWebサイト制作の具体的な流れをご紹介していきます。

推奨チュートリアル: php プロジェクト実践チュートリアル

1. まず、Web サイトの計画を立てます。

どのような種類の Web サイトを構築したいですか、ポータル タイプですか?エンタープライズタイプ?それとも純粋に個人的なものですか?ウェブサイト名とドメイン名は何ですか(他人が登録している場合に備えて少なくとも3つ用意してください)、何言語で作成されていますか、キーワードは何ですか(百度で自分のウェブサイトを検索するためにどのような単語を入力できますか)、等ここでは詳細には触れませんが、自分で解決してください。

ウェブサイトの作り方チュートリアル

##2. これらの計画上の問題が解決したら、Web サイトの構築を開始します。

どのような種類の Web サイトを構築するかを選択するには、まず満足のいくテンプレートを選択します。基本的な知識のある友人は、ソース コードをオンラインで見つけて、Dreamwaver (Web ページ ファイルを変更するためのソフトウェア) または Photoshop (写真を変更するためのツール) を使用して、自分で修正したりアレンジしたりすることができます。初心者の友達の場合は、テンプレートを購入するか、DIY テンプレートを見つけて作成するかを選択できます。ローカルテストにはAPACHE(言語環境を構築し、ローカルでテストできるソフトウェア)を使用します 詳細は他の動画を参照していただき、ここでは割愛します。以下は私の DIY ウェブサイトのインターフェースです。

ウェブサイトの作り方チュートリアル

#3. Baidu などの検索エンジンは、オンラインで公開する前に Web サイトを完成させることをお勧めします。それは起動されます。

Web サイトのテストが完了したら、ドメイン名とスペースを申請できます。 Xinwang や Taobao などの有名な大規模な Web サイトからドメイン名とスペースを購入する方が便利ですが、淘宝スペースの安定性と信頼性に注意してください。広告の疑いを避けるため、ここでは説明しません。通常、ドメイン名ウェブサイトで会員登録を行った後、ドメイン名を登録しますが、登録されている場合は、登録されていないまでバックアップドメイン名を変更し、料金を支払い、ドメイン名単位で記録することができます。それは何年後か。スペースについては、エンタープライズなどの単純なページには仮想スペースを選択することをお勧めしますが、フォーラム、グループ購入、または複数のサイトの場合は、vps またはより高度なクラウド ホストを選択できます。

ウェブサイトの作り方チュートリアル

#4. これらの申請が完了したら、flashfxp 上の仮想空間に表示されている IP、ユーザー名、パスワード、ポートなどを入力してアップロードします。 Web サイト ファイル。wwwroot ルート ディレクトリに移動します。一部のスペースでは、ルート ディレクトリにこの名前が付けられていない場合があります。

一般スペースには無料の第 2 レベル ドメイン名があります。アップロードが成功したら、ブラウザに第 2 レベル ドメイン名を貼り付けて Enter キーを押します。結果がローカル テストと同じ場合は、 , ウェブサイトに問題がないことを意味します。

ウェブサイトの作り方チュートリアル

#5. 最後に、ドメイン名の解決とスペース バインドを実行します。 通常、ドメイン名の解決には時差があり 24 時間かかりますが、現在は約 1 時間短縮されています。

ウェブサイトの作り方チュートリアル

6. バインディングを解析した後、ローカル テスト、start-run-cmd、URL への ping を実行できます。次の出力が表示されます それは正常になります。アドレスバーに URL を入力して Web サイトを開きます。

ウェブサイトの作り方チュートリアル

##詳細情報

ウェブサイトの構成

初期の頃は、ドメイン名、スペース サーバー、プログラムが Web サイトの基本コンポーネントでした。テクノロジーの継続的な進歩に伴い、Web サイトの構成はますます複雑になりました。現在、ほとんどの Web サイトは以下で構成されています。ドメイン名、スペースサーバー、DNSドメイン名などの解析、Webサイトプログラム、データベースなどで構成されます。

ドメイン名

ドメイン名は、ドットで区切られた文字列で構成されるインターネット上のコンピュータまたはコンピュータ グループの名前です。データ送信中にコンピュータの電子的位置 (場合によっては地理的位置) を識別するために使用されるドメイン名は、インターネット ブランドおよびオンライン商標の保護に不可欠な製品の 1 つとなっています。平たく言えば、ドメイン名は家族の家の番号に相当し、他の人はこの番号を通じて簡単にあなたを見つけることができます。一般的なドメイン名を例にとると、baidu の Web サイトのアドレスは 2 つの部分で構成されており、ラベル「baidu」はドメイン名の本体であり、最後のラベル「com」はドメイン名のサフィックスであり、 a com international ドメイン名はトップレベルのドメイン名です。先頭の www. はネットワーク名で、www. のドメイン名です。

DNS では、ドメイン名のラベルは英語の文字と数字で構成されると規定しています。各ラベルは 63 文字を超えることはできず、大文字と小文字は区別されません。ラベルにはハイフン (-) 以外の句読点を使用できません。最も低いレベルのドメイン名が左端に書かれ、最も高いレベルのドメイン名が右端に書かれています。

スペース

一般的な Web サイト スペース: 仮想ホスト、仮想スペース、独立したサーバー、クラウド ホスト、VPS。

仮想ホストは、ユーザーがサイトやアプリケーション コンポーネントなどを配置するためにネットワーク サーバー上に一定量のディスク領域を割り当て、必要なサイト機能、データ ストレージ、および送信機能を提供します。いわゆる仮想ホストは、「Web サイト空間」とも呼ばれ、インターネット上で実行されているサーバーを複数の「仮想」サーバーに分割するものです。各仮想ホストは独立したドメイン名と完全なインターネット サーバー (WWW、FTP、電子メールなどをサポート) 機能を持ちます。仮想ホスティングはネットワーク開発の福音であり、ネットワーク テクノロジーの応用と普及を大きく促進してきました。同時に、バーチャルホストのレンタルサービスもインターネット時代の新しい経済形態となっています。バーチャルホストをレンタルすることは、家を借りることと似ています。

VPS は仮想プライベート サーバーを指し、サーバーを複数の仮想的な独立した専用サーバーに分割するテクノロジーです。 VPS テクノロジーを使用した各仮想独立サーバーは、独自の独立したパブリック IP アドレス、オペレーティング システム、ハードディスク容量、メモリ容量、CPU リソースなどを持ちます。また、プログラムのインストールやサーバーの再起動などの操作も実行でき、これはサーバーとまったく同じです。独立したサーバーを実行しています。

プログラム ソース コード

プログラムは、Web サイトの構築と変更に使用されるプログラミング言語です。ソースコードとは、特定の形式で書かれた単語や記号の集まりです。

「たとえば、この Web ページを右クリックして、[ソース ファイルの表示] を選択します。メモ帳が表示されます。その中のコンテンツは、この Web ページのソース コードです。」 この文は、両者の関係を反映しています。 , ここでいうソースファイルとはWebページのソースコードのことを指し、ソースコードとはソースファイルの内容なのでWebページのソースコードとも言えます。

ソース コードは元のコードを指し、任意の言語コードを使用できます。

アセンブリ コードとは、コンパイルされたソース コードを指します。通常は、DLL、EXE、.NET 中間コード、JAVA 中間コードなどのバイナリ ファイルです。

高級言語とは通常、C/C、BASIC、C#、JAVA、PASCAL などを指します。アセンブリ言語は ASM のみであり、これよりも下位の言語です。機械語です。

ブラウザはプログラムのコンパイラのようなもので、ソース コードを目に見える形に変換するのに役立ちます。

以上がウェブサイトの作り方チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Dewuの使い方のチュートリアル Dewuの使い方のチュートリアル Mar 21, 2024 pm 01:40 PM

Dewu APP は現在非常に人気のあるブランド ショッピング ソフトウェアですが、ほとんどのユーザーは Dewu APP の機能の使い方を知りません。最も詳細な使用方法のチュートリアル ガイドは以下にまとめられています。次に、エディターがユーザーに提供する Dewuduo の概要です。機能の使い方チュートリアルですので、興味のある方はぜひご覧ください! Dewu の使い方チュートリアル [2024-03-20] Dewu の分割購入方法 [2024-03-20] Dewu クーポンの入手方法 [2024-03-20] Dewu マニュアルのカスタマーサービスの検索方法 [2024-03- 20] デューのピックアップコード確認方法 [2024-03-20] デューの購入場所 [2024-03-20] デューのVIP開放方法 [2024-03-20] デューの返品・交換申請方法

WeChat の支払い音をオフにする方法のチュートリアル WeChat の支払い音をオフにする方法のチュートリアル Mar 26, 2024 am 08:30 AM

1. まずWeChatを開きます。 2. 右上隅の[+]をクリックします。 3. QR コードをクリックして支払いを受け取ります。 4. 右上隅にある 3 つの小さな点をクリックします。 5. クリックして支払い到着の音声リマインダーを閉じます。

photoshoppcs5とはどんなソフトですか? -photoshopcs5の使い方チュートリアル photoshoppcs5とはどんなソフトですか? -photoshopcs5の使い方チュートリアル Mar 19, 2024 am 09:04 AM

PhotoshopCS は Photoshop Creative Suite の略で、Adobe 社が開発したソフトウェアで、グラフィック デザインや画像処理に広く使用されています。PS を学習する初心者として、今日は photoshopcs5 とはどのようなソフトウェアなのか、そして photoshopcs5 の使い方を説明しましょう。 1. photoshop cs5 とはどのようなソフトウェアですか? Adob​​e Photoshop CS5 Extended は、映画、ビデオ、マルチメディア分野の専門家、3D やアニメーションを使用するグラフィックおよび Web デザイナー、エンジニアリングおよび科学分野の専門家に最適です。 3D イメージをレンダリングし、それを 2D 合成イメージに結合します。動画を簡単に編集

DisplayX (モニターテストソフトウェア) チュートリアル DisplayX (モニターテストソフトウェア) チュートリアル Mar 04, 2024 pm 04:00 PM

壊れたモニターを購入しないようにするには、購入時にモニターをテストすることが重要です。今日は、ソフトウェアを使用してモニターをテストする方法を説明します。方法ステップ 1. まず、この Web サイトで DisplayX ソフトウェアを検索してダウンロードし、インストールして開くと、ユーザーに提供されている多くの検出方法が表示されます。 2. ユーザーは、通常の完全テストをクリックします。最初のステップは、ディスプレイの明るさをテストすることです。ユーザーは、ボックスがはっきりと見えるようにディスプレイを調整します。 3. マウスをクリックして次のリンクに進み、モニターが黒と白の各領域を区別できれば、モニターはまだ良好であることを意味します。 4. マウスの左ボタンをもう一度クリックすると、モニターのグレースケール テストが表示されます。色の変化がスムーズであればあるほど、モニターの品質は向上します。 5. さらに、displayx ソフトウェアでは、

夏はぜひ虹を撮ってみてください 夏はぜひ虹を撮ってみてください Jul 21, 2024 pm 05:16 PM

夏の雨の後には、美しく魔法のような特別な天気の風景、虹がよく見られます。これも写真撮影ではなかなか出会えない光景で、とてもフォトジェニックです。虹が現れるにはいくつかの条件があります。まず、空気中に十分な水滴があること、そして、低い角度から太陽が当たることです。そのため、雨が上がった午後が最も虹が見えやすいのです。ただし、虹の発生は天候や光などの条件に大きく左右されるため、一般に虹の持続時間は短く、見頃や撮影に最適な時間はさらに短くなります。では、虹に遭遇したとき、どうすれば虹を適切に記録し、高品質の写真を撮ることができるでしょうか? 1. 虹を探す 上記の条件に加えて、虹は通常、太陽光の方向に現れます。つまり、太陽が西から東に輝いている場合、虹は東に現れやすくなります。

専門家が教える! Huawei携帯電話で長い画像をカットする正しい方法 専門家が教える! Huawei携帯電話で長い画像をカットする正しい方法 Mar 22, 2024 pm 12:21 PM

スマートフォンの継続的な発展に伴い、携帯電話の機能はますます強力になり、その中でも長時間の写真を撮る機能は、多くのユーザーが日常生活で使用する重要な機能の1つになりました。長いスクリーンショットは、ユーザーが長い Web ページ、会話記録、または写真を一度に保存して、簡単に表示したり共有したりできるようにするのに役立ちます。数ある携帯電話ブランドの中でも、ファーウェイの携帯電話はユーザーから高く評価されているブランドの一つでもあり、長い写真のトリミング機能も高く評価されています。この記事では、ファーウェイの携帯電話で長い写真を撮る正しい方法と、ファーウェイの携帯電話をより良く活用するための専門的なヒントを紹介します。

PHP チュートリアル: int 型を string に変換する方法 PHP チュートリアル: int 型を string に変換する方法 Mar 27, 2024 pm 06:03 PM

PHP チュートリアル: Int 型を文字列に変換する方法 PHP では、整数データを文字列に変換するのが一般的な操作です。このチュートリアルでは、PHP の組み込み関数を使用して int 型を文字列に変換する方法を、具体的なコード例を示しながら紹介します。キャストを使用する: PHP では、キャストを使用して整数データを文字列に変換できます。この方法は非常に簡単で、整数データの前に(文字列)を追加するだけで文字列に変換できます。以下は簡単なサンプルコードです

PS で写真を切り出す方法 - PS で写真を切り出すチュートリアル PS で写真を切り出す方法 - PS で写真を切り出すチュートリアル Mar 04, 2024 pm 12:07 PM

PS で写真を切り出す方法をまだ知らない友達がたくさんいるので、以下の編集者が PS で写真を切り出すチュートリアルを説明しています。 1. まず、PS で切り出す必要がある画像を開きます (図を参照)。ソフトウェアを開いた後、左側のツールバーの「Magic Wand」ツールをクリックします。次に、マウスを使用して画像の背景領域をクリックし、逆選択ショートカット キー [Ctrl+shift+I] を押して画像の主要部分を選択します。 3. 被写体を選択した後、ショートカット キー [Ctrl+J] を押して次のレイヤーをコピーし、背景レイヤーを閉じると、写真が切り取られます (図を参照)。以上、編集者が作成したPSでの写真の切り抜き方法についてのチュートリアルでした。

See all articles