目次
1.4.1、HTML (ハイパーテキスト マークアップ言語) ドキュメント
1.4.2、CSS (カスケード スタイル シート) スタイル シート
2.2、射撃場にアクセスし、射撃場が設定されているかどうかを確認します
序文
個人情報
ソフトエンジニアリング2年生
普通の学部生
サイバーセキュリティとプログラミングに情熱を持っている
現在サイバーセキュリティ研修中です
一緒に学び、向上していく同じ志を持った友達を探しています! ！！
今日は13-14のプレビューレッスンの学習ノート、まとめてみます。
メモ内容のマインドマップ
1. ウェブとは何ですか?
1.1、定義
ウェブとは、インターネット上の情報伝達手段であり、World Wide Web（WWW）を通じて情報の共有やアクセスを実現します。Web は、HTTP (ハイパーテキスト転送プロトコル)、HTML (ハイパーテキスト マークアップ言語)、URL (Uniform Resource Locator) などを含む一連の標準とプロトコルに基づいています。Web を通じて、ユーザーはブラウザーでさまざまな Web ページ、マルチメディア コンテンツ、ファイルなどにアクセスし、閲覧することができます。
1.2、Web コアの概念
Web の中核となる概念はハイパーリンク (Hyperlink) であり、これによりユーザーは異なる Web ページ間を移動したりジャンプしたりすることができます。Web ページは通常 HTML で記述され、CSS (Cascading Style Sheets) を使用してレイアウトとスタイルを定義します。Web ページには、テキスト、画像、オーディオ、ビデオなどのさまざまなタイプのコンテンツが含まれる場合があります。
1. 3. Webの役割
Web を通じて、人々は情報を世界中で共有し、オンライン ショッピング、ソーシャル ネットワーキング、エンターテイメント、その他の活動を行うことができます。Web の発展は、電子商取引、モバイル アプリケーション、クラウド コンピューティングなどの多くのイノベーションも推進しました。
1.4、宿題
ウェブの構成文書
以下は私がまとめたWebに関する構成文書です
1.4.1、HTML (ハイパーテキスト マークアップ言語) ドキュメント
HTML は Web ページの基本的な構成要素です。ページの構造とコンテンツを定義し、タグを使用してテキスト、画像、リンク、表などの要素を記述します。HTML ドキュメントには通常、.html または .htm 拡張子が付いています。
1.4.2、CSS (カスケード スタイル シート) スタイル シート
CSS は、色、フォント、レイアウト、背景など、Web ページの外観とスタイルを定義するために使用されます。HTML と組み合わせて使用すると、スタイル ルールを通じてページの表示を制御できます。CSS ファイルには通常、.css 拡張子が付いています。
1.4.3，JavaScript脚本
JavaScript は、対話性と動的な動作を追加するために使用されるスクリプト言語です。Web ページにフォーム検証、アニメーション効果、ユーザー インタラクションなどの機能を実装できます。通常、JavaScript ファイルには .js 拡張子が付いています。
1.4.4、画像およびマルチメディア ファイル
Web ページには、画像、音声、ビデオなどのマルチメディア コンテンツが含まれることがよくあります。これらのファイルは、ページの装飾要素または機能要素として機能し、HTML タグを介して埋め込んだりリンクしたりできます。
1.4.5、バックエンド コードとサーバー側テクノロジー
一部の複雑な Web アプリケーションでは、ユーザーのリクエスト、データ ストレージ、ビジネス ロジックなどを処理するためにバックエンド コードとサーバー側のテクノロジが使用されます。一般的なバックエンド テクノロジには PHP、Python、Java などが含まれますが、サーバー側テクノロジには Apache、Nginx などがあります。
2. 自分だけのピカチュウ射撃場を構築する
これは私のクラウド ディスクです。この構築に必要なツールと射撃場が含まれています。
2.1、射撃場の作り方
1. 射撃場の環境を設定する
このマシン上に構築されている場合は、直接ダウンロードしてチュートリアルに従って使用できます。以前の win7 システム上にある場合は、この章の後半に特別なチュートリアルが付属しています。
1.1、解凍してexeファイルを開きます
まず、phpstudyファイルを解凍し、解凍後のファイル内のexeファイルを開きます。
1.2、カスタムパスのインストールを実行する
ここではインストールパスを自分で定義します。Cドライブにはインストールしないことをお勧めします。
インストール パスにはスペースや中国語が含まれていてはなりません。含まれていないと機能しないため、再インストールする必要があります。
定義したら、「インストール」をクリックします
1.3、phpstudyを開き、環境を開始します
ここで、phpstudyを開いた後、起動画像の丸で囲まれた場所をクリックすると、すでに起動しています
注意: 射撃場を使用するには、射撃場を使用する前にこれら 2 つを開く必要があります。
この時点で環境は構成され、次のステップは射撃場の構成と設置です。
2. 射撃場を建設する
2.1、ファイルを解凍して移動します
ここでは、ダウンロードした別のフォルダーを現在のディレクトリに解凍し、初めて定義した phpstudy フォルダー内の phpstudy_pro 内の WWW フォルダーに移動するか、直接解凍します。
これは、phpstudyをインストールしたときに作成したphpstudyという名前のフォルダーです。
次に、 phpstudy_proをクリックして入ると、WWWフォルダーが表示されるので、ここにピカチュウを入れるだけです
2.2、射撃場にアクセスし、射撃場が設定されているかどうかを確認します
次に、ローカル アドレスである 127.0.0.1 にアクセスします。
2.3、データベース構成を初期化する
ここでアドレス 127.0.0.1/pikachu にアクセスすると、次のページが表示されます。
次に、赤いプロンプトをクリックして構成を初期化します
「インストール/初期化」をクリックします
成功したことを示す赤いプロンプトが表示され、青いフォントをクリックしてホームページに入り、通常どおり使用できます。
3. 前回のnoteからダウンロードしたwin7を使用する
phpstudy をインストールできない（インストールが停止する）状況が発生した場合
なぜなら：
前回のメモで共有した win7 をダウンロードしました。このバージョンの win7 には phpstudy が付属しています
C ドライブに直接アクセスして、このパスを見つけることができます。
phpstudy_pro ディレクトリの下の com ディレクトリを見つけ、phpstudy.exe を見つけてデスクトップにショートカットを追加します。
残りの操作は上に書いたものと同じです。上記の操作に従ってください。
3. まとめ
今日、私は Web についてより明確に理解しました。私はソフトワーカーでもあり、以前に Web のフロントエンドについて学んだことがありますが、以前は Web についての知識のほんの一部しか知りませんでしたが、今ではウェブの構成をより深く理解し、明確に理解します。
私も以前射撃場の構築に携わったことがありますが、それに比べてこのコースの構成は初心者向けで始めやすく理解しやすいです。これは、構成のアイデアと方法を提供するものとみなすことができます。
つまり、学習において解決策をまとめる経験自体が一種の向上なのです！
今日の単語
集中力のない人生は、目を開けていても何も見えないようなものです。
私の学習ノートがお役に立ちましたら、「いいね！」を押して保存していただければ幸いです。サポートに感謝します。もちろん、私に提案をしたり、ノートの不足点を補ったりすることも歓迎します。非常に役立ちます。私の勉強、ありがとう。