Développement Web mobile avec HTML, CSS et JavaScript Pour les Nuls
393 pages
Français

Vous pourrez modifier la taille du texte de cet ouvrage

Développement Web mobile avec HTML, CSS et JavaScript Pour les Nuls , livre ebook

-

393 pages
Français

Vous pourrez modifier la taille du texte de cet ouvrage

Description


Un livre indispensable à tous les concepteurs ou développeurs de sites Web pour iPhone, iPad, smartphones et tablettes !
Ce livre est destiné aux développeurs qui veulent créer un site Internet destiné aux plate-formes mobiles en adoptant les standard du Web que sont HTML, XHTML, les CSS et JavaScript. Une partie importante du livre est consacrée aux nouveaux standards apportés par HTML 5.



Au programme :






HTML, les bases du développement

Le tout nouveau HTML 5

Intégration de scripts JavaScript

Principes de base des CSS

Comment gagner du temps avec les CSS

CSS pour le texte

CSS pour les polices de caractère

CSS pour les tableaux

CSS pour les listes, etc.

Particularités des tablettes sous Android

Spécificités liées au développement iPhone et iPad




Pour découvrir toute la collection Pour les Nuls, cliquez ici !

Sujets

Informations

Publié par
Date de parution 08 août 2013
Nombre de lectures 143
EAN13 9782754057127
Langue Français

Informations légales : prix de location à la page 0,0120€. Cette information est donnée uniquement à titre indicatif conformément à la législation en vigueur.

Extrait

cover.jpg
i0001.jpg

Développement Web mobile avec HTML, CSS et JavaScript pour les Nuls

 

Titre de l’édition originale : HTML, CSS & JavaScript Mobile Development For Dummies
Publié par Wiley Publishing, Inc.
111 River Street
Hoboken, NJ 07030-5774
USA

 

Copyright © 2011 Wiley Publishing, Inc.

 

Pour les Nuls est une marque déposée de Wiley Publishing, Inc.
For Dummies est une marque déposée de Wiley Publishing, Inc.

 

Edition française publiée en accord avec Wiley Publishing, Inc.
© 2011 Éditions First
60 rue Mazarine
75006 Paris - France
Tél. 01 45 49 60 00
Fax 01 45 49 60 01
E-mail : firstinfo@efirst.com
Web : www.editionsfirst.fr
ISBN : 978-2-7540-3391-6

ISBN numérique : 9782754057127

Dépôt légal : 4e trimestre 2011

 

Collection dirigée par Jean-Pierre Cano
Traduction : Denis Duplan

 

 

Cette œuvre est protégée par le droit d’auteur et strictement réservée à l’usage privé du client. Toute reproduction ou diffusion au profit de tiers, à titre gratuit ou onéreux, de tout ou partie de cette œuvre, est strictement interdite et constitue une contrefaçon prévue par les articles L 335-2 et suivants du Code de la Propriété Intellectuelle. L’éditeur se réserve le droit de poursuivre toute atteinte à ses droits de propriété intellectuelle devant les juridictions civiles ou pénales.

 

Limites de responsabilité et de garantie. L’auteur et l’éditeur de cet ouvrage ont consacré tous leurs efforts à préparer ce livre. Les Editions First, Wiley Publishing, Inc. et l’auteur déclinent toute responsabilité concernant la fiabilité ou l’exhaustivité du contenu de cet ouvrage. Ils n’assument pas de responsabilités pour ses qualités d’adaptation à quelque objectif que ce soit, et ne pourront être en aucun cas tenus responsables pour quelque perte, profit ou autre dommage commercial que ce soit, notamment mais pas exclusivement particulier, accessoire, conséquent, ou autres.

 

Marques déposées. Toutes les informations connues ont été communiquées sur les marques déposées pour les produits, services et sociétés mentionnés dans cet ouvrage. Wiley Publishing, Inc. et les Editions First déclinent toute responsabilité quant à l’exhaustivité et à l’interprétation des informations. Tous les autres noms de marque et de produits utilisés dans cet ouvrage sont des marques déposées ou des appellations commerciales de leur propriétaire respectif.


