Référencement par Abondance - 20 conseils essentiels pour améliorer son référencement Mettre en place le CSS Ce que je vous ai montré jusqu'ici a quand même un défaut : cela implique par exemple que TOUS les paragraphes possèdent la même présentation (ici, ils seront donc tous écrits en bleu). Comment faire pour que certains paragraphes seulement soient écrits d'une manière différente ? On pourrait placer le code CSS dans un attributstylesur la balise que l'on vise (c'est la technique que je vous ai présentée un peu plus tôt) mais, comme je vous l'ai dit, ce n'est pas recommandé (il vaut mieux utiliser un fichier CSS externe). Pour résoudre le problème, on peut utiliser ces attributs spéciaux qui fonctionnent sur toutes les balises : l'attributclass;l'attributid. Que les choses soient claires dès le début : les attributsclassetidsont quasiment identiques. Comme je viens de vous le dire, c'est un attribut que l'on peut mettre sur n'importe quelle balise, aussi bien titre que paragraphe, image, etc. Oui mais que met-on comme valeur à l'attributclass? <! Quel intérêt ? Les balises universelles
Bienvenue sur PHP Débutant PHP est un langage de programmation qui s'intègre dans vos pages HTML. Il permet entre autres de rendre automatiques des tâches répétitives, notamment grâce à la communication avec une base de données (utilisation la plus courante de PHP). Le but des exercices de phpDébutant est de vous apprendre à maîtriser les bases de ces deux outils (PHP et base de données), afin que vous puissiez élaborer vos propres applications. Mais, avant de continuer, il est bon d'expliquer comment se déroule une requête HTTP : en clair que se passe-t-il lorsque vous tapez une adresse dans votre navigateur, où interviennent PHP et MySQL (la base de données), et les conséquences que cela implique. Voici, en simplifiant, ce qu'il se passe lorsque vous consultez une page html dite statique : Votre navigateur envoie l'adresse URL (Uniform Ressource Locator) que vous avez tapée Le serveur web est un "ordinateur" présent sur l'Internet et qui héberge la page que vous demandez.
Le langage HTML Un livre de Wikilivres. Le langage HTML est un langage informatique qui permet de créer et structurer des pages Web. Par définition, toutes les pages Web sont faites de code HTML, le langage hypertexte. Si le langage HTML permet d'afficher des pages d'une grande variété de contenus, de mise en forme ou d'animations, et caetera, il a également la qualité de pouvoir être écrit avec un simple éditeur de texte, ce qui évite l'achat d'une application spécifique. Il suffit de créer un fichier portant le suffixe .html et de l'ouvrir dans un navigateur web, en donnent le chemin du fichier préfixé du protocole ou en effectuant un clic droit et sélectionner ouvrir avec votre navigateur web. L'un des ses inconvénient est que l'affiche est dépendant du terminal, notamment, de la taille de l'écran, du navigateur, du niveau de zoom, des polices de caractères disponibles, etc. Ceci nécessite donc de tester les pages avec différents terminaux. Exemple de code HTML avec coloration syntaxique
10 places where anyone can learn to code Teens, tweens and kids are often referred to as “digital natives.” Having grown up with the Internet, smartphones and tablets, they’re often extraordinarily adept at interacting with digital technology. But Mitch Resnick, who spoke at TEDxBeaconStreet, is skeptical of this descriptor. Sure, young people can text and chat and play games, he says, “but that doesn’t really make you fluent.” Mitch Resnick: Let's teach kids to code Fluency, Resnick proposes in this TED Talk, comes not through interacting with new technologies, but through creating them. The point isn’t to create a generation of programmers, Resnick argues. In his talk, Resnick describes Scratch, the programming software that he and a research group at MIT Media Lab developed to allow people to easily create and share their own interactive games and animations. At Codecademy, you can take lessons on writing simple commands in JavaScript, HTML and CSS, Python and Ruby. While we’re at it: bonus!
Qu’est-ce qu’un espace public numérique ? Espace public multimédia de Gramat EPM lotois Ouvert à tous, un Espace Public Numérique (EPN) permet d’accéder, de découvrir, de s’informer, d’échanger, de créer et de s’initier aux outils, aux services et aux innovations liés au numérique dans le cadre d’actions diversifiées : rencontres, débats, ateliers collectifs d’initiation ou de production, médiations individuelles, libre consultation, etc. Les EPN proposent des accès à l’Internet, ainsi qu’un accompagnement qualifié pour favoriser l’appropriation des technologies et des usages de l’Internet fixe et mobile. Les EPN sont des centres de ressources pour le développement numérique des territoires. Ils mettent à disposition des équipements. Les EPN sont des lieux d’expérimentation et de diffusion des nouveaux services et des nouveaux usages liés au numérique, ainsi que des lieux d’animation de projets collaboratifs de proximité (co-construction, participation, partenariats, etc.). Un dispositif existe au niveau national :
Le Flat Design, la tendance 2013 | Horizon Du Web En webdesign, les tendances évoluent à une vitesse folle ! Il n’y a pas si longtemps, on parlait encore du skeuomorphisme qui consistait à prendre des éléments réels et les insérer dans le webdesign, maintenant, on n’entend parler que du Flat Design qui est devenu, pour beaucoup, la tendance de 2013. D’ailleurs, il semblerait que cette tendance au graphisme si simplifié est faite pour durer. Qu’est-ce que le Flat Design ? Le flat design c’est ce qu’on pourrait appeler par traduction du « design plat ». C’est un style graphique qui se caractérise : - par des formes très simplifiées qui ne possèdent ni textures, ni volumes, ni effets, - par des aplats de couleurs vives et sobres, - par une typographie simple structurée et organisée. Bien entendu, le flat est loin d’être nouveau, le style existe depuis longtemps et pourtant il n’a jamais fait autant parler de lui qu’à nos jours. Voici quelques exemples de sites en flat design : Etchapps : Invoisse : Microsoft : Oak.is : Bien sûre que non.
Création d'un site Web, page d'accueil Vendre sur votre site avec PayPal dès aujourd’hui | Blogue Vous cherchez une solution simple pour vendre vos produits sur votre site Web? Ajoutez-y des boutons PayPal. C’est facile, rapide et ça fonctionne sur à peu près tous les sites. Je vous montre aujourd’hui, comment créer votre bouton PayPal, l’ajouter sur votre site et commencer à vendre dès aujourd’hui. Vous devez bien entendu avoir un compte PayPal. • Créer votre bouton PayPal 1. 2. 3. 4. 5. Dans mon exemple, j’ai créé un bouton « Panier » pour mon produit « Chemisier ». 5. 6. 7. 8. 9. 10. • Récupérer le code de votre bouton Voici le code de votre bouton. • Ajouter le bouton sur votre site La plupart des systèmes de gestion (CMS) vous donneront accès à des outils pour intégrer ce genre de code. Voyons ici comment ajouter le bouton sur 2 de nos systèmes. 1. Il suffit ensuite de coller le code dans la fenêtre,de cliquer sur le bouton « mettre à jour »puis d’enregistrer l’article. 2. Votre bouton PayPal est maintenant sur votre site Web. Incroyable, n’est-ce pas? Obtenez votre démo gratuit
Modules PMTIC Pourquoi un module de formation destiné aux jeunes adultes? Simplement parce que nous savons que tu en connais déjà un rayon en informatique, mais qu'il te faudrait parfois avoir une réflexion plus critique sur ce que tu vois ou ce que tu fais sur internet. Ce module a également l'ambition de t'apporter des clés aussi bien pour une recherche d'emploi active que pour un usage professionnel de ton ordinateur. Concrètement, les contenus sont répartis en 5 parties. Chaque partie est divisée en 4 catégories : A toi de jouer ! Besoin d'aide ? Trucs et astuces : Comme son nom l'indique, tu trouveras dans cette partie des astuces pour optimiser ton travail. Bonus : Quelques liens supplémentaires te sont proposés pour approfondir ton apprentissage. Objectifs du module : Ce module a l'ambition d'aider les participants à apprendre les réflexes d'un usage efficace et réfléchi de l'internet. C'est ainsi qu'ils acquerront : Pour promouvoir le module "TIC au net" dans votre organisme
Icones : 10 ressources à ne pas manquer Dans chacun de nos magazines, nous fournissons un CD plein de ressources, de tutoriels, d’images et de goodies. Et donc, pour vous satisfaire toujours plus, voici un pack d’icones très sympa en forme de nuages. La ressource est disponible sur DeviantArt et son auteur (JackieTran) nous permet de télécharger tout ça gratuitement. N’hésitez pas à parcourir sa galerie pleine de ressources et très bien réalisée. -le pack d’icones nuage Si vous êtes à l’affût d’icones sympas ou classiques, beaucoup de ressources et de sites spécialisés existent. 1/ Icon Finder Ca peut paraître inutile de le présenter mais dans le doute… Icon finder reste une valeur sûre avec près de 155 000 icones à dispositions. 2/Icon Archive Avec plus de 251 000 icones à disposition, c’est la ressource idéale si vous recherchez des icones très graphiques. 3/ Icons ETC Le site recense actuellement un peu moins de 130 000 icones. 5/Free Icones Download « Seulement » 500 icones ici mais des packs originaux.
CSS, Cascading Style Sheet : les feuilles de style en cascade Depuis l'arrivée des concepteurs et développeurs sur Internet, l'évolution des langages s'est constamment développée. Html, le langage de balisage universel, a vu sa conception évoluer mais montre petit-à-petit ses limites. Si de nouvelles balises apparaissent à chaque nouvelle version, certaines d'entre-elles, plus anciennes, deviennent obsolètes ... ou le seront bientôt. Les 3 sous-rubriques précédentes (bases, Html et JavaScript, gadgets) ont été réalisées et explicitées à "l'ancienne". Celle-ci est résolument tournée vers la scission des langages. Les scripts que vous aurez trouvé ... et peut-être utilisé dans les autres sous-rubriques peuvent être améliorés grâce à cette technique : essayez ! Il convient de prendre le train en marche afin de ne pas voir les navigateurs de demain refuser l'affichage des sites publiés hier ... et même encore actuellement ! Bienvenue dans la tribu des concepteurs de pages modernes ! Je travaille pour vous ! Copiez le logo ci-dessous :
Web Automation Introduction Web Automation written in C#, using Web Browser control to automate many things. You can do many things by write JavaScript code to control a Web Browser. Background You must know basic knowledge about JavaScript and C#, because Web Automation using JavaScript to communication with c# function. How it work This code bellow explain communication between JavaScript function and C# function, if you don't use it, when you call JavaScript to C# function it will not work. Hide Copy Code [ComVisible(true)] public partial class frmMain : Form { } Then you create a Web Browser and a load JavaScript function on the Web Browser like in the code below on Form Load: The code below has two important points, first ObjectForScripting and window.external: The purpose of ObjectForScripting is for communication between JavaScript and the frmMain application, you can replace this by another class if you want, this class will be called from the JavaScript function. How you excute the script: Techniques
Les 10 meilleures applications extensions de Chrome pour les web designers Le Chrome Store est rempli d’extensions et applications toutes aussi merveilleuses les unes que les autres, dont certaines vont vous simplifier la vie, notamment si vous êtes web designer, et ce de façon exponentielle. Mais attention tout ce que vous allez pouvoir retrouver sur le store n’est pas si rose… En effet, le Chrome Web Store est aussi rempli d’imprévisibles extensions, d’applications inutiles qui sont généralement une totale perte de temps pour tout le monde. Ainsi, au lieu de vous faire tester de nombreuses solutions, je vous propose de partager toutes celles que j’ai pu passer au crible, et pour lesquelles j’ai eu un excellent retour ! Voici donc les meilleurs outils pour vous, web designers, qui peuvent être embarqués dans un simple navigateur Web et qui vous feront sans aucun doute gagner de précieuse minutes… Bounce Bounce est le moyen idéal pour partager vos idées, commentaires et notes sur un site Web. Tape Tape est un outil de développement de sites Web au pixel près.