Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Transcription

1 Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion

2 Aujourd hui le web est présent partout que ce soit dans votre poche (votre Smartphone) ou sur votre écran TV ( tv connecté ). Pour les entreprises il est d une importance capital d avoir une exposition sur le Web pour être visible par le plus grands nombre. De nos jours il est plus simple de chercher des informations ou une entreprise sur le web que sur les pages jaunes. Quant aux particuliers, le fait d avoir un site web permet des partager des connaissances ou idées avec le monde entier. Un site Web c est un ensemble de pages relié par des liens. Ces pages présentent des informations aux visiteurs. Elles sont écrites dans le langage HTML (Hypertext Markup Language ). Ce langage est interprété par votre navigateur ( Mozilla, chrome, opera ) et vous le contenu du site. Source de l image : siteduzero.com

3 Les sites statiques : On parle de site statique lorsque la ou les pages web d un site ne présentent aucune modification par un programme codé par le développeur. Ces site son idéale pour de petit projets tel que les sites personnels, des sites d entreprises ( PME, restaurants, artisan ). L important ici est de donner des informations au visiteur sans qu il puisse interagir avec le site. Les sites dynamiques : Les sites dynamiques sont eux plus complexe car il permette au visiteur une interaction grâce à un programme ( le plus souvent en PHP ). Ces programmes écrivent du code en fonction de ce que le visiteur lui demande. Les sites de e-commerce en sont un bon exemple : Amazon : utilisation d un panier, d un système de commentaires Les jeux par navigateur sont eux aussi un exemple concret : Ogame, mediewar ces jeux fonctionne grâce à un programme qui écrit du code en fonction des action choisis par le joueur. Plein d autre exemples sont possibles mais je ne vous citerais que ces deux-là car nous allons passez à autre chose =). Les CMS : Les CMS (Content Management System) sont des logiciels de conception et de mise à jour dynamique de sites Internet offrant les fonctionnalités suivantes : Possibilité de publier (mettre en ligne le contenu) des documents. Séparation des opérations de gestion de la forme et du contenu. Structuration du contenu (utilisation de FAQ, de document, de blog, ). Leurs utilisation ne nécessite que quelques connaissances des langages de programmation ce qui rend leur utilisation possible à plus grande échelle. Les CMS sont une très bonne solution Web, car la mise en place et la gestion sont accessibles à tous. En revanche les CMS limitent la liberté d action du webmaster et du développeur dans la mesure où ils sont contraints d utiliser les ressources du CMS et ne peuvent pas tout faire sous cette plateforme. Des sites très connus tel que Yahoo sont conçu sur la base d un CMS.

4 Ci-dessous exemple d un CMS (JOOMLA) installer sur un serveur local ( ). A gauche le panneau d administration et à droite le site tel que le visiteur peut le voir : Note : certain CMS sont utilisé pour la création de Blog ( Korben.info par exemple ) Quelques logos de CMS :

5 Les Blogs : Un blog est type de site web utilisé pour la publication périodique et régulière de nouveaux articles, généralement succincts, et rendant compte d'une actualité autour d'un sujet donné. À la manière d'un journal de bord, ces articles ou «billets» sont typiquement datés, signés et se succèdent dans un ordre antéchronologique, c'est-à-dire du plus récent au plus ancien. Ce système de nécessite aucune connaissances particulière en informatique mis à part savoir cliqué sur une souris et publié un contenu pourri ( skyblog ) mais ne généralisons pas =) il y a bien sûr des blog très intéressant sur le Web. Exemple : Overblog ( LOL), Skyrock (LOL X2 )... Attention cette image reflète un avis personnel sur une certaine plateforme de blog dont je tairai le nom: Ci-dessous un blog traitant de l informatique en général.

6 La programmation : Cette méthode offre une liberté totale dans le code et le design du site. Mais surtout elle nécessite d apprendre les base de la programmation et des langages Web ce qui devient vite passionnant ^^. Pour faire simple ici il s agit de réalisé le site de A à Z en passant par la création d image, à l intégration et au codage du site en HTML. Comme je vous l ai dit plus haut, un site Web se code en HTML. L HTML forme la base du site, il est constitué de balise ( <body></body> <div></div> ), tout le texte que vous écrivez est mis entre ces balise ( ex : <p> Bienvenu sur mon site </p> ), elle affiche donc votre texte, vos images, vos vidéos... Mais comme vous le savez les sites web ont aussi besoin d un design sinon il serait plutôt moche =s. Le CSS (Cascading Style Sheets) sert à la mise en page et à la mise en place du design ( ex : #pied_de_page : width : 100% ; height : 100 px ; ), dans cet exemple nous venons de définir une largeur et une hauteur aux pied de page du site. Ci-dessus la réalisation d un site web à gauche notepad++, un éditeur de code libre et open source à droite le navigateur Mozilla qui affiche le résultat du code HTML et CSS.

7 HTML5, CSS3 et PHP + MySQL sont des langages et outils indispensable pour développer sois même un site web. Maintenant quelques mots sur l inévitable PHP, il sert à concevoir des programmes utiles au site, par exemple : je souhaite faire un formulaire pour que l on puisse me contacter via mon site, ici HTML ne sert qu à afficher les champs et le texte du formulaire, j utilise donc PHP pour réaliser un programme qui permettra l envoie d .

8 PHP rentre en interaction avec le code HTML, vérifie les informations, et envoie un au destinataire. Autre exemple ^^ : Ce programme envoie la page demande par le visiteur pour accélérer la navigation du site. En conclusion plusieurs méthodes son utilisé pour la création de site web. Selon le projet que vous envisager il est préférable d employer une solution plutôt qu une autre.

9 Tout se fait en fonction de vos besoin, votre budget et/ou de vos compétences en informatique. Sources : Le site du zéro : Apprentissage des langages Web Wikipédia Google Le Web en général