Partie I : Au commencement, les terminaux mobiles n’étaient pas…
Partie II : créer un site pour mobiles
Partie III : Améliorer votre site avec du multimédia et de l’interactivité avancés
Partie IV : Créer des applications du monde réel
Partie V : Les Dix Commandements
Les icônes utilisées dans ce livre
Et maintenant, que faire ?
Partie I - Au commencement, les terminaux mobiles n’étaient pas…
Chapitre 1 - Concevoir des sites Web pour grands et petits écrans
Produire pour l’internaute mobile lambda
Le faire à l’ancienne
Génération mobile
Concevoir pour des terminaux mobiles
Faire des compromis
Se focaliser sur le message
Introduction au HTML
Décrire des pages pour les navigateurs
Décrire les objets d’une page pour les navigateurs
Comprendre les balises HTML
Anatomie d’une balise HTML
Mettre en forme du texte avec des balises
Les balises qui balisent d’autres balises
Les balises pour mettre en forme les médias
Se relier à d’autres pages HTML et à des URL
Les limitations du HTML – Le grand déballage
Plus de tableaux et de tableaux dans des tableaux
Trop de tableaux, mais toujours pas assez
Introduction à XHTML et à HTML5
Concevoir des sites Web basés sur des profils de terminaux
Une présentation de HTML5
Chapitre 2 - Améliorer le HTML avec les feuilles de styles en cascade (CSS)
Comprendre CSS
Un style sous un autre nom
Mise en forme globale
Types de styles ou règles de styles
Les styles en ligne
Les styles internes
Les styles externes
Utiliser XHTML avec CSS
Utiliser CSS pour mettre en forme des pages XHTML
Créer le conteneur
Mettre en forme le conteneur
Les standards CSS et leurs versions
CSS1
CSS2 (CSS 2.1)
CSS3
Un brillant avenir
Chapitre 3 - Introduction à JavaScript pour créer des pages Web pour mobiles
Devenir mobile avec JavaScript
Où mettre le JavaScript dans votre script HTML
Le script JavaScript
Votre premier programme JavaScript
Le résultat sur mobile
Fonctions : attendez d’être appelé !

Les évènements et leurs gestionnaires
Créer des fonctions avec des variables et un peu de DOM
Attendez que je vous dise de démarrer !
Laissez JavaScript travailler à votre place
Magie graphique avec JavaScript
Le DOM et les images
Vous serez toujours dans mon cœur
Chapitre 4 - Utilitaires et logiciels de conception pour le Web mobile
Le codage manuel versus les programmes de conception
Coder manuellement
Plus de contrôle sur le code
Coder à la main coûte moins cher
Dreamweaver est une béquille
Coder à la main avec des éditeurs de code source
Les fonctionnalités HTML / CSS de l’édition de code source
L’éditeur de code source ultime
Un n’est jamais assez
Les avantages des logiciels de conception
Utiliser Dreamweaver d’Adobe
Les extensions, les widgets et les fragments de code de Dreamweaver
Utiliser la vue sur plusieurs écrans de Dreamweaver
Découvrir Adobe Central
Utiliser votre navigateur comme environnement de test
Trouver et installer des extensions pour Firefox
Trouver et installer des extensions pour Chrome
Des extensions utiles aux développeurs Web
Installer un serveur Web de test
Configurer votre serveur de test
Utiliser votre serveur Web
Configurer un serveur de test avec Dreamweaver
Partie II - Créer un site pour mobiles
Chapitre 5 - Penser petit, plus petit, le plus petit
Aucun terminal mobile ne reste sur le quai
Créer votre propre société de classes pour mobiles
Comprendre les systèmes d’exploitation et les navigateurs des mobiles
Savoir quel terminal peut faire quoi
WURLF, le fichier de ressources universel
Device Central d’Adobe
Les spécifications des fabricants
Quand les clics de souris deviennent des boutons, des touches et des multi-touches
Les boutons et les roues de défilement
Les écrans tactiles et multi-tactiles
Concevoir pour des terminaux à double orientation
Chapitre 6 - Développer un système de détection et d’adaptation de terminaux mobiles
Comprendre la détection de terminaux mobiles
La détection sur le serveur VS sur le client
Créer un système de détection côté serveur
Définir des classes de terminaux
Trouver le plus petit dénominateur commun
Opter pour une stratégie de profilage
Affiner votre système de classes
Laisser l’utilisateur faire son choix
Chapitre 7 - Mettre en page la page d’accueil
Un appel à l’action

