background preloader

Le CSS - Tutoriel HTML & CSS

Le CSS - Tutoriel HTML & CSS
La syntaxe Un fichier CSS permet de changer radicalement l'affichage de plusieurs pages HTML. La structure d'un fichier CSS est simple (plus que celle d'un fichier HTML). Un fichier CSS est composé de plusieurs règles. Chaque règle permet de changer l'affichage de plusieurs balises HTML. Les règles ont la syntaxe suivante : Expliquons cette structure avec quelques définitions : Chaque règle CSS sert à appliquer des styles à une balise HTML, certaines balises, ou un groupe de balises ; Chaque règle d'un fichier CSS débute par un sélecteur. Pour illustrer ce que nous venons de voir, nous allons voir comment centrer le titre de niveau 1 de nos pages Web. Si maintenant nous voulons une couleur bleue pour ce même titre, nous devons appliquer une seconde déclaration (couple "propriété: valeur") pour le même sélecteur h1 : il s'agit de la propriété "color", et nous lui donnons la valeur "blue". Lier le CSS au HTML <! Le fichier style.css, quand à lui, pourra ressembler à ceci : <! Les sélecteurs <!

http://slaout.linux62.org/html_css/css.html

Related:  tools to learnDéveloppement WebHtmlProgramación web

The game machine W2L Info Published on December 1st, 2013 | by What2Learn Are you looking to make your own study game? At What2Learn you can quickly and easily create an incredibly wide range of interactive learning activities including hangman games, quizzes, interactive word searches, extended writing activities and much more. No technical skills or programming knowledge is required to make these fun and effective study games – simply fill in the blanks with your own questions and answers and your flash-based game is instantly created and available for your students to play online. Demos of JSColor – JavaScript / HTML Color Picker, Selector, Chooser JSColor– JavaScript / HTML Color Picker <div class="message warning"><strong>Warning:</strong> The examples won't work because your browser seems to have the <strong>JavaScript disabled</strong> or not to support it.

Torrent Search Engine Login Login or register to get advantage of advanced controls on AIO Search.Login with your Facebook, Twitter, Google and Wordpress ... Categories Select a category to load the related search engines.Click Add to add your own category.Drag categories to arrange your categories menu. Engines Drag engines to personalize search engines arrangement. UnCheck or remove the engines you do not need Engines controls Check or uncheck all engines.Search Find ready to add search engines on our database and add them to list.My Sites Find search engines added by you.Add Add your favourite search engine by adding its URL.

Сolorful grunge textures We all know how good it is to have correct clipart in a times of tight deadlines and creative block which, sooner or later, happens to all of us. And It's much more better to have them for free. That's what we doing here - sharing tons of design tools for free. Most of them even free for commercial purposes: web-design and prints, brochures and b-cards, posters and flyers, creative illustrations t-shirt design, book/CD/DVD covers or logotypes.

Code & Conquer Most Important: Have Fun. And earn some badges. See how your strategy works out in different scenarios, challenge other players, receive points, earn badges and climb your way to the top of the leaderboard. A Great New Tool to Teach Kids Coding September 23, 2014 Code Studio is a newly released platform geared towards helping students from kindergarten to high school learn the different coding concepts. Code Studio which is a product of the popular nonprofit group Code.org known for its relentless efforts to make coding part of the curricula. Code Studio, as is explained in this excellent review, provides a variety of features that set it apart from other coding platforms. Most important of them all is its integration of HTML5 which makes it accessible through different browsers. Code Studio also provide coding lessons tailored for each age group and grade level.

9 Websites to Learn Coding As Compiled by TED May 15, 2014 Learning how to code has become an essential skill for the 21st century students. The importance of coding lies in the fact that it enables students to learn a slew of other important skills all along the way. In his popular TED talk " Let's Teach Kids to Code", Mitch Resnick of MIT Media Lab outlined a set of skills that students get to learn from coding . These skills are also relevant for all other sorts of activities: Code Racer that is featured in TED article has become Treehouse which brings the number of websites to 9. The Web is 25 years old….more or less a couple of years! The Web is about 25 years old, more or less 2-3 years, depending on which date you start counting from! In a time when technologies and the associated practices are changing so fast, this isn’t that young anymore! On a human scale, it’s already more than a quarter of a life, if one takes into account the longest life expectancy possible today. A website has been set up to keep track of the various events and celebrations put together for this anniversary. Moreover, as announced in my « event » section, the journal New Media & Society is running a special issue that will be published in 2016.

15 no-prep games with just little scraps of paper One of the most flexible and useful resources in the classroom are bits of scrap paper. One thing that has really developed in my teaching over the years is my ability to react flexibly to things that happen in class, such as students knowing more or less about the language point than I expected, having wrong information about the class, students arriving late, or energy levels not being what I expected. One vital part of developing that ability to respond rather than just stick to the lesson plan has been to find and develop games that can be can be added to almost any class as and when needed.

Code Monster from Crunchzilla <h2>Code Monster gets kids excited about programming. It is a combination of a game and tutorial where kids experiment with learning to code. <p> Code Monster use Javascript. Please enable Javascript if you want the play with the Code Monster. Create your own Interactive Fiction What is Interactive Fiction? Interactive Fiction (formerly referred to as Text Adventures) are a cross between reading a book and playing a game, where you control the main character. Rather than reading the story from start to finish, you interact with everything by typing commands at a prompt, discovering things as you go along. Well written games give you, the player, the impression that anything you type is understood by giving a sensible and meaningful response. Indeed, part of the fun of playing interactive fiction games is discovering responses to things you didn't expect to have been catered for.

Related: