*   >> Lecture Éducation Articles >> science >> logiciel

Création d'un 3 colonnes fixes Css Layout

Création d'un 3 colonnes fixes CSS Mise

Dans ce tutoriel, nous allons utiliser l'extension Flexi CSS Layouts Dreamweaver pour créer un simple 3 colonnes CSS mise en page avec une largeur fixe. La disposition aura une tête et le pied et la partie contenu sera divisée en 3 colonnes. Utilisation de l'extension Flexi CSS Layouts, la disposition aura le même aspect dans tous les principaux navigateurs

requise pour ce tutoriel:.


  • Adobe Dreamweaver CS3, CS4 ou CS5

  • Flexi CSS l'extension de Dreamweaver mises

    Flexi CSS layouts est un outil facile à utiliser Dreamweaver extension qui vous permet de créer des présentations de tableau HTML-moins sans codage, en moins de 5 minutes. Vous pouvez simplement créer la structure de la page directement à partir de l'interface et l'extension allez créer automatiquement le divs et CSS pour votre mise en page. Ou choisir parmi une large gamme de modèles intégrés pour votre mise en page, puis personnaliser la mise en page avec vos propres règles CSS.


    Étapes rapides

  • Installation du Flexi CSS Layouts Dreamweaver prolongation

  • Réglage des principales propriétés de mise en page

  • Ajout de l'en-tête, pied de page et le contenu des lignes

  • Ajout de 3 colonnes dans la zone de contenu

  • Transfert de la page sur le serveur de production
  • l'utilisation suggérée de la disposition

    Étape 1. Installation Le Flexi CSS Layouts Dreamweaver Extension

    Avant d'ouvrir les Flexi CSS Layouts, vous devez télécharger et installer cette extension de Dreamweaver.

    Pour télécharger l'extension, aller à theproduct pageet télécharger un essai gratuit, ou si vous avez acheté le produit, vous pouvez trouver le téléchargement linkin votre compte sur Extend Studio site.

    Après avoir téléchargé le kit Flexi CSS Layouts, vous devez installer l'extension Dreamweaver. Ouvrez l'archive et double cliquez sur le fichier .mxp et Adobe Extension Manager doit ouvrir et installer automatiquement. Ou vous pouvez extraire l'archive, ouvrez Adobe Extension Manager et sélectionnez installer. Ensuite, recherchez le dossier où vous avez extrait le fichier .

    mxp et cliquez sur Ouvrir.

    Après que vous avez fait ces étapes, Dreamweaver ouvert, allez dans le panneau Insertion (appuyez sur CTRL + F2), trouver l'onglet Flexi CSS Layouts et pressInsert toute la page . Voir l'image ci-dessous: <

    les h3> Insertion de toute la page Etape 2. Définition des propriét

    Page   <<       [1] [2] [3] >>

  • Copyright © 2008 - 2016 Lecture Éducation Articles,https://lecture.nmjjxx.com All rights reserved.