Mettre en forme le canevas
Commencer la page HTML
Utiliser CSS pour mettre en forme des colonnes et des encadrés
Comprendre les sélecteurs
Créer des conteneurs
Créer un en-tête
Créer un encadré
Créer le conteneur du corps du document
Créer le pied-de-page
Utiliser CSS pour mise en forme le texte
Concevoir des menus et la navigation
Ajouter une image à votre mise en forme
Chapitre 8 - Utiliser des modèles
Comprendre pourquoi les pros utilisent des modèles
Travailler avec les modèles de Dreamweaver
La boite de dialogue Nouveau document de Dreamweaver
Les fichiers du modèle
Choisir la bonne structure de modèle
Créer un fichier modèle statique
Créer des fichiers modèles modulaires
Partie III - Interactivité et multimédia avancés
Chapitre 9 - Concevoir des formulaires pour mobiles
Comprendre les formulaires XHTML
La construction d’un formulaire de base
Les éléments de formulaire
Créer un formulaire de contact
Configurer le fichier XHTML du formulaire
Rajouter un script à votre formulaire
Chapitre 10 - Travailler avec les images, les vidéos et les films Flash
Utiliser des graphismes et des images sur des sites pour mobiles
Vectoriel vs bitmap
Déployer des images avec HTML
Utiliser des vidéos numériques dans les pages Web pour mobiles
Comprendre les fichiers vidéos numériques
Intégrer, télécharger et jouer des vidéos numériques
Déployer des vidéos numériques dans les pages Web
Comprendre Flash sur les terminaux mobiles
Flash Lite
Flash Player 10
Déployer des films Flash dans les pages Web
Basculer sur du contenu pour terminaux non-Flash
Chapitre 11 - Apprendre à connaître HTML5 et CSS3
Découvrir les meilleures fonctionnalités de HTML5
Alors, quoi de neuf dans HTML5 ?
Les balises multimédia du HTML5
Les formulaires du HTML5
Inclure des polices
Autres fonctionnalités remarquables du HTML5
Les améliorations les plus utiles de CSS3
Utiliser les nouvelles fonctionnalités de CSS3
Utiliser le multi-colonnes
Autres fonctionnalités intéressantes de CSS3
Chapitre 12 - Comprendre les extensions WebKit et autres options spécifiques aux mobiles
Que sont les extensions WebKit ?
Le viewport
Travailler avec l’orientation du terminal
Créer des graphismes avec les extensions WebKit
Créer un dégradé avec WebKit
Créer une transition WebKit
Créer une animation WebKit
Partie IV - Applications du monde réel
Chapitre 13 - Automatiser vos sites avec JavaScript
Qui regarde ?
Détecter les bases
Sur la piste de l’iPhone
Trouver n’importe quel terminal mobile
Apporter des modifications pour les terminaux mobiles
Se rendre sur une page pour mobile
Ne changez pas de page – changez de feuille de styles
Validez vos formulaires, SVP
Utiliser le DOM avec des formulaires
La validation avec HTML et JavaScript
Chapitre 14 - Créer un quiz pour mobiles
Développer une application à plusieurs étapes
L’interface utilisateur
La zone de texte
Le bouton radio
La case à cocher
Stockage de données
Stocker des données dans des formulaires
Stocker et récupérer des données contenues dans des boutons radio
Stocker et récupérer des données contenues dans des cases à cocher
Le projet Quiz en JavaScript
CSS pour un quiz en JavaScript
L’interface utilisateur HTML et le module de stockage
Le moteur du score du quiz en JavaScript
Chapitre 15 - Adapter son site mobile aux moteurs de recherche
Vous l’avez fait, mais ils ne viennent pas !
Comprendre comment les moteurs de recherchetrouvent les sites Web
Faire connaître son site
Araignées, crawling, bots, robots, et autres termes de science-fiction
Préparer son site pour les moteurs de recherche
Optimiser avec des balises meta
Mots-clés et contenu du site
Comprendre et utiliser les mots-clés
Utiliser les plans de site pour soumettre ses sites aux moteurs de recherche
Pourquoi les plans de site
Création de votre plan de site
Chapitre 16 - Créer une page de recherche pour mobiles
Permettre de rechercher sur votre site
Trouver et utiliser des utilitaires de moteurs de recherche
Sélectionner votre moteur de recherche
Créer une application de recherche
Déployer une recherche Google sur votre site
S’inscrire pour utiliser un moteur de recherche Google
Configurer votre moteur de recherche

