Qu'est-ce que l'interface Web et la page Web

Le front-end Web est la page Web affichée aux utilisateurs, c'est-à-dire la partie frontale du site Web, qui concerne les aspects visuels du site Web que les utilisateurs peuvent voir et expérimenter, c'est-à-dire tout ce que l'utilisateur voit et le contenu affiché par le navigateur Web, impliquant ce que l'utilisateur peut voir, tout toucher et tout expérimenter. Une page Web est un fichier texte brut contenant des balises HTML. Elle peut être stockée sur un ordinateur dans un coin du monde et est au format Hypertext Markup Language. Les pages Web utilisent généralement des fichiers image. fournir des images. Pages Web À lire via un navigateur Web.

L'environnement d'exploitation de ce tutoriel : système Windows 7, ordinateur Dell G3.

Qu'est-ce que le front-end web ?

Le front-end web est la page web affichée à l'utilisateur, c'est-à-dire la partie front-end du site web.

Le front-end Web, également connu sous le nom de « client », concerne les aspects visuels du site Web que l'utilisateur peut voir et expérimenter, c'est-à-dire tout ce que l'utilisateur voit et que le navigateur Web affiche, impliquant ce que l'utilisateur peut voir, toucher et expérimenter Tout, c'est-à-dire que le front-end Web comprend la structure de la page Web, l'apparence visuelle du Web et la mise en œuvre de l'interaction au niveau du Web.

Le front-end Web a évolué à partir de la production de pages Web, et le nom présente des caractéristiques évidentes de l'époque. Dans l'évolution d'Internet, la production de pages Web est un produit de l'ère Web 1.0. Le contenu principal des premiers sites Web était statique, principalement des images et du texte, et le comportement des utilisateurs lors de l'utilisation du site Web était principalement la navigation. Avec le développement de la technologie Internet et l’application de HTML5 et CSS3, les pages Web modernes sont plus belles, ont des effets interactifs significatifs et sont plus puissantes.

Le front-end Web est principalement destiné à coder et à construire des éléments visibles, qui sont les interfaces avec lesquelles les utilisateurs peuvent interagir, concentrées dans des applications Web ou des sites Web. Cela inclut également le développement d'applications mobiles et les personnes responsables de la création de la présentation ou de l'architecture de ces types d'applications sont des développeurs front-end.

Web est le Global Wide Area Network, également connu sous le nom de World Wide Web. Il s'agit d'un système d'information graphique distribué global, dynamiquement interactif et multiplateforme basé sur l'hypertexte et le HTTP. Il s'agit d'un service réseau construit sur Internet qui fournit une interface graphique, facile d'accès et intuitive permettant aux téléspectateurs de rechercher et de parcourir des informations sur Internet. Les documents et les hyperliens organisent les nœuds d'information sur Internet dans une structure de réseau interconnectée.

Le défi de la programmation Web frontale est que les outils et les technologies utilisés pour implémenter les pages frontales changent rapidement, les ingénieurs doivent donc constamment prêter attention à l'évolution de l'industrie (comme ECMAScript 6).

Le but de la conception d'une page Web est de garantir que lorsque les utilisateurs ouvrent le site, les informations sont présentées sous une forme facile à lire et pertinente. Le problème qui vient avec cela est que les utilisateurs utilisent désormais un grand nombre d’appareils pour accéder au Web, et ces appareils ont des tailles d’écran et des résolutions différentes.

Les concepteurs doivent donc prêter attention à ces aspects lors de la conception de pages Web. Ils doivent s'assurer que leurs pages Web s'affichent correctement dans différents navigateurs, différents systèmes d'exploitation et différents appareils, ce qui nécessite une planification minutieuse de la part de l'ingénieur.

Technologies requises pour le développement web front-end :

• Maîtrise des technologies de développement front-end (HTML5, JS, JSON, XHTML, CSS3), comprendre les standards pertinents de chaque technologie

• Maîtriser Ajax asynchrone programmation et être capable d'écrire des composants front-end réutilisables et hautes performances

• Avoir une compréhension approfondie des idées de programmation et des frameworks front-end tels que OO, MVC, MVVM, etc., et maîtriser un front-end ; -framework (framework front-end couramment utilisés Vuejs, AngularJS, React, Bootstrap, QUICK UI, les terminaux mobiles incluent : Frozen UI, weUI, SUI, MUI, AUI), comprendre ses principes (il existe de nombreux frameworks, choisissez-en deux ou trois frameworks grand public, seulement si vous maîtrisez et avez une compréhension approfondie);

• Être bon en optimisation des performances Web, en accessibilité, bonne expérience en référencement, etc.; (ce sont également des points bonus très utiles lors de la recherche d'un emploi) ;

• Comprendre le mécanisme de sécurité front-end, Familiarisé avec le protocole HTTP et les stratégies de mise en cache du navigateur ;

• Familiarisé avec l'implémentation du code source du JS commun ; frameworks de développement (tels que prototype, jQuery, Mootools, Ext, Dojo, underscore, YUI, Kissy), maîtrisant au moins un d'entre eux.

• Avoir une compréhension claire des problèmes courants de compatibilité des navigateurs et disposer de solutions fiables telles que IE6/7/8/9, Firefox, Safari, Chrome

• Avoir une grande esthétique

De plus, il y a aussi l'apprentissage continu

Qu'est-ce qu'une page Web

Une page Web est l'élément de base qui constitue un site Web et est une plate-forme qui héberge diverses applications de sites Web. En termes simples, votre site Web est composé de pages Web. Si vous disposez uniquement d'un nom de domaine et d'un hébergeur virtuel sans créer de pages Web, vos clients ne pourront toujours pas accéder à votre site Web.

Une page Web est un fichier texte brut contenant des balises HTML. Elle peut être stockée sur un ordinateur dans un coin du monde. C'est une "page" dans le World Wide Web et est un format de langage de balisage hypertexte (un standard universel). langage de balisage), l'extension du fichier est .html ou .htm). Les pages Web utilisent généralement des fichiers image pour fournir des images. Les pages Web doivent être lues via un navigateur Web.

Composition d'une page Web

Le texte et les images sont les deux éléments les plus fondamentaux qui composent une page Web. Vous pouvez simplement le comprendre comme suit : le texte est le contenu de la page Web. Les images sont la beauté d’une page Web. De plus, les éléments des pages Web incluent également des animations, de la musique, des programmes, etc.

Cliquez avec le bouton droit sur la page Web et sélectionnez "Afficher le fichier source" dans le menu pour voir le contenu réel de la page Web via le Bloc-notes. Vous pouvez voir que la page Web n’est en réalité qu’un fichier texte brut. Il utilise diverses balises pour décrire le texte, les images, les tableaux, les sons et d'autres éléments de la page (tels que les polices, les couleurs, les tailles), et le navigateur interprète ces balises et génère la page, de sorte que vous obtenez ce que vous avez maintenant l'image vue. . Pourquoi ne puis-je voir aucune image dans le fichier source ? Ce qui est stocké dans le fichier de page Web est uniquement l'emplacement du lien de l'image, tandis que le fichier image et le fichier de page Web sont stockés indépendamment l'un de l'autre et peuvent même ne pas se trouver sur le même ordinateur.

Les pages Web contiennent généralement les éléments suivants :

Fichiers d'images de données texte Applet (sous-programme exécuté dans la page) L'ensemble des pages Web liées par des hyperliens est le site Web, et le point de départ d'un site Web est la page d'accueil.

(Partage de vidéos d'apprentissage : Démarrer avec le front-end Web)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!