background preloader

Les bons outils pour commencer à intégrer votre site web

Les bons outils pour commencer à intégrer votre site web
Introduction Pour débuter dans la création de pages web, vous aurez besoin de mettre en oeuvre deux langages : HTML et CSS, qui seront rédigés à l'aide d'un logiciel nommé éditeur de code source et sauvegardés sous forme de fichiers possédant les extensions .html et .css. Ceux-ci seront envoyés via un logiciel FTP qui permet de publier les fichiers depuis votre ordinateur vers le serveur web où ils seront stockés et mis à disposition des visiteurs. Les langages HTML et CSS Ces deux langages se complètent, l'un pose le squelette du site alors que l'autre le met en forme. HyperText Markup Language (ou Langage de balisage hypertexte) HTML, né en 1994, est le langage du Web par excellence. Les médias (images, sons, vidéos, fichiers téléchargeables) ne sont pas intégrés directement au sein de la page HTML, mais sont "appelés" par celle-ci. Cascading Style Sheets (ou Feuilles de styles en cascades) Le langage CSS (né en 1996) met en forme le HTML mais ne structure pas la page web. Chrome Safari Related:  math et informatique

Free CSS/HTML Templates Logiciels & Sites utilisés pour l’intégration HTML/CSS sous Mac OS X Voici la liste des programmes et sites web que j’utilise au quotidien, en tant qu’Intégrateur / Développeur Front-End. Ce ne sont probablement pas les meilleurs, mais ils facilitent énormément mon travail. Sites web pour l’intégrateur SpriteCow Permet d’extraire les positions & tailles des images d’un sprite.CSSLisible Permet de réindenter et de réorganiser du CSS. #autopromoGTmetrix Permet d’analyser les performances d’une page web. Logiciels pour l’intégrateur TextExpander (34.95$) Gérer des snippets dans n’importe quel logiciel.Sublime Text (45€) Editeur de code léger, configurable, avec des tonnes de plugins pratiques.Google Chrome (Gratuit) Un navigateur rapide et efficace, doublé d’un inspecteur de code.MAMP (Gratuit) Apache, MySQL, PHP. Autres logiciels Et vous, quels sont vos logiciels et sites préférés pour l’intégration ou le développement front sur Mac ? Tags : front-end, integration, logiciel

Vous avez un Mac? Mémorisez ces 13 raccourcis clavier Si vous êtes parti pour passer votre vie les mains sur un clavier, autant le faire comme il faut. Ou rendre l'expérience aussi tolérable que possible. Et bien que la plupart des utilisateurs de Mac connaisse les raccourcis basiques -- command + X pour couper, command +V pour coller, etc. -- de nombreuses autres astuces sont à disposition. 1. Command + W ferme rapidement une page ouverte sur votre navigateur, ce qui peut être utile quand vous regardez des vidéos de chats (ou pire) au travail. 2. Command + H ferme l'application et toutes ses fenêtres. 3. Command + Option + M réduit toutes vos fenêtres pour vous permettre de revenir à zéro. 4. Command + F3 écarte toutes vos applications pour vous permettre de voir votre bureau. 5. Command + un chiffre aide à naviguer facilement à travers les onglets respectifs dans un navigateur web. 6. et Option+Shift+F11+F12 permet d'augmenter ou réduire le volume avec des variantes moins élevées que le symbole volume prévu à cet effet. 7. 8. 9. 10. 11. 12.

Five Things You Should Know About HTML5 You are here: Home Dive Into HTML5 1. It’s not one big thing You may well ask: “How can I start using HTML5 if older browsers don’t support it?” But the question itself is misleading. You may think of HTML as tags and angle brackets. Chapter 2 and Appendix A will teach you how to properly detect support for each new HTML5 feature. 2. Love it or hate it, you can’t deny that HTML 4 is the most successful markup format ever. Now, if you want to improve your web applications, you’ve come to the right place. Read all the gory details about HTML5 forms in Chapter 9. 3. “Upgrading” to HTML5 can be as simple as changing your doctype. Upgrading to the HTML5 doctype won’t break your existing markup, because obsolete elements previously defined in HTML 4 will still render in HTML5. 4. Whether you want to draw on a canvas, play video, design better forms, or build web applications that work offline, you’ll find that HTML5 is already well-supported. 5. HTML5 is here to stay.

1471 Start Using CSS3 Today: Techniques and Tutorials - Smashing Magazine Advertisement We have been publishing articles about CSS3 for a while now, and we keep receiving angry e-mails from some developers who complain that it doesn’t make sense to use CSS3 today. Yes, Internet Explorer doesn’t support most CSS3 properties. And yes, CSS3 vendor prefixes are bad for maintainability (and this is why we recommend extracting vendor prefixes in a separate CSS3 file). But it’s OK to accept that Web is a dynamic medium, and it’s OK to create rich, interactive, beautiful designs for those who are already using a modern browser or will be using one soon. In this post we present an extensive round-up of CSS3 techniques, tools and resources that will help you learn how to use CSS3 in your designs right away. You may be interested in the following related articles: What’s Possible With CSS3? Pure CSS3 Page Flip EffectBy using CSS3 gradients, transitions, 2d transforms and clipping, Roman Cortes achieved this pure CSS3 page flipping effect (no JavaScript is used).

Débuter avec HTML + CSS Ce court tutoriel est destiné à ceux qui commencent à utiliser CSS et n'ont jamais écrit de feuille de style CSS. Il n'explique pas CSS en profondeur. Il explique comment créer un fichier HTML, un fichier CSS et comment les faire fonctionner ensemble. Après cela, vous pourrez lire d'autres tutoriels afin d'ajouter plus de caractéristiques à vos fichiers HTML et CSS. Ou bien vous pouvez utiliser un éditeur HTML ou CSS afin de mettre en place des sites complexes. A la fin de ce tutoriel, vous aurez fait un fichier HTML qui ressemble à cela: Page HTML résultante, couleurs et disposition effectuées avec CSS. Notez que je ne prétends pas que c'est joli :) Voici un exemple de section optionelle. Etape 1: Le langage HTML Pour ce tutoriel, je vous recommande d'utiliser des outils simples comme Blocnote (Windows), TextEdit (Mac) ou KEdit (KDE). <! En fait, vous n'avez pas à le taper: vous pouvez le copier et coller depuis cette page Web dans votre éditeur. Etape 2: Ajouter de la couleur <! En savoir plus

Tag - structures de récit - Ecrire un roman d'heroic fantasy Le titre est sciemment provocateur, tant il est démontré qu'il n'existe pas de recette miracle pour un écrire un roman qui plaît à chaque fois. Cependant, il me semble intéressant de se pencher sur quelques structures de récit qui ont démontré leur efficacité. Nous commencerons par David Siegel, reconnu pour sa connaissance du web et des meilleures techniques pour créer des sites qui marchent. Il a publié entre autre "Secrets des sites web qui réussissent" . En se basant sur une analyse du cinéma américain et de ses block-busters, il constate qu'un récit linéaire classique a beaucoup de mal à accrocher l'intérêt du public jusqu'au bout. Par contre, les récits à succès sont basés sur le principe de la double détente : le héros poursuit un objectif, qui s'avère ne pas être le bon. Pour commencer, Siegel rappelle la règle des 3 P que doit respecter tout récit :- Prémisse : Quoi, où, quand. Temps 0 : Tout ce qui s'est passé avant que votre récit ne commence. Temps 1 : le panneau d'ouverture.

Related:  graphisme de site