Accueil Médias sociaux Comment créer une nouvelle page avec une mise en page CSS dans Dreamweaver - dummies

Comment créer une nouvelle page avec une mise en page CSS dans Dreamweaver - dummies

Vidéo: Tutoriel Adobe Dreamweaver- 28 Comment créer un modèle de pages web- partie 2 2025

Vidéo: Tutoriel Adobe Dreamweaver- 28 Comment créer un modèle de pages web- partie 2 2025
Anonim

Dreamweaver inclut deux Des mises en page CSS conçues avec des balises HTML5 que vous pouvez personnaliser pour créer une variété apparemment infinie de modèles de pages. Ces mises en page vous permettent de prendre de l'avance lorsque vous créez une nouvelle page, et elles sont conçues pour fonctionner dans divers navigateurs Web. Elles vous permettent ainsi d'éviter les problèmes courants liés aux différentes manières dont les navigateurs Web affichent HTML5 et CSS.

Pour toutes ces raisons, vous devez commencer votre travail de conception dans Dreamweaver avec une mise en page CSS choisie dans la fenêtre Nouveau document, en particulier si vous souhaitez utiliser HTML5.

Pour créer une nouvelle page en utilisant l'une des mises en page CSS de Dreamweaver, suivez ces instructions:

  1. Choisissez Fichier → Nouveau.

    La boîte de dialogue Nouveau document apparaît.

  2. Choisissez Page blanche dans la colonne de gauche et HTML dans la colonne Type de page au milieu.

    Vous pouvez également choisir une option dans la partie inférieure de la section Type de page correspondant au langage de programmation utilisé sur votre site, tel que ASP. NET, PHP ou ColdFusion, puis passez à l'étape 3. (Si vous ne connaissez pas ces options de programmation, respectez le code HTML.)

  3. Dans la section Mise en page, sélectionnez la mise en page CSS.

    Notez que lorsque vous sélectionnez une mise en forme CSS, un aperçu de la mise en page s'affiche en haut à droite de la boîte de dialogue.

  4. Dans la liste déroulante Mise en page CSS, choisissez le type de feuille de style que vous souhaitez créer lorsque vous concevez la page:

    • Ajouter à la tête crée une feuille de style interne et inclut tous les styles pour la mise en page dans la zone d'en-tête du nouveau document.

    • Créer un nouveau fichier crée une nouvelle feuille de style externe avec tous les styles de page lorsque vous créez le nouveau document avec le dessin.

    • Lier au fichier existant ajoute les informations de la feuille de style du nouveau document à une feuille de style externe existante.

    Note : Vous pouvez toujours modifier la façon dont la feuille de style est configurée ultérieurement en déplaçant les styles d'une feuille de style interne vers une feuille de style externe ou d'une feuille de style externe vers une autre.

  5. Cliquez sur Créer.

    La nouvelle page est créée et ouverte dans l'espace de travail principal.

  6. Choisissez Fichier → Enregistrer pour enregistrer la page et les styles.

    Si vous avez enregistré les styles dans une feuille de style externe, une deuxième boîte vous invite à enregistrer la feuille de style séparément. Si les styles sont contenus dans une feuille de style interne, ils sont automatiquement enregistrés lorsque vous enregistrez la page.

Comment créer une nouvelle page avec une mise en page CSS dans Dreamweaver - dummies

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...