background preloader

Openclassrooms

Openclassrooms
Related:  HTML/CSS/JS

PHP : Le tutoriel pour grands débutants pressés Ce tutoriel, comme son nom l'indique, est intégralement conçu pour des grands débutants pressés. Appelons grand débutant celui qui n'a jamais programmé ni entamé aucune initiation sur les notions générales de la programmation. Nous ambitionnons donc de satisfaire ce public, s'il est prêt à travailler régulièrement et à y consacrer une semaine intensive, par exemple... Mais bien entendu, qui peut le plus peut le moins ! Aussi ce tutoriel ne devrait pas rebuter l'informaticien qui connaît déjà un ou plusieurs autres langages, mais souhaiterait se mettre à PHP,langage devenu incontournable pour la programmation web. Dans tous les cas, bonne lecture ! 146 commentaires Lire l'article. Article lu 361864 fois. Vous avez aimé ce tutoriel ? Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Ce tutoriel, comme son nom l'indique, est intégralement conçu pour des grands débutants pressés. Mais bien entendu, qui peut le plus peut le moins !

MOOCDocTICE – Communauté – Google+ Cours de PHP 5 Afin de réduire la quantité de code pouvant parasiter la compréhension, dans cette page j'utiliserai principalement des scripts CLI. Cette partie est nécessaire mais tout lire assidûment dès le départ n'est peut-être pas la meilleure méthode pour apprendre PHP. Pour votre lecture, je vous propose de lire rapidement la syntaxe dans un premier temps, et de revenir à ces paragraphes au fur et à mesure que d'autres concepts apparaissent ou que vous avez des doutes syntaxiques. Un bloc de code PHP est délimité par une balise d'ouverture <? Un bloc de code PHP peut être le seul bloc de code dans le fichier, ou bien être mélangé à d'autres langages (par exemple HTML ou XML). Création d'image (PHP pur) : Sélectionnez <? PHP incrusté dans du HTML : <? La balise de fermeture de code PHP ? Vous pouvez varier la présentation du code source (ajouter des espaces, des tabulations et des sauts de ligne) sans que cela affecte l'exécution. <? <? <? Ils prennent généralement deux formes : III-F-1. <? III-F-2. <? <? <? <? <?

CSS : on reprend tout à zéro ! Par Joe Gillespie Cet article est le premier d'une série qui en compte 15. Chaque épisode sera publié bimensuellement dans nos pages. Introduction Si l'idée d'utiliser des Feuilles de Styles en Cascade vous effraie, tranquillisez-vous. Le fait d'utiliser un ordinateur peut être terrifiant pour quelqu'un qui le découvre pour la première fois, mais après un certain temps, on n'y pense plus. Que vous utilisiez un éditeur WYSIWYG sans jamais vous occuper du code source qu'il y a derrière, ou même si vous n'avez jamais créé la moindre page Web, ce tutoriel va vous mettre dans la bonne direction. De quoi aurez-vous besoin? De rien de particulier. Pas de panique ! Ah, vous aurez besoin d'un navigateur, ça va sans dire. Si vous voulez télécharger vos pages vers un serveur Web, vous aurez besoin d'un programme FTP standard, mais ne vous en inquiétez pas pour l'instant, tout va être fait sur votre ordinateur. Première étape : une page de base Avant toute chose, il nous faut une page Web de base.

Lorem Ipsum - générateur de faux texte aléatoire pour webdesigners Pompage.net : le web design puisé à la source Qu'est-ce que l'enseignement à distance ? - Formasup, le portail de la formation à distance Qu'est-ce que l'enseignement à distance ? Le secteur FORTEO [Formation, Travail, Emploi, Orientation] de l'ADBS [Association des professionnels de l'information] a organisé une demi-journée d'information sur la formation à distance à destination des professionnels de la formation. Intervenantes : Isabelle Gonon sur le thème de : "l'enseignement à distance en ligne : de la FOD aux MOOC's". Evelyne Broudoux : "un retour d'expérience, l'exemple de l'INTD". Thèmes abordés : L'environnement numérique : pratiques et outils, les différentes solutions techniques ;Les différentes modalités de l'enseignement à distance : l'accompagnement, le tutorat, l'évaluation de l'apprenant ; Les MOOC'sLa formation de l'INTDLes sources d'information Découvrir Formasup, le portail de l'offre de formation à distance des établissements publics

