2 Qu'est-ce qu'une page Web. Autres options pour ajouter du CSS. Utiliser la réinitialisation CSS
Nous avons publié un nouveau livre, Social Media Content Marketing : Comment entrer dans la tête de vos abonnés et les faire tomber amoureux de votre marque.
Les pages d'un site Web sont des documents ou des parties de ressources Web dotés d'une URL unique. Ce sont des fichiers contenant des images, des fichiers audio, du texte, du matériel vidéo ou des animations. Son utilisation et sa visualisation s'effectuent à l'aide de navigateurs.
Plus de vidéos sur notre chaîne - apprenez le marketing Internet avec SEMANTICA
A quoi sert une page internet ?
L'objectif principal est de visualiser des informations. La page Web contient du contenu textuel, graphique, audio et vidéo. Il est lu depuis la page par le navigateur et affiché aux utilisateurs.
De plus, à l'aide des pages, une personne peut effectuer certaines actions sur le site : ouvrir des onglets, des menus, remplir des formulaires de commentaires, passer une commande dans la boutique en ligne.
Comment enregistrer une page Web
- Cliquez sur le menu et sélectionnez « Enregistrer sous », puis une boîte de dialogue du même nom s'ouvrira.
- Dans la fenêtre qui apparaît, nous devons sélectionner le type de fichier, le nom de la page et l'emplacement de sauvegarde. Il existe aujourd'hui 4 formats, nous les analyserons ci-dessous.
- Cliquez sur « Enregistrer », vous pouvez désormais afficher une copie de la page à tout moment.
4 formats de sauvegarde de page :
- Pleinement. Dans ce format, l'élément sélectionné est enregistré dans son intégralité, avec toutes les images et décisions stylistiques, le design. Le navigateur crée également un dossier séparé dans lequel sont placés tous les documents publiés sur la ressource : images, photos, widgets, etc.
- HTML. Il n'est plus possible de sauvegarder les images et les décisions stylistiques ; l'original est conservé avec la même structure et le même texte. De cette façon, vous économisez de l'espace mémoire.
- Texte. Le texte enregistré peut être visualisé à l'aide de n'importe quel éditeur ; le texte est enregistré dans son intégralité et non par fragments.
- Fichiers. Tous les fichiers placés sur la page sont enregistrés. Si nécessaire, vous pouvez modifier l'extension d'un fichier particulier.
Que signifie le message « La page Web est obsolète » ?
C'est une erreur assez courante. Cela signifie que la copie locale de la page est obsolète alors qu'il est demandé à l'utilisateur de la télécharger. Pour résoudre le problème, vous devez recharger la page.
Que signifie le message « La page Web ralentit votre navigateur » ?
Souvent, lorsque vous naviguez sur des sites Web, le texte « Une page Web ralentit votre navigateur » apparaît. Généralement, le ralentissement se produit parce que le navigateur charge automatiquement de nombreux scripts inutiles sur une page donnée. Pour résoudre le problème, vous devez modifier les paramètres de votre navigateur Web pour charger rapidement les scripts. Pour ce faire, allez dans le menu du navigateur, recherchez « Outils », puis cliquez sur « Ajouter ». Nous recherchons un plugin spécialisé « Shockwave Flash » et l'installons. Ensuite, dans les paramètres du plugin, sélectionnez l'élément « Demander avant l'activation » et cochez-le. Attention, les noms des éléments peuvent changer selon le navigateur utilisé, l'essentiel est d'en comprendre la signification.
Après cela, les scripts ne seront pas téléchargés automatiquement ; le système demandera l'autorisation avant chaque téléchargement.
La page Web ne répond pas : que faire et comment résoudre le problème
Ici, tout n'est pas aussi simple que dans les cas décrits ci-dessus. Le problème pourrait être n'importe quoi. Voyons comment résoudre ce problème.
La première chose à laquelle il faut faire attention est l’URL. Vérifiez que l'adresse de la page est correcte dans la barre d'adresse. Ensuite, vérifiez si la ressource s'ouvre sur un autre ordinateur. Si la page ne se charge pas sur tous les PC, vérifiez votre connexion Internet. Si tout va bien ici, il y a peut-être un problème avec le site.
La deuxième façon consiste à supprimer des fichiers. Il s'agit de fichiers spéciaux créés pour enregistrer des informations sur le profil créé. Parfois, les cookies sont corrompus. Cela a pour conséquence que les pages ne s'affichent pas. Pour les supprimer, ouvrez les paramètres du navigateur, sélectionnez « Avancé » puis « Données personnelles ». Ouvrez les paramètres de contenu et sélectionnez les fichiers qui nous intéressent. Supprimez « Tous les cookies et données du site ».
La méthode suivante consiste à changer de serveur proxy. Parfois, la connexion via un serveur proxy peut ralentir le chargement des pages Web ou afficher des erreurs. Pour résoudre le problème, allez dans les paramètres, puis ouvrez l'élément « Réseau » et précisez le nom du réseau. Ensuite, ouvrez les paramètres du serveur proxy et entrez les paramètres requis. Si vous ne connaissez pas ces paramètres, contactez votre administrateur réseau. Ensuite, la connexion Internet sera interrompue. Reconnectez-vous à Internet et continuez à travailler.
La page Web a été déplacée : que faire
Vous pouvez souvent rencontrer ce message. Très probablement, une nouvelle adresse sera située à proximité et le navigateur proposera de suivre ce lien. Accédez à la nouvelle version de la page et accédez aux informations nécessaires.
Nous avons expliqué ce qu'est une page Web et comment l'utiliser à certaines fins. Comme vous pouvez le constater, des problèmes peuvent survenir de temps à autre lors du fonctionnement des pages Web, mais ils peuvent tous être résolus.
INSTITUT D'ÉDUCATION OUVERTE DE MOSCOU
DÉPARTEMENT DES TECHNOLOGIES DES MATÉRIAUX ET DE L'INFORMATION
Supports de cours à distance
"Technologies de l'information et éducation"
Polilova Tatiana Alekseevna
[email protégé]
Comment créer une page Web
Le moyen le plus simple de créer une page Web consiste à utiliser les outils Microsoft Office. Les dernières versions de ce package offrent la possibilité de convertir un document standard au format HTML avec une bonne qualité de code.
Caractéristiques des mots
Un document préparé dans l'éditeur de texte Word peut être facilement converti en page Web. Cependant, cela ne semblera pas aussi attrayant que vous le souhaiteriez si des mesures supplémentaires ne sont pas prises. Regardons quelques exemples.
Prenons un peu de texte.
Nous convertissons le document en page Web à l'aide de l'opération Enregistrer sous page Web... (appelée depuis le menu principal - élément Fichier). La représentation HTML du document ressemblera alors à :
La première chose qui attire l’attention est que le texte occupe tout l’espace de l’écran. La longueur de la chaîne est trop longue. Pour une lecture confortable à l'écran, le nombre de caractères par ligne doit être compris entre 50 et 65.
Utiliser un tableau
Dans ce cas, vous pouvez procéder tout simplement : créer un tableau dans le document source et y placer le texte souhaité. Vous pouvez définir un cadre dans le tableau. L’apparence de la page Web sera alors grandement améliorée et la page paraîtra plus attrayante dans le navigateur.
Contexte et style
Il est conseillé de choisir un fond pas trop clair pour que le texte puisse y être lu clairement. Un tel fond dans la liste proposée est, par exemple, le papier de Rice. L'affichage de la page a sensiblement changé :
Insérer une image
Vous pouvez ajouter une image à un document, en la prenant, par exemple, à partir d'une collection de clips.
Vous devez cliquer avec le bouton droit sur l'image, effectuer une opération de copie, puis dans le document spécifier l'emplacement de l'image et effectuer l'opération de collage de l'objet copié.
Si vous insérez une image à l'intérieur d'un paragraphe, il est préférable de modifier les propriétés de l'image en définissant le texte pour qu'il s'enroule autour de l'image (vous devez sélectionner l'élément de menu principal Format puis Image) :
Cela ne créera aucun espace vide supplémentaire dans le document.
Enfin, vous pouvez ajouter un cadre et une ombre à l'image à l'aide des boutons du panneau Dessin - Type de ligne et Style d'ombre. De telles nuances ajoutent considérablement de l'expressivité à la page.
Si le panneau Dessin n'est pas sur la page, vous devez l'installer en sélectionnant l'élément du menu principal Affichage, puis Barres d'outils et dessin.
Ligne rampante
Word vous permet d'ajouter d'autres éléments de conception à une page Web, comme une « ligne rampante ». Pour utiliser cette fonctionnalité, vous devez ouvrir le panneau des composants Web à l'écran (à partir du menu principal - Affichage, puis Barres d'outils et composants Web). Cliquer sur le bouton d'opération Ticking Line ouvre une fenêtre supplémentaire pour spécifier le texte des paramètres de ligne rampante.
Comme d'habitude, vous pouvez modifier la police et les attributs d'une ligne : taille de la police et couleur des caractères. La page Web ressemblera à ceci sur votre écran :
Nous avons donné un exemple d'un ensemble très modeste de techniques de conception avec lesquelles vous pouvez concevoir une page Web basée sur un document existant au format Word.
Utiliser des modèles de conception
Si vous commencez à créer une page à partir de zéro, vous pouvez utiliser l'assistant de page Web, qui vous aidera à créer un document dans une boîte de dialogue. Ou vous pouvez utiliser un modèle de conception de page prêt à l'emploi, en le choisissant parmi un ensemble assez représentatif. Pour cela, dans l'opération Créer, sélectionnez le mode Créer à l'aide d'un modèle puis Modèles généraux. Un formulaire apparaîtra à l'écran dans lequel vous devrez sélectionner l'onglet Pages Web :
L'utilisateur peut choisir la couleur et le style indépendamment, par exemple en utilisant les paramètres Format - Thème.
Création d'hyperliens et de signets
La dernière question que nous envisageons d'aborder dans cette section est la création d'hyperliens dans un document.
Si l'on souhaite faire référence dans un document à un autre document ou à un autre site sur Internet, alors un tel lien hypertexte peut être réalisé comme ceci : sélectionnez un morceau de texte (un mot) dans le document et effectuez l'opération Insérer - Lien hypertexte... Un formulaire apparaîtra à l'écran dans lequel vous précisez l'adresse du lien hypertexte. L'adresse peut être saisie explicitement ou le fichier peut être sélectionné dans la fenêtre.
Ici, vous devez vous rappeler que l'adresse du fichier sélectionné sur votre ordinateur peut changer lorsque vous créez votre site. Ainsi, la méthode implicite de spécification d'une adresse ne convient que si la structure de votre dossier sur votre ordinateur et sur le site Internet est la même.
Si un lien hypertexte doit renvoyer à une autre partie du même document, alors vous devez d'abord insérer un signet au début du fragment souhaité. Vous devez effectuer l'opération Insérer - Signet et saisir le nom du signet dans le formulaire qui apparaît à l'écran.
Présentation Web dans PowerPoint
PowerPoint est un programme conçu pour créer des présentations sur un ordinateur. Cependant, il a pour fonction de convertir une présentation préparée au format Web.
Vous pouvez ouvrir la présentation préparée et effectuer les opérations (à partir du menu principal) Fichier - Enregistrer en tant que page Web. Comme d'habitude, vous devez préciser le nom de la présentation Web dans la fenêtre qui s'ouvre. À la suite de la conversion de la présentation, un fichier portant le nom et l'extension spécifiés .htm et un dossier du même nom contenant du matériel supplémentaire seront créés.
Si vous appelez maintenant la présentation Web depuis le navigateur, vous pouvez voir le résultat de la conversion à l'écran.
Une ligne spéciale est créée en bas de l'écran, où se trouvent les boutons permettant de passer aux diapositives et les boutons permettant de définir divers paramètres pour visualiser les présentations.
La présentation peut être visualisée avec la structure des diapositives affichée. Mais si cette information ne présente pas d'intérêt, alors le champ de l'écran réservé à l'affichage de la structure peut être supprimé (opération développer/réduire la structure en ligne du bas).
À l’aide du bouton Afficher les magasins, vous pouvez afficher les diapositives en plein écran.
Créer des hyperliens
Dans une présentation, vous pouvez créer des liens hypertexte qui relient les objets d'une diapositive, par exemple, à d'autres diapositives. Il est ainsi possible de créer une structure hypermédia qui correspondra naturellement à l’idéologie d’Internet. Expliquons cette technique avec un exemple.
Préparons plusieurs diapositives préparées sur le thème de la flore du lac Baïkal, compilées à partir d'une collection de photographies. Créons une nouvelle diapositive - une table des matières pour la collection.
Si la nouvelle diapositive n'est pas la première de la séquence, vous devez alors passer en mode trieur de diapositives (à partir du menu principal en utilisant les opérations Affichage - Trieur de diapositives) et faire glisser la nouvelle diapositive au début de la collection.
Placez de petites copies de toutes les photographies sur une nouvelle diapositive. Le moyen le plus simple de procéder est de la manière la plus simple : copiez séquentiellement toutes les photographies de la collection sur une diapositive vide, réduisez leur taille et placez-les, par exemple, sur deux lignes. Les images peuvent ensuite être décorées de cadres avec des ombres. Vous pouvez ajouter le titre de votre présentation à la diapositive de table des matières. La vue de présentation en mode Trieuse de diapositives est illustrée ci-dessous :
Passons au mode normal d'affichage des diapositives (commandes Affichage puis Normal). Sur la diapositive de la table des matières, sélectionnez la photo et exécutez la commande Insérer - Lien hypertexte. Dans la fenêtre qui s'ouvre, définissez la transition via un lien hypertexte - le numéro de la diapositive avec une grande photographie à partir de laquelle le plus petit échantillon de la table des matières a été copié.
De même, nous relierons d’autres images de la diapositive de table des matières aux diapositives correspondantes avec les photographies originales.
Si nous lançons maintenant notre présentation, elle fonctionnera comme une structure hypermédia : lorsque vous cliquez sur une petite photo, elle accédera à une diapositive avec une photo plus grande.
Il reste à améliorer un peu notre structure. Ajoutons une flèche à chaque diapositive avec une photo dans sa partie supérieure gauche (Forme automatique dans la barre d'outils Dessin), et créons un lien hypertexte à partir de cette flèche qui ira vers la diapositive de table des matières. Désormais, le mouvement à travers la structure hypermédia que nous avons créée deviendra « bidirectionnel » : depuis la table des matières, vous pourrez accéder aux diapositives avec des photographies, et à partir de n'importe quelle diapositive, vous pourrez revenir à la table des matières.
Après avoir converti la présentation au format Web, notre première page ressemblera à ceci :
En cliquant sur une image dans le menu, vous accéderez à une diapositive avec une grande photo, et en cliquant sur la flèche (en haut à gauche de la diapositive), vous accéderez à la page de table des matières de la collection.
Messieurs, bonne humeur à tous) Aujourd'hui, j'ai décidé d'écrire un article sur le sujet - Comment créer votre propre page Web. J'ai été incité à aborder ce sujet par des lecteurs et des amis qui, pour une raison quelconque, ne font toujours pas la distinction entre les types de sites et de pages sur Internet. J'appelle très rarement quelque chose une page Web))) Cependant, beaucoup de mes amis le disent souvent. Surtout pour eux, j'ai décidé de décrire les principaux types de pages Web que vous pouvez créer vous-même afin d'avoir une sorte de représentation de vous-même en ligne.
Avant de créer une page Web, vous devez absolument créer un e-mail ou une adresse e-mail. J'ai décrit les options de création dans cet article - . Et si vous disposez d’une adresse email, passons aux options de création de votre page web personnelle. Poursuivez votre lecture pour découvrir comment vous aider à créer votre propre page Web.
Site d'une page
La méthode la plus ancienne))) Pour cela, vous devez apprendre les bases du langage HTML. Faire cela à notre époque n'est pas du tout nécessaire ; il existe un million de services, qui seront discutés ci-dessous. Cependant, si vous souhaitez comprendre comment fonctionne un site Web et, en partie, Internet, essayez de créer vous-même un site Web d'une page. J'ai décrit comment procéder dans l'article -. Il existe des options pour créer un site Web d'une page à l'aide de créateurs de sites Web et de plateformes gratuites.
Page sur le réseau social VKontakte
Je pense qu'à notre époque, la phrase : « Je me suis créé une page sur Internet » s'applique surtout au réseau social Vkontakte. VK est le réseau social le plus populaire de la CEI. Créer votre page ici ne prend que 1 minute. De plus, des dizaines de fonctions utiles pour les activités en ligne s'ouvrent à vous.
J'ai beaucoup écrit sur VKontakte et je prévois d'en écrire encore plus)) Avec ce réseau social, vous pouvez...
VKontakte vous permet également de créer une URL pratique vers votre page Web, au lieu de l'URL standard lors de l'enregistrement http://vk.com/id8032931. Ensuite, vous pouvez le changer en un beau - http://vk.com/vasheimya.vashafamiliya.
Page Facebook
Si VKontakte est le réseau social le plus populaire de la CEI, alors Facebook est le réseau social n°1 au monde. Facebook est considéré comme destiné aux utilisateurs russophones avancés))) Mais personnellement, je pense que tout cela est dû au fait que Facebook est très populaire et pratique.
Tout comme sur VKontakte, vous pouvez vous attribuer une belle adresse pour votre page Web. J'ai décrit le manuel complet sur la façon de créer une page Web sur Facebook dans l'article -.
Blogue
Un blog est mon option la plus recommandée pour créer votre propre page Web. Le blog offre des milliers d’opportunités de réalisation de soi et est très simple à utiliser. Souvent aussi gratuit que les pages Web des réseaux sociaux.
Je vous propose une sélection d'articles sur la création d'une page web à l'aide d'un blog :
- - rapide, mais avec des frais d'hébergement et un domaine séparé.
- est une plateforme de blogs de Google. Intégré à de nombreux services Google. Très pratique si vous êtes un fan de Google))
- est la plateforme de blogs qui se développe le plus dynamiquement. J'ai lu des statistiques dans une publication américaine selon lesquelles Tumblr est plus populaire parmi les enfants américains de 12 à 13 ans que Facebook !!! Je pense que c'est un indicateur de la commodité et du développement de cette plateforme.
- — voici les manuels de presque toutes les plateformes de blogs connues, y compris celles ci-dessus.
Agenda
Voici toutes les principales options pour créer votre page Web ou, en d’autres termes, votre présence sur le Web. Littéralement 1 minute et vous êtes déjà immergé dans l'espace du World Wide Web. Bonne navigation sur le Web !
Bonjour, chers lecteurs du blog. Avec cet article, nous allons commencer à apprendre les bases du langage HTML.
Vous savez probablement déjà que la langue principale d'Internet est langage de balisage hypertexte HTML (HyperText Markup Language). Dans cet article, nous apprendrons les concepts de base du HTML et apprendrons à créer des pages WEB simples.
Commençons par le plus important, regardons comment ça marche World Wide Web-Internet. Pour produire des pages Web, vous créez des fichiers écrits en HTML et les placez sur un serveur Web. Après cela, n'importe quel navigateur installé sur un appareil ayant accès à Internet, qu'il s'agisse d'un ordinateur, d'un téléphone ou d'une tablette, peut trouver vos pages Web.
Serveur Web- Il s'agit d'un ordinateur ordinaire doté d'un logiciel spécial ayant accès à Internet. Il écoute en permanence les requêtes des navigateurs concernant les pages Web, les images, les fichiers audio et vidéo. Ayant reçu une requête pour l'une de ces ressources, le serveur la recherche et l'envoie au navigateur.
Navigateur est un programme spécial conçu pour afficher des sites Web, tels qu'Internet Explorer. À l'aide d'un navigateur, vous parcourez des sites Web en cliquant sur des liens. Tout clic de ce type amène le navigateur à demander la page HTML au serveur Web, à recevoir une réponse et à afficher la page dans sa fenêtre. C'est lors de l'affichage de la page que le langage HTML commence à fonctionner ; il indique tout au navigateur sur la structure et le contenu de la page web. Utilisation des commandes - balises, HTML indique au navigateur où commencent les paragraphes de texte, quelle partie du texte constitue un titre et où insérer des tableaux et même des images. Et les balises sont des mots entre crochets, par exemple
,