Après l'interface Flexi Layouts ouvre, vous verrez une fenêtre où vous devez régler le principal de mise en page Propriétés. Définissez la largeur de 960px, centre d'alignement de mise en page et pas de couleur de fond. Comme meilleure pratique, fixer les règles CSS pour être écrites dans un fichier CSS externe.
Création de la presse une nouvelle mise en page ok et nous allons commencer. Vous devez ajouter 3 lignes:. En-tête, le contenu et le pied de page
Ajout de l'en-tête et pied de page, le contenu rangées
Allez à l'onglet Insertion de lignes, et sélectionnez 3 lignes:
Sélection 3 rangées
Une fenêtre va ouvrir et nous avons besoin de spécifier la hauteur minimale des lignes. La première ligne sera la tête, et le mettre à 100px. Si vous avez plus de contenu, la hauteur de ligne va automatiquement augmenter. Réglez la deuxième rangée de 600px (devrait être plus importante parce que le contenu y viendra). La dernière ligne sera le pied de page; mettre à 100px de hauteur et appuyez sur OK.
Réglage des 3 rangées hauteur
Dans l'onglet de la structure, double-cliquez sur la première ligne et le nommer "tête" et la rangée footer 3ème
Sélectionnez la deuxième ligne, aller à la touche Insertion de colonnes et ajouter 3 colonnes.
Ajout 3 colonnes
Une nouvelle popup ouvrira où vous devez régler la largeur de la 3 colonnes. Réglez la première largeur de colonne pour 180px, la deuxième colonne de 580px et la dernière colonne de 200px.
Si vous définissez la largeur d'une colonne plus grande que l'espace disponible, l'interface Flexi mises en page vous permettra de savoir
Ajout 3 colonnes
Nom les colonnes de gauche à droite:.. Barre latérale de gauche, le contenu et la barre latérale droite
< h3> Étape 5. Transfert de la page sur le serveur
Une fois que vous cliquez sur Insérer, la pleine mise en page avec 3 colonnes CSS personnalisés et tête et le pied est inséré dans la page.
Votre nouvelle mise en page CSS devrait ressembler à quelque chose comme dans l'image ci-dessous:
toute la page,
Tout ce que vous devez faire est de remplir la page avec le contenu et télécharger le fichier et le /comprend dossier à la server.Note d'essai: Avant de télécharger le site sur le serveur de production, vous devez régler le mode Debug off pour tous les fichiers. Pour ce faire, cliquez sur "act