Concevoir votre champ de recherche et les pages de résultats
Essayer votre nouveau moteur de recherche
Déployer votre moteur de recherche de Google
Ajouter une recherche Google au modèle d’un site existant
Placer un plan d’accès Google sur votre site Web
Obtenir le code de l’API Google Maps
Intégrer le code l’API Google Maps
Chapitre 17 - Créer un panier d’achat pour mobile
Décider des fonctionnalités de votre panier d’achat
Gérer les paiements
Que vendez-vous ?
Déployer un service d’e-commerce en ligne pour mobiles
Créer un panier d’achat pour mobiles côté serveur
Installer et déployer le panier d’achat
Saisir et configurer vos produits
Configurer le système de paiement
Configurer le système de livraison
Déployer le panier d’achat
Partie V - Les Dix Commandements
Chapitre 18 - Dix émulateurs de mobiles
Device Central d’Adobe
Opera Mini Simulator
TestiPhone – Simulateur d’iPhone
iPad Peek
L’émulateur d’Android
DeviceAnywhere
Mobile Simulator
User Agent Switcher
Mobile Phone Emulator
Chapitre 19 - Dix sites de modèles pour mobiles
Comment choisir un modèle de site Web
Adapter le modèle à votre contenu
La documentation
Templates.com
TemplateMonster.com
MoveToDotMobi
MEE Templates
OSWD
mobiHybrid
Perfectory
FreeTemplatesOnline
bMobilized
Chapitre 20 - Dix excellents widgets pour mobiles
L’API JavaScript de Google Maps
Le menu en accordéon de JqueryUl
La barre vidéo de YouTube
Le menu à onglets de iQueryUl
Les double colonnes
Le glisser-poser de iQuery
3D Rotation Viewer
Le lecteur de vidéo en HTML5
Les angles arrondis, les dégradés et les ombres portées
Le kit pour boutons de Google
Index

Introduction

Lorsque j’ai commencé à écrire sur la conception de sites Web, l’une des mes préoccupations essentielles était de compenser la faiblesse de la bande passante et de la résolution d’affichage. La création de sites Web était tout l’art d’arbitrer entre le contenu visuel - les images, le son, la vidéo – et la taille global des fichiers qui constituaient les pages Web. Peu à peu, les résolutions des écrans d’ordinateurs sont devenues plus importantes, et les connexions Internet haut-débit se sont démocratisées. Les concepteurs Web se sont sentis libres de créer des sites Web très visuels, enrichis de vidéos numériques, de contenu Flash, et de nombreuses images.

 

C’est alors que les téléphones cellulaires et autres terminaux mobiles sont apparus – dotés d’écrans aux résolutions encore plus faibles, de bandes passantes plus limitées, de processeurs poussifs. Les restrictions qui s’appliquent à la création de contenu Web sont ainsi aujourd’hui encore plus drastiques qu’auparavant. Les fichiers de média doivent être encore plus petits, et quelques-unes seulement des fonctionnalités que nous avions pris l’habitude d’utiliser – les grandes et belles images, les vidéos, le contenu Flash – sont gérées par ces petits terminaux.

 

La bonne nouvelle, c’est que la technologie mobile progresse rapidement. La dernière génération de smartphones et d’ordinateurs de poche – les tablettes – sont dotés de beaux écrans en haute résolution. Les processeurs deviennent plus rapides chaque jour. Les derniers iPhone, iPad et smartphones Android, ainsi que les tablettes gèrent presque toutes les fonctionnalités du Web gérées par les ordinateurs de bureau. Ils gèrent aussi les réseaux Wi-Fi, 3G et 4G. Concevoir pour ces terminaux n’est plus un jeu de contraintes.

 

Cependant, tous les utilisateurs de mobiles n’ont pas basculé sur la nouvelle génération de terminaux mobiles. C’est pourquoi ce livre regarde vers le passé et vers l’avenir. Pour permettre au plus grand nombre d’utilisateurs mobiles de consulter votre site Web, vous devez créer des pages qui tirent partie des dernières technologies et compenser les faiblesses des premières. Il est important de créer des sites Web pour mobiles qui répondent aux attentes des propriétaires de terminaux dernier cri, tout en n’oubliant pas tous ceux qui utilisent des terminaux plus anciens.

À propos de ce livre

J’ai écrit Développement HTML, CSS & JavaScript pour mobiles pour les nuls en cherchant à couvrir dix ans d’histoire des terminaux mobiles – depuis les premiers téléphones qui géraient à peine le Web jusqu’aux derniers smartphones et tablettes. Cela représente une grande variété de technologies. Ce livre est conçu pour vous apprendre comment concevoir et développer des sites Web et des applications Web pour toutes.

 

Quoique ce livre commence par présenter les connaissances les plus élémentaires avant de progresser, section par section, sur des thèmes plus avancés, chaque section se veut autonome – vous n’avez pas à lire le livre de la première à la dernière page pour trouver les solutions que vous recherchez. Par exemple, si vous devez concevoir un formulaire de contact pour votre site pour mobiles, vous pouvez vous rendre directement au chapitre 9. Vous souhaitez apprendre les bases de JavaScript ? Sautez au chapitre 3.

 

Vous souhaitez plutôt apprendre le développement Web étape par étape, des principes de base aux choses plus complexes – comme si vous suiviez un cours de conception ? L’organisation de ce livre vous permet tout autant de le faire. Commencez simplement au chapitre 1.

Ce que vous n’avez pas besoin de lire

La vraie question est : pourquoi avez-vous acheté ce livre ? Il contient des chapitres très pratiques conçus pour aider à créer des applications Web spécifiques pour les terminaux mobiles. Si vous ne comptez pas faire commerce sur votre site pour mobiles, ne lisez donc pas le chapitre 17. Si vous n’avez pas le temps ou l’envie de créer de multiples versions de votre site pour mobiles, ne lisez pas les chapitres 5 et 6.

 

Autrement dit, utilisez la table des matières et la section « Comment ce livre est organisé » dans cette introduction pour déterminer les chapitres qui vous aideront à faire ce que vous souhaitez faire. Ne lisez pas le reste. Faites comme vous voulez ; je n’en saurai rien.

Conventions utilisées dans ce livre

Les conventions désignent des pratiques ou des standards. Comme c’est un terme spécifique, j’ai choisi de le définir (peut-être ne savez-vous pas ce qu’il veut dire). Utiliser l’italique pour introduire de nouveaux termes : c’est une des conventions de ce livre. En voici quelques autres :

  • coche.jpg Les URL (adresses Web), le code, les noms de fichier, les noms des répertoires informatiques, les liens, les commandes de menu et les adresses e-mail sont écrits avec cette police de caractères à espacement fixe, pour que vous puissiez les identifier rapidement.
  • coche.jpg Lorsque je vous montre comment faire quelque chose étape par étape, les instructions figurent en gras ; c’est aussi le cas des mots, des phrases, des URL et d’autres choses que je vous demande de saisir.
  • coche.jpg Lorsque j’explique une procédure étape par étape, j’utilise des listes numérotées pour vous permettre de suivre plus facilement.
  • Univers Univers
  • Ebooks Ebooks
  • Livres audio Livres audio
  • Presse Presse
  • Podcasts Podcasts
  • BD BD
  • Documents Documents