Introduction to HTML
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. 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). N'utilisez pas un logiciel de traitement de texte, tels que Microsoft Word ou OpenOffice, car ils produisent des fichiers qu'un navigateur Web ne sait pas lire. L'étape 1 est d'ouvrir votre éditeur de texte (Notepad, TextEdit, KEdit, etc., quel que soit votre éditeur favori), de commencer avec une fenêtre vide et de taper ceci: <! Etape 2: Ajouter de la couleur <!
30 Ebooks Grátis para Freelancers de Web Design
Há alguns dias, a EscolasTV lançou um video, no qual os colegas Paulo Faustino e Miguel Lucas falaram sobre alguns dos livros que marcaram as suas carreiras, aconselhando a leitura dos mesmos. Inspirado nesse excelente video (ao qual aconselho que veja, clicando aqui), hoje decidi partilhar com vocês alguns dos livros gratuitos que estão disponíveis para os freelas que trabalham na área do web design. São 30 obras no total, que falam sobre os mais variados temas, incluindo HTML, CSS, PHP ou tipografia, entre outros temas. O artigo de hoje é dedicado a todos os profissionais que desejem constantemente aprender um pouco mais sobre a sua área e que gostem de renovar os seus conhecimentos de um forma constante. Este livro foi escrito por Peter Conradie e tem como objetivo ajudar os web designers que estejam em início de carreira. Enquanto web designers, é importante conseguir equilibrar a criatividade com a produtividade no seu trabalho. Números de páginas: 639 Faça o download clicando aqui
WampServer, la plate-forme de développement Web sous Windows - Apache, MySQL, PHP
Trois façons simples d'aligner verticalement en CSS
"Vertical align" peut facilement devenir un casse-tête. J'ai travaillé quelques façons de faire pour que ça ne le soit pas. Méthode 1 - Positionnement absolu Je dois mentionner un défaut de cette technique: on doit spécifier la hauteur de l'élément centré. Donc c'est impossible d'aligner du contenu dynamique. Démo <div class="vertical"> <h1>RDSIGN<span> - Alignement Vertical</span></h1> <p>Lorem ipsum dolor sit amet, <strong>Utilisation</strong> consectetur adipisicing elit, sed do eiusmod <strong>Position</strong> tempor incididunt ut labore et <strong>Absolu</strong> dolore magna aliqua. La manière que l'alignement vertical fonctionne en utilisant un positionnement absolu relève de la largeur et de la hauteur de l'élément. Donc pour notre Example: C'est aussi simple si on a besoin d'avoir cette élément dans un parent. Démo Méthode 2 - Utiliser le Line-height L'utilisation du "line-height" consiste à specifier l'espace vertical entre les lignes de textes. Démo Méthode 4
CSS
Get the lowdown on the key pieces of Bootstrap's infrastructure, including our approach to better, faster, stronger web development. HTML5 doctype Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects. <! Mobile first With Bootstrap 2, we added optional mobile friendly styles for key aspects of the framework. To ensure proper rendering and touch zooming, add the viewport meta tag to your <head>. You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. Bootstrap sets basic global display, typography, and link styles. Set background-color: #fff; on the body Use the @font-family-base, @font-size-base, and @line-height-base attributes as our typographic base Set the global link color via @link-color and apply link underlines only on :hover These styles can be found within scaffolding.less. Normalize.css Containers <div class="container"> ... <! Bold
