Intégration HTML CSS des pages de notre web design créé avec Photoshop
Voici la deuxième partie de la formation complète sur la création d’un site Internet de A à Z avec back office (console d’administration). Cette formation consacrée à l’intégration HTML CSS, est composée de 3 parties (le pack de ses 3 tutoriels est disponible ici à prix réduit) :
- Création de la maquette graphique (web design) des pages du site Internet avec Photoshop
- Intégration HTML CSS des pages du site Internet avec Dreamweaver
- Administration du site Web avec PHP MYSQL
Dans cette 2 ème partie nous allons apprendre à faire une intégration HTML CSS de notre Web design précédemment créer avec Photoshop.
Programme du tuto intégration HTML CSS
- Répéter un motif sur l’ensemble de nos pages Web
- Installer une police (font) personnalisée grâce au CSS3
- Styliser les liens, titres, sous-titres… à l’aide de notre feuille de style CSS
- Installer un slider d’images JQUERY en lecture automatique
- Créer un effet d’opacité au rollover sur nos images
- Décliner les autres pages de notre site Web
- Intégrer un player Youtube sur une page
- Installer une galerie références – Portfolio
- Intégrer un google map sur la page contact
Ce cours est destiné à un public débutant et peut être suivi à partir de la version CS5 de Dreamweaver. De plus, si vous avez des questions, n’hésitez pas à nous laisser un commentaire en dessous de la vidéo Youtube. Aussi, vous pouvez toujours nous écrire via le formulaire de contact.
Avis clients
Ce qu'en disent les apprenants
Bon ben comme pour les autres tutos de team8.fr : c'est un très bon tuto ! Presque 3 heures de code et d'intégration aurait pu être lassant mais là c'est passer tout seul et en plus on apprend toujours des petits trucs qui facilitent le travail. Et en plus le résultat est beau ^^ ! Vivement la suite !
via tuto.com
Pour moi c'est parfait... Faut un peu d'entrainement pour retenir quelques principes. Toutefois il faut connaître un minimum l'HTML/CSS sinon on risque de se perdre rapidement dans les balises. vivement la suite...
via tuto.com
Excellent Tuto, permet d'intégrer parfaitement sa maquette de site web façon structuré
via tuto.com
Clair, précis... un peu répétitif dans les lignes de commandes forcément, mais somme toute cela permet de bien capter le processus et de l'intégrer. Pour celles et ceux qui n'ont jamais codé de CSS c'est idéal.
via tuto.com
Super tuto superbe explication génial pour débuter merci
via tuto.com
Plus de cours...
Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Photoshop, Cinema 4D, Motion design, Procreate,suceptibles de vous intéresser !