Penser mobile d’abord aide pour les décisions critiques Par Luke Wroblewski Durant notre entretien du Big Web Show, hier, Jeffrey Zeldman, Dan Benjamin et moi‑même discutions des raisons pour lesquelles concevoir d’abord pour les mobiles aide à éviter certains des problèmes qui enquiquinent les designers depuis des années. Il fait même le café Un des problèmes les plus tenaces sur le Web est de vouloir tout faire faire à son site Web. Lorsque vous concevez d‘abord pour la version mobile, un ensemble de contraintes retient votre main, la plus importante étant probablement la place à l’écran. Perdre 80 % de la place disponible oblige à se concentrer sur les éléments prioritaires. Observez les différences entre le site de Southwest Airlines et leur application iPhone. Si vous concevez d’abord pour les mobiles, vous créez un consensus sur ce qui est essentiel. Le contexte d’utilisation est bien sûr différent d’une utilisation classique, mais le service de base et l’intérêt d’un site restent les mêmes. Identique dans tous les navigateurs

Ce qu'il faut et ne pas faire en CSS : Les balises Si vous voulez vraiment entrer dans les standards Web, vous découvrirez bientôt que la chose la plus importante est le codage. Un code correct, solide et bien structuré. Le HTML, XHTML, les balises, les attributs, la structure...C'est tout ce dont il s'agit réellement. Nous sommes attachés aux termes des standards Web et CSS. Le terme CSS est presque devenu un synonyme de standard. La clé des documents conformes aux standards Web est leur structure. La plupart des documents ont différentes sections (navigation, contenu principal, contenu latéral, le droit d'auteur, zone de contact, etc.). La section la plus importante doit être aussi élevée que possible dans le flux, mais l'importance de certaines sections est également définie par la position des balises d'en-tête (h1, h2, h3, h4, h5, h6). Dans le monde des standards Web, on entend souvent parler d'un syntagme "séparant la présentation du contenu". Il existe une multitude de possiblité dans le choix des balises. À faire À ne pas faire

5 of the Best Free Online Wireframing Applications Many successful web designers and developers can visualize interfaces in their head. It’s a skill few others possess. Consider your clients. If you were lucky enough to receive a specification, did they re-evaluate their interface the minute they tried your lovingly-crafted application? Wireframing helps minimize these issues. 1. Moqups is my current favorite. Moqups has been created in standard HTML5 and JavaScript which makes it more impressive. 2. I’ve used Lumzy for several projects. Screens can have pop-up notes and controls can be linked to other screens for online demonstrations. 3. Gliffy is another Flash offering. The only drawback is that Gliffy is primarily designed for single-page diagrams. 4. Lovely Charts is a Flash version of the company’s desktop and tablet application. Again, it offers fewer control shapes than Moqups or Lumzy and cannot output a viewable demonstration. 5. Have I missed your favorite online wireframing application? Comments on this article are closed.

Toutes les définitions des propriétés feuilles de style css (définitions css V4.0) | Zone CSS Skoden - Portail - Actualités Liste - Autres sites d'actus e-learning Etape 1 : Telecharger site web et présentation - Creer ma premiere page web 1.1 - Telechargez les fichiers Vous trouverez ci-dessous un fichier .zip que vous devez télécharger afin de débuter le cours pour apprendre à créer votre première page web. Une fois téléchargé, vous devez décompresser le fichier. Vous pouvez par exemple le placer sur le bureau de votre ordinateur. 1 fichier html (index.html) 1 fichier CSS (style.css) 1 dossier image avec : - fond-haut.gif - fond-site.gif - image-gite.jpg - image-gite-grande.jpg 1.2 - Description des fichiers telecharges : index.html : C'est la page d'accueil sur laquelle se trouvera le contenu de votre site (texte et images), sous forme de code HTML. style.css : C'est une feuille de style qui permet de mettre en forme votre site (couleurs, polices, dimensions de conteneurs...) /images/ : C'est ici que toutes les images de votre site sont stockées. 1.3 - Ouverture de la page dans un navigateur en local Double cliquez ensuite sur index.html afin d'ouvrir la page dans votre navigateur favoris (Internet Explorer, Firefox, Safari...).

Related: