1. Qu'est-ce que le Web ?
Les sites Web et les pages Web les plus courants sur le Web se présentent sous trois formes courantes : hypertexte, hypermédia et protocole de transfert hypertexte. Le développement Web est le développement de sites Web. Un site Web est composé de nombreuses pages Web et les pages Web sont composées de lignes de codes de balises et de codes de données. Le développement Web est le processus d'écriture de ces codes dans des balises que le navigateur peut comprendre, et une fois que le navigateur les a acceptés, les gens ordinaires peuvent les voir.
Le front-end Web est principalement responsable de l'effet d'affichage du navigateur frontal. Lorsque la page du front-end Web est affichée, ces données sont requises par le programme Java d'arrière-plan ou le programme C++. Cette architecture système est appelée système à structure B/S (B : Navigateur, S : Serveur)
1. Introduction aux termes liés au Web
(1) www est l'abréviation de World Wide Web, que nous appelons le réseau étendu mondial, également connu sous le nom de World Wide Web ;
(2) Le Web est un système d'information graphique distribué global, dynamique et multiplateforme basé sur le protocole http. Le plus courant est le service de site Web.
(3) Un site Web est un ensemble de plusieurs pages Web ;
(4) Une page Web est un fichier HTML affiché via un navigateur et contenant des images, du texte, des liens, des sons, etc.
(5) La page Web est analysée et affichée sur le navigateur ;
2. Application Web
Les applications dites Web font spécifiquement référence à certaines applications que nous ouvrons habituellement avec un navigateur, à savoir les sites Web. Tels que Weibo, Moments, Zhihu, etc. Les applications Web doivent exister sous la forme de « groupes de ressources ».
Prenons l'exemple de Weibo, une application Web. Elle se compose de nombreux scénarios. Les scénarios que nous connaissons incluent :
(1) Scénario de connexion et d'enregistrement ;
(2) Scène de navigation sur Weibo ;
(3) Publier des scènes Weibo ;
(4) Page du centre personnel ;
Dans ces scénarios, chaque scène possède généralement sa propre page principale, qui est généralement une ressource de page HTML ; dans ces scénarios, il existe des zones fonctionnelles spécifiques. De manière générale, une fois la scène déterminée, il n'y a qu'une ou deux zones fonctionnelles. Pour réaliser une fonction, cela se transforme en une série d'actions, telles que l'inscription, la connexion et la navigation. Pour réaliser une action, plusieurs ressources doivent coopérer les unes avec les autres pour la réaliser. HTML n'est qu'un affichage de la numérisation du contenu. dans les ressources se trouve dans notre La phase d'apprentissage provient principalement de la base de données.
Nous récupérons d'abord les données via la base de données, puis marquons les ressources obtenues comme contenu structuré via HTML pour former une ressource complète. Plusieurs ressources sont combinées pour former une fonction. Plusieurs fonctions sont assemblées et organisées pour former une ressource complète. une application ou un système Web complet.
3. Serveur Web
S'il y a un client, il doit y avoir un serveur. Le serveur Web utilisant le protocole HTTP, nous l'appelons souvent serveur HTTP (HTTP Server). Par exemple : Apache, Tomcat, Netty, etc.
Notre navigateur communiquera avec notre client via le réseau. Le navigateur et le client sont implémentés par d'autres. Notre tâche est principalement d'implémenter certains plug-ins (également appelés ressources) pour le client. Par conséquent, le serveur passe lorsque le client. accède, il accède en fait aux ressources que nous fournissons, comme le montre la figure.
Il existe un ensemble de normes pour la communication entre les navigateurs et les serveurs. Cet ensemble de normes est appelé protocole HTTP, dont le nom complet est (Hyper (Super) Text (Text) Transfer (Transmission) Protocol (Protocol)). Pendant la communication, le navigateur envoie une requête et le serveur répond.
4. Ressources
Pour l'instant, on peut comprendre les ressources comme un ensemble de fichiers, et ce qu'on appelle le développement d'applications Web consiste à développer un ensemble de ressources (exprimées sous la forme d'un ensemble de fichiers. Pour une meilleure compréhension, vous pouvez imaginer le navigateur). comme un centre commercial, et pensez à nous développant des applications Web. Imaginez que l'application soit comme ouvrir un magasin dans ce centre commercial. Avant d'ouvrir le magasin, nous devons préparer les articles à vendre, ce qui équivaut à des ressources. Il peut y avoir plusieurs applications Web dans un navigateur, et chaque application Web dispose d'une série de ressources. Les ressources que nous développons doivent passer par le client pour fournir des services externes. L'utilisateur représente le navigateur, et le navigateur est directement connecté au serveur Web. Nous attacherons les ressources correspondantes au serveur Web, afin que notre application Web soit officiellement. travailler.
5. Composition des normes Web
Composition : Elle comprend principalement trois aspects : Structure , Présentation et Comportement .
(1) Normes structurelles : La structure est utilisée pour organiser et classer les éléments d'une page Web. Nous apprenons principalement le HTML. La partie la plus importante d'une page Web
(2) Normes de performances : les performances sont utilisées pour définir la mise en page, la couleur, la taille et d'autres styles d'apparence des éléments de la page Web, faisant principalement référence au CSS.
(3) Normes de comportement : Le comportement fait référence à la définition de modèles de pages Web et à l'écriture d'interactions. Ce que nous apprenons principalement est JavaScript (JavaScript est un langage de programmation qui appartient au HTML et au Web).
Idéalement notre code source : .HTML .css .js
2. Introduction de base au HTML
1. Définition de base : Hypertext Markup Language, hyper est un hyperlien ;
2. La version la plus populaire actuellement est HTML5.0, et l'organisation W3C est responsable de la formulation des normes pour le langage HTML ;
