Analyse de cas classique BootStrap

• Chapitre1 introduire
• 1-1 Présentation du contenu
• 1-2 Objectifs pédagogiques
• Chapitre2 Cas numéro un
• 2-1 Version Web design_task en mode écran étroit
• 2-2 Points de compétence de conception Web en mode écran étroit
• 2-3 Travail de préparation et de conception Web en mode écran étroit
• 2-4 Construction Web design_step1_framework en mode écran étroit
• 2-5 Conception Web en mode écran étroit_step2_navigation bar design
• 2-6 Titre Web design_step3_jumbotron en mode écran étroit
• 2-7 Mode écran étroit web design_step4_Concevoir le contenu de chaque section
• 2-8 Web en mode écran étroit design_step5_custom Page d'embellissement CSS
• 2-9 Conception Web en mode écran étroit_Résumé du cas
• Chapitre3 Cas 2
• 3-1 Correction du mode de mise en page Web design_task release
• 3-2 Correction du travail de préparation et de conception Web en mode mise en page
• 3-3 Correction du mode de mise en page Web design_step1_framework construction
• 3-4 Mode de mise en page fixe web design_step2_content mise en page et composition
• 3-5 Mode de mise en page fixe Web design_step3_Design contenu du titre
• 3-6 Mode de mise en page fixe web design_step4_Design Contenu de la section de colonne
• 3-7 Mode de mise en page fixe web design_step5_responsive conception de la barre de navigation
• 3-8 Conception Web en mode mise en page fixe_Résumé du cas
• Chapitre4 Troisième cas
• 4-1 Interface de connexion réelle combat_step1_Task release et analyse des points de compétence
• 4-2 Interface de connexion réelle combat_step2_add chaque composant du formulaire de connexion
• 4-3 Interface de connexion practice_step3_Add CSS pour l'embellissement
• 4-4 Interface de connexion practice_step4_Apply CSS pour former des éléments
• 4-5 Effet réel de la fonction combat_step5_enhance de l'interface de connexion
• 4-6 Pratique de l'interface de connexion_Résumé du cas
• Chapitre5 Cas 4
• 5-1 Version mobile actuelle de layout_task
• 5-2 Points de compétence de mise en page mobile réels et travail de préparation
• 5-3 Flux réel layout_step1_overall construction du cadre
• 5-4 Conception de la barre de navigation de flux pratique layout_step2_top
• 5-5 Conception pratique du bloc layout_step3_title
• 5-6 Flux pratique layout_step4_Content conception réactive détaillée
• 5-7 Flux pratique layout_step5_Design barre de navigation latérale
• 5-8 Disposition du flux pratique_step6_Reconstruire la barre de navigation latérale pour masquer le petit écran
• 5-9 Flux pratique layout_step7_Reconstruire la barre de titre pour ajouter du contenu dynamique
• 5-10 Flux pratique layout_step8_Attacher des événements JS au contenu dynamique
• 5-11 Layout mobile pratique_case petit
• Chapitre6 Cinquième cas
• 6-1 Conception de sites Web marketing_tâches, analyse des points de compétence
• 6-2 Conception de sites Web marketing_travail de préparation et analyse des étapes de mise en œuvre
• 6-3 Conception du site Web marketing_step1_Conception du cadre global de la page d'accueil
• 6-4 Conception de sites Web marketing_step2_Affiner la barre de navigation supérieure
• 6-5 Site Web marketing design_step3_Design titre en surbrillance
• 6-6 Conception de sites Web marketing_étape 4_Conception détaillée du contenu
• 6-7 Conception de sites Web marketing_step5_Page d'embellissement CSS personnalisée
• 6-8 Conception de sites Web marketing_Résumé du cas
• Chapitre7 Cas 6
• 7-1 Effet de collage en haut et en bas de la version page_task Web
• 7-2 Effet Coller en haut et en bas de la page Web_Points de compétence et travail de préparation
• 7-3 Effet de collage en haut et en bas de la page Web_step1_overall frame layout
• 7-4 Effet Coller en haut et en bas de la barre de navigation page_step2_top Web
• 7-5 Effet de collage en haut et en bas de la conception de l'élément page_step3_bottom
• 7-6 Effet de collage en haut et en bas de la page Web_step4_conception de pièce interne
• 7-7 Effet Coller en haut et en bas de la page Web_step5_bottom effet fixe de navigation
• 7-8 Effet Coller en haut et en bas de la page web_step6_CSS personnalisé pour embellir la page
• 7-9 Effet Coller en haut et en bas de la page Web_Résumé du cas
• Chapitre8 Cas 7
• 8-1 Version de la page du blog_tâche
• 8-2 Page du blog_Points de compétence et travail de préparation
• 8-3 Blog page_step1_overall construction du cadre
• 8-4 Barre de navigation page_step2_top du blog
• 8-5 Conception du contenu de la page_step3_tail du blog
• 8-6 Blog page_step4_Design haut titre
• 8-7 Conception de la mise en page des pièces du blog page_step5_content
• 8-8 Blog page_step6_bottom pagination des articles
• 8-9 Conception du contenu du blog page_step7_sidebar
• 8-10 Blog page_step8_Ajouter du CSS pour embellir le menu d'en-tête
• 8-11 Blog page_step9_Ajouter du CSS pour embellir le contenu de la queue
• 8-12 Page du blog_Résumé du cas