background preloader

Créer un site d’entreprise de A à  Z 1/3 : Réflexion & Webdesign

Créer un site d’entreprise de A à  Z 1/3 : Réflexion & Webdesign
Design Spartan (Gaétan Weltzer) vous montre comment créer un site d’entreprise de A à Z en commençant par la phase de réflexion puis le webdesign. L’objectif de ce tutoriel assez long est d’offrir un cas pratique avec une réflexion derrière. En situation réelle pour une entreprise, comment se passe la réalisation d’un site Internet de présentation ? Par où commence-t-on et comment finit-on, voici ce que nous allons voir ensemble. A lire avant de commencer Plutôt que de faire un simple tutoriel de webdesign, je souhaite vous emmener dans la création d’un site Internet pour une entreprise fictive de A à Z : de la phase de réflexion jusqu’à la mise en ligne du site en passant par le webdesign, l’intégration et le développement. Pour cet exercice, je vais vous montrer le procédé de création d’un site-vitrine qui est à peu près le même pour la majorité des entreprises souhaitant présenter leur activité et entrer en contact avec de potentiels clients. Ce tutoriel est découpé en 3 parties :

Graphiste Freelance Illustrateur Webdesigner : LOGO / PRINT / WEB / MULTIMEDIA / ILLUSTRATION Huge Infographics Design Resources: Overview, Principles, Tips and Examples Design Imagine what would happen if you were speeding on a highway, and trying to read a traffic sign that contains too much information, would you be able to read the information exactly? Compare if you were just seeing a place name, a mileage, or an arrow-sign, which one would be more effective for you? Well, that’s just a simple instance. Simply due to the unclear information given, anyone who sees and reads it could miss the important message on it. We can see in recent years that patterns of communication are becoming more effective, delivering information that people need to know. A History of Infographics I think it is a good idea to begin this article by imparting some historical knowledge about Infographics. Images credit: Public Transport Infographics I still remember seeing the people in my neighborhood doing a social campaign, they were carrying a board containing a composition of information and some attractive icons! Image credit: Jan08 407 Brief Description of Infographics

50+ Awesome CSS3 Techniques for Better Designs CSS3 is gaining momentum, despite the fact that the standard hasn’t even been finalized. There are hundreds of tutorials out there to teach designers how to use it, but unfortunately a lot of them cover the same ground. And some of the tutorials teach designers to do things that they might not think of as useful, though the techniques can usually be adapted to fit a project perfectly. Below are more than fifty awesome CSS3 tutorials. Many are strictly CSS and HTML based, while others also incorporate JavaScript. If you have a favorite technique or tutorial that’s not included below, please share it in the comments! Using CSS3 For Imageless Illustration Various new methods in CSS3 allow a number of very complex graphics to be created using pure CSS and no images. Pure CSS iPhone Illustration A mixture of borders, transforms and gradients to make an animated image of an iPhone. Creating The Opera Browser Logo in CSS3 A clean illustration of the Opera logo rendered using CSS3 techniques.

