Les pages Web de l'onglet multi fournissent une interface attrayante et dynamique que les utilisateurs peuvent cliquer sur lorsque vous naviguez sur un site Web. Les barres de navigation à onglets sont généralement créés avec une combinaison de langues-de programmation cependant, vous pouvez utiliser, des modèles prêts à l'abri de Dynamic Drive et vous faire gagner du temps, ou la nécessité d'avoir des connaissances de codage. Apprenez à créer vos propres menus d'onglets multiples pour vos pages web et de fournir une expérience utilisateur améliorée pour les visiteurs web.
Acquérir gratuitement son menu à onglets de la source Internet Dynamic Drive pour obtenir le HyperText Markup Language (HTML), Cascading Style Sheets (CSS) et le code javascript nécessaire pour créer le menu. Cliquez sur le "ddtabmenu.zip" lien pour télécharger les fichiers sources à votre ordinateur.
Double-cliquez sur le dossier téléchargé et ouvrez le "ddtabdemos.htm" déposer dans un éditeur de texte HTML, tel que Dreamweaver. Ce document contient tous les exemples de menu à onglets de sorte que vous pouvez les visualiser et voir lequel vous souhaitez utiliser sur votre site.
Ajouter l'onglet multiples choisi sur votre page Web. Chaque option d'onglet a le CSS et HTML code associé marqué avec le numéro de l'exemple (par exemple, l'exemple 1), de sorte que vous pouvez supprimer les exemples de l'onglet que vous ne serez pas utiliser. Alternativement, vous pouvez ouvrir un document existant de la page web et insérer les codes appropriés.
Modifier la barre de navigation de sorte qu'il contient votre contenu et les liens. Pour ce faire, en localisant le "
- " les balises de liste dans le code HTML et remplacer les URL existantes et texte d'espace réservé avec votre propre. Continuer en faisant défiler à la "
" Code DIV pour modifier le texte de l'espace réservé qui apparaît quand un lien est survolé.
Personnalisez l'apparence de votre menu en modifiant le fichier CSS. Utilisez le "Styles CSS Fenêtre" dans Dreamweaver pour afficher les règles de style, ou ouvrir le fichier CSS appropriée fournie dans le fichier zip téléchargé. Voir la feuille de style et d'utiliser l'éditeur de texte de "Propriétés" fenêtre pour ajouter ou modifier les styles, comme la couleur de la barre, selon votre préférence.
Nommez et enregistrez les fichiers. Utilisez le navigateur de votre "Avant-première" fonction pour tester la page onglet Web multiples.