WebフロントエンドとWebページとは何ですか

Web フロントエンドとは、ユーザーに表示される Web ページ、つまり Web サイトのフロントエンド部分であり、ユーザーが見て体験できる Web サイトの視覚的な側面、つまりすべてを指します。ユーザーが見たり、Web ブラウザーで表示したりすることで、ユーザーが見たり、触れたり、体験したりできるすべてのものに触れます。 Web ページは HTML タグを含むプレーン テキスト ファイルです。世界の片隅にあるコンピュータに保存できます。Web ページは World Wide Web のページであり、ハイパーテキスト マークアップ言語形式です。Web ページは通常、画像ファイルを使用して、 Web ページ Web ブラウザ経由で閲覧します。

このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。

Web フロントエンドとは

Web フロントエンドとは、ユーザーに表示される Web ページ、つまりフロントエンドです。 - ウェブサイトの終わりの部分。

「クライアント」とも呼ばれる Web フロントエンドは、ユーザーが見て体験できる Web サイトの視覚的な側面、つまり、ユーザーが見るすべてのものと Web ブラウザーが表示するものを指します。ユーザーが見ることができるもの、ユーザーが触れたり体験したりするすべてのもの、つまり、Web フロントエンドには、Web ページの構造、Web の外観、Web レベルでのインタラクションの実装が含まれます。

Web フロントエンドは Web ページ制作から発展したものであり、その名前には明らかに時代の特徴があります。インターネットの進化において、Web ページ制作は Web 1.0 時代の産物であり、初期の Web サイトの主なコンテンツは画像やテキストを中心とした静的なもので、Web サイトを使用する際のユーザーの行動は主に閲覧でした。インターネット技術の発展と HTML5 および CSS3 の適用により、最新の Web ページはより美しく、重要なインタラクティブ効果を持ち、より強力になりました。

Web フロントエンドは主に、Web アプリケーションまたは Web サイトに集中して、目に見えるもの、つまりユーザーが操作するためのインターフェイスをコーディングして構築することを目的としています。これにはモバイル アプリケーションの開発も含まれており、この種のアプリケーションのレイアウトやアーキテクチャの作成を担当するのはフロントエンド開発者です。

Web は、World Wide Web としても知られる Global Wide Area Network であり、ハイパーテキストと HTTP に基づいた、グローバルで動的にインタラクティブなクロスプラットフォームの分散型グラフィック情報システムです。これは、インターネット上に構築されたネットワーク サービスです。閲覧者がインターネット上の情報を検索および参照するための、グラフィカルでアクセスしやすく直感的なインターフェイスを提供します。ドキュメントとハイパーリンクは、インターネット上の情報ノードを相互接続されたシステムに編成します。ネットワーク構造。

フロントエンド Web プログラミングの課題は、フロントエンド ページの実装に使用されるツールやテクノロジが急速に変化するため、エンジニアは業界の発展状況 (ECMAScript 6 など) に常に注意を払う必要があることです。

Web ページをデザインする目的は、ユーザーがサイトを開いたときに、情報が読みやすく関連性の高い形式で表示されるようにすることです。これに伴う問題は、現在ユーザーが Web にアクセスするために多数のデバイスを使用しており、これらのデバイスの画面サイズと解像度が異なることです。

したがって、デザイナーは Web ページをデザインするときにこれらの側面に注意を払う必要があります。 Web ページがさまざまなブラウザ、さまざまなオペレーティング システム、さまざまなデバイスで正しく表示されることを確認する必要があり、エンジニア側で慎重に計画する必要があります。

Web フロントエンド開発に必要な技術:

• フロントエンド開発技術 (HTML5、JS、JSON、XHTML、CSS3) に精通している)、さまざまなテクノロジーの関連標準を理解します。

• Ajax 非同期プログラミングをマスターし、高性能で再利用可能なフロントエンド コンポーネントを作成できるようになります;

• #OO 、MVC、MVVM、その他のプログラミングのアイデアについて、フロントエンド フレームワークを深く理解し、フロントエンド フレームワーク (一般的なフロントエンド フレームワーク Vuejs、AngularJS、React、Bootstrap、QUICK UI、モバイル端末) に習熟している含まれるもの: Frozen UI、weUI、SUI、MUI、AUI)、その原則を理解する (多くのフレームワークがあり、主流のフレームワークを 2 つまたは 3 つ選択し、習熟し、深く理解する);

• は Web パフォーマンスの最適化、アクセシビリティが得意で、SEO の経験もよく理解しており、プレゼンテーション層とデータ層の分離の概念、Web セマンティクスを理解しています (これらは、仕事を探すときに非常に役立つボーナスポイントでもあります) ;

• フロントエンドのセキュリティ メカニズムを理解し、HTTP プロトコルとブラウザのキャッシュ戦略に精通する;

• 一般的な JS 開発フレームワークに精通するソース コードの実装 (プロトタイプ、jQuery、Mootools、Ext、Dojo、アンダースコア、YUI、Kissy など) は、少なくともある程度熟練しています。

• #一般的なブラウザの互換性の問題を明確に理解し、IE6/7/8/9、Firefox、Safari、Chrome などの信頼できる解決策を用意します。

• 高い美意識を持つ

さらに継続的な学習が必要です

ウェブページとは

Web ページは Web サイトを構成する基本要素であり、さまざまな Web サイト アプリケーションをホストするプラットフォームです。平たく言えば、Web サイトは Web ページで構成されていますが、Web ページを作成せずにドメイン名と仮想ホストだけを持っている場合でも、顧客は Web サイトにアクセスできません。

Web ページは、HTML タグを含むプレーン テキスト ファイルです。世界の片隅にあるコンピュータに保存できます。World Wide Web の「ページ」です。ハイパーテキスト マークアップ言語です。形式 (標準の汎用マークアップ言語のアプリケーション。ファイル拡張子は .html または .htm)。 Web ページでは通常、画像ファイルを使用して画像を提供します。 Web ページは Web ブラウザを通じて読みます。

Web ページの構成

テキストと画像は、Web ページを構成する 2 つの最も基本的な要素です。単純に、テキストは Web ページのコンテンツであると理解できます。写真はウェブページの美しさです。また、Webページの要素にはアニメーション、音楽、プログラムなども含まれます。

Web ページ上でマウスを右クリックし、メニューで [ソース ファイルの表示] を選択すると、Web ページの実際のコンテンツがメモ帳で表示されます。 Web ページが実際には単なるプレーン テキスト ファイルであることがわかります。さまざまなタグを使用して、ページ上のテキスト、画像、表、サウンド、その他の要素 (フォント、色、サイズなど) を記述します。ブラウザはこれらのタグを解釈してページを生成するため、現在表示されている画像が得られます。 。ソース ファイルに画像が表示されないのはなぜですか? Web ページ ファイルに保存されるのは画像のリンク位置のみですが、画像ファイルと Web ページ ファイルは互いに独立して保存され、同じコンピュータ上に存在しない場合もあります。

Web ページには通常、次の要素があります。

テキスト データ 画像ファイル アプレット (ページ内で実行されるサブプログラム) ハイパーリンクされた Web ページの複合体が Web サイトであり、Web サイトの開始点はホームページ。

(学習ビデオ共有: Web フロントエンドの入門 )

以上がWebフロントエンドとWebページとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。