fr:Installer WordPress Languages: Español • English • বাংলা • Français • Italiano • 日本語 • 한국어 • Português do Brasil • Русский • Slovenčina • ไทย • 中文(简体) • 中文(繁體) • (Add your language) WordPress est bien connu comme étant facile à installer. Dans la plupart des cas, installer WordPress est une opération très simple qui ne prend pas plus de cinq minutes pour être accomplie. Les instructions qui suivent vous indiqueront la marche à suivre, que vous utilisiez la Célèbre Installation en 5 Minutes, ou que vous ayez besoin de plus de détails. Ce qu'il faut savoir avant de commencer Avant de commencer l'installation, il y a quelques petites choses que vous devez avoir et faire. Ce dont vous avez besoin pour l'installation Vous avez besoin d'un accès à votre site et à son répertoire ainsi qu'à certains logiciels pour effectuer l'installation. Accès à votre serveur web (en anglais) (via shell (en anglais) ou FTP) Un Client FTP (si vous avez besoin d'installer WordPress sur un serveur distant) Votre navigateur préféré

30 Exceptional CSS Based Layouts This post is about 30 exceptional CSS based layouts for inspiration . CSS has tremendous power to control the layout of web pages and change them instantly with one click just like WordPress themes . CSS based layouts play an important role in the performance and search engine rankings. So their selection is very important and critical step. 1. Fruit Ninja 2. Magnifico 3. Kirk Whalum Website 4. eCoverSuiteElite eCoverSuiteElite 5. Radiant WebSoft 6. Delibarapp 7. Hey Indy 8. Jan Kovacs Website 9. Madebytinder 10. LiveResto 11. MetaLab 12. Osvaldas 13. Kelt 14. Fluid Theme 15. Coocoocore 16. Gosco Valves 17. Atebits 18. Mascara Design 19. Stick It USB 20. Atombicycles 21. Alexswanson 22. Florida Flourish 23. Fresh Canned 24. Sean Haplin Website 25. Duirwaigh Studios 26. Musicthoughts 27. Istyle 28. Designdisease 29. Electric Pulp 30. Morphix

Tutoriel WordPress C’est quoi WordPress ? WordPress est un moteur de blog libre et gratuit. Sa fonction ? Vous permettre de publier un blog. ? crédit photo Désolé, il n’y a pas de version mobile de cette vidéo pour cette formation. Alors, tenté(e)s ? Les objectifs de la série de tutoriels Comme d’autres (mais quel prétentieux ) j’aurais pu me contenter de vous expliquer comment installer WordPress… Comme d’autres (voilà que ça recommence ), j’aurais également pu me contenter de vous faire un lien vers une ou deux pages web vous expliquant en russe comment l’utiliser, et, comme d’autres, j’aurais pu vous demander gentiment d’aller poser toutes vos questions sur un autre forum… Mais non, sur VidéoNoob, ça ne se passe pas comme ça ! Via ce tutoriel, j’aimerais : Index des tutoriels (évolutif) : 2 – C’est quoi un blog ?

Ombres avancées avec CSS3 et box-shadow - Les tutoriels | CreativeJuiz - Du jus, des fruits, du fun... et du Web ! CSS3 c’est pour l’aspect vendeur du nom, car au final on va aussi et surtout bénéficier du service de pseudo éléments (:after et :before) qui sont prévus depuis CSS2.1. Les visuels que vous voyez sur la page de démonstration ne sont composés qu’avec des propriétés CSS sur une seule et unique <div> (pour chaque bloc). Chez moi le meilleur rendu est sous Firefox, notamment pour la dernière ombre qui est un peu osée (au passage il semblerait que la propriété opacity ne fonctionne pas sur les pseudo-éléments). Dans cette démonstration nous allons utiliser des propriétés avancées de CSS2.1 (:before et :after) qui sont des pseudo-éléments. Pseudo-éléments :after et :before Imaginez que dans un site vous souhaitiez ajouter derrière un lien la langue du site en référence (qui, pour rappel, se précise grâce à l’attribut hreflang sur un élément <a>) vous pouvez le faire en passant par du CSS : La base de travail Pour résumer simplement notre démarche nous avons des divisions : Ombre simple Bogues

Avant de démarrer WordPress est un CMS, c’est à dire un Système de Gestion de Contenu. Si vous faîtes partie des débutants à qui cet article va apprendre quelque chose, je vous ai déjà un peu perdus… Mais, pour la suite, c’est important de comprendre « comment ça fonctionne ». Au commencement était le bloc-notes Les tous premiers sites internet étaient faits avec des programmes aussi simples que le bloc note (et certains continuent à coder avec Notepad, ou de préférence Notepad2 ou Notepad++). C’était facile, rébarbatif, il fallait savoir coder, il n’y avait aucune prévisualisation, par de remplissage automatique, pas d’avertissement sur les erreurs de code. Mais bon, tout ça n’a qu’un temps. Par exemple, dans Dreamweaver ou dans FrontPage, vous faisiez un fichier avec votre menu. C’était déjà mieux, mais pas très satisfaisant, surtout sur les gros sites, où il fallait recharger toutes les pages pour une petite modification du menu. Arriva le CMS : ça se complique et ça se simplifie WordPress Google+

Related: