background preloader

Programmation Web

Programmation Web
Un article de Wikipédia, l'encyclopédie libre. La programmation web peut prendre différentes formes : de la simple page statique à la page dynamique avec connexion à une base de données. Nous allons tracer ici un bref aperçu de différentes technologies possibles dans la programmation côté client ou côté serveur. Bases de la page web - Les langages de balisage[modifier | modifier le code] Langage HTML ou XHTML[modifier | modifier le code] Toute page web comprend une base de langage HTML ou XHTML. C'est un langage qui permet de créer des hyperliens, à savoir des liens d'un document à un autre ou d'un endroit d'un document à un autre endroit du même document (identificateur de fragment). Depuis sa version 4, le langage HTML s'accompagne des CSS (Cascading Style Sheets - Feuilles de style en cascade) qui sont des styles qui se chargent de la mise en forme de la page. Le XHTML est une évolution du HTML basée sur XML. Limites du HTML[modifier | modifier le code] Portabilité Mise en place Performance Related:  Dev web

Dreamweaver : logiciel incontournable Dreamweaver est un logiciel qui sert à la création de pages, de sites et d'applications web développé par la société Adobe System. Originalement édité par Macromedia, Adobe System en est aujourd'hui le principal éditeur depuis qu'il a racheté cette première en 2005. Dreamweaver est facile à employer car il intègre déjà les fonctions de base qui accélèrent la conception de la page du site web. Il est l'un des meilleurs logiciels d'édition de sites web et est compatible à la fois sur PC et sur Mac. La version 11. 0 du logiciel est sorti en avril 2010 plus connu sous l'appellation : Dreamweaver CS5. Dreamweaver proposera divers modèles pour tous les goûts et bien d'autres inédits. Une fois insérés sur la future page, ces différents objets pourront être traités et modifiés comme leur police, leur taille, leur couleur, leur alignement ou leur style grâce à la palette d'inspection.

Conception de site web La création et la conception de site web ou web design est la conception de l'interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans un site web. La conception d'un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité. Le web design d'un site se présente en premier temps sous forme de maquette fonctionnelle avec des spécifications techniques : ergonomie, charte graphique, identité visuelle, marketing, interactivité. Histoire[modifier | modifier le code] Capture d'écran du navigateur World Wide Web Le berceau du Web[1] se situe au CERN (Organisation Européenne pour la Recherche Nucléaire). Le site Web fit ses premiers pas hors du CERN en 1991, celui-ci comportait des informations relatives au navigateur WWW et décrivait les principales caractéristiques du web. Premiers pas[modifier | modifier le code] Formation[modifier | modifier le code]

Définitions du développement web : 40 termes à connaître Nous sommes nombreux à travailler dans le web et à collaborer de près ou de loin avec des développeurs. Voici une liste de mots ou expressions indispensables à connaître pour ceux qui s’intéressent à ce domaine. Ce glossaire regroupe tous les termes et leurs définitions, relatifs aux outils, aux tâches, aux supports, etc. des développeurs. API : (Application Programming Interface) Il s’agit d’un ensemble de fonctions qui permettent d’accéder aux services d’une application, via un langage de programmation. Back-end / Front-end : en travaillant en front-end, un développeur prend principalement en charge la création d’une interface claire et simple pour les internautes. Back-office : terme qui désigne la partie administrative d’un site web (également appelé CMS). Backlog : Liste des « features » à traiter en méthode agile. Backup : sauvegarde. Base de données : ensemble de données propres à un domaine déterminé, et organisées de manière à pouvoir être facilement retrouvées et mises à jour.

Les différents langages de programmation pour site web - Ghislain Ravaux, graphiste Nous allons voir ensemble quels langages sont appliqués lors de la création d’un site web. Dans un premier temps il nous faut des outils de création graphique pour réaliser les templates de chaque page du site (photoshop par exemple, éviter illustrator sauf si vous souhaitez faire un site en flash). Ça c’est pour la partie du webdesigner. Je ne m’étendrai pas en abordant les processus de création et d’inventivité nécessaire à la réalisation d’un site ergonome et agréable à regarder. Et maintenant, l’intégration du site ! Une fois les templates réalisés, il faudra connaître au minimum 2 langages : le html et CSS ou le html et actionscript (pour les sites en flash). Nous allons voir : html, css, javascript, jquery, java, ajax, actionscript, html5, css3, canvas, php, mysql, et ruby. La base des sites : HTML et CSS L’écrasante majorité des sites sont faits en html et CSS. L’Html (Hypertext Markup Language) est l’ossature du site tandis que le CSS (Cascading Style Sheets) est le design du site.

Quels logiciels pour créer une page Web? Pour créer des pages Web et des documents tels que manuels à mettre en ligne, quels logiciel gratuit utiliser? Du traitement de texte HTML aux éditeurs en ligne, les solutions sont variées... Il est possible d'ouvrir deux fenêtres, l'une pour l'éditeur HTML, l'autre pour un navigateur qui permet de voir le rendu en rechargeant la page après chaque modification. Mais les éditeurs WYSIWYG vont plus loin, ils permettent de modifier le contenu dans la page telle qu'elle est présentée à l'internaute. BlueGriffon Par le créateur de NVU, BlueGriffon dispose d'un mode WYSIWYG comme dreamweaver. Un des rares logiciels WYSIWYG d'édition de pages, créé par la distribution Linspire Linux (ex Lindows) mais porté sur Windows. Visual Web Developer Express Après Dreamweaver, Visual Web Developer Express est l'éditeur HTML le plus complet. Live Writer Amaya Editeur WYSIWYG de pages Web respectant les standards et réalisé par le W3C. Seamonkey Composer Editeur HTML de Mozilla inclut dans la suite Seamonkey.

Conception et création de site (MorphemZero) 1119 Cours développement web PDF en PDF à télécharger Introduction Le développement web est apparu avec l’arrivée d’internet et du World Wide Web aux États-Unis. En effet, les premières apparitions du web remontent à la fin des années 50. Ainsi, le point de départ réel de ce qui deviendra Internet, ou la toile que nous utilisons aujourd’hui, fut en 1967. Le développement web est un domaine du génie logiciel qui se base sur la création de pages web. Les principaux langages constitutifs du développement web et les premiers qu’un développeur web devrait apprendre sont HTML, CSS et JavaScript. Le Front-end désigne l’interface graphique que nous pouvons voir et manipuler en tant qu’utilisateurs. Le code Front-end est téléchargé à partir d'un serveur et rendu à l'écran par le biais d’un navigateur web. La désignation Back-end fait généralement référence à ce qui se passe en coulisses. Le développeur back-end utilise des langages de développement web dynamiques, afin de connecter la base de données au serveur, tels que PHP, Ruby, Java ou Python.

Langage de programmation Un article de Wikipédia, l'encyclopédie libre. Les langages de programmation permettent de décrire d'une part les structures des données qui seront manipulées par l'appareil informatique, et d'autre part d'indiquer comment sont effectuées les manipulations, selon quels algorithmes. Ils servent de moyens de communication par lesquels le programmeur communique avec l'ordinateur, mais aussi avec d'autres programmeurs; les programmes étant d'ordinaire écrits, lus, compris et modifiés par une communauté[3]. Les premiers langages de programmation ont été créés dans les années 1950. Définition[modifier | modifier le code] Sous un angle théorique, tout langage informatique peut être qualifié de langage de programmation s'il est Turing-complet c'est-à-dire qu'il permet de représenter toutes les fonctions calculables au sens de Turing et Church (en admettant néanmoins pour exception à la théorie que la mémoire des ordinateurs n'est pas un espace infini)[5]. Les règles de syntaxe Le vocabulaire Logique

Webmaster - Choisir un bon éditeur, les éditeurs à éviter Introduction Il existe plusieurs éditeurs, en mode code ou en WYSIWYG (le logiciel code à votre place), bons ou moins bons. Le but de cette astuce est de vous faire éviter certains (soi-disant) éditeurs qui font du code n'importe comment, et de prendre à la place des éditeurs qui font du code valide, propre, et lisible. Certains sont gratuits, d'autres payants, certains open-source et d'autres non. Cette liste sera sûrement subjective, mais approuvée par plusieurs webmasters/codeurs. Les éditeurs à éviter Frontpage Génère du code invalide : balises en majuscules, propriétés propriétaires (c'est-à-dire non standards, invalides et ne fonctionnant pas sous tous les navigateurs). Word Qui a dit que c'était un éditeur ? Publisher Idem. Les éditeurs recommandés Editeurs WYSIWYG Les éditeurs WYSIWYG, soit "What you see is what you get" vous permettent de créer vos pages web de la même manière qu'avec un traitement de texte. Dreamweaver Le meilleur WYSIWYG je trouve. Web Expert Nvu / Kompozer Amaya Vulcain

Related: