IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Dreamweaver Discussion :

Dreamweaver CS6 passe à l’heure du smartphone et des tablettes


Sujet :

Dreamweaver

  1. #1
    Expert éminent sénior

    Inscrit en
    Juillet 2009
    Messages
    3 407
    Détails du profil
    Informations forums :
    Inscription : Juillet 2009
    Messages : 3 407
    Points : 149 059
    Points
    149 059
    Par défaut Dreamweaver CS6 passe à l’heure du smartphone et des tablettes
    Dreamweaver passe à l’heure du smartphone et des tablettes
    La version de CS6 génère un code unique qui peut couvrir les écrans de tous les appareils


    « Développé une fois, fonctionne partout ». Cette devise de Java est également, depuis aujourd’hui, un des principaux arguments de la nouvelle version de Dreamweaver, l’outil de création de sites de Adobe annoncée officiellement ce matin.

    Le but de cette version est en effet de mettre fin au casse-tête des différentes tailles d’écran pour les Webdesigners. « C’est aujourd’hui un des plus gros problèmes des développeurs » affirme Scott Fegette en charge du produit chez Adobe. « Avec Dreamwaever CS6, je crois que l’on peut dire qu’il est résolu ».

    Comment ?

    Dreamweaver CS6 permet de définir trois modèles d’affichage d’un même site en fonction de la taille de l’écran. Un écran de PC de bureau de 21 pouces affichera par exemple un site sur 5 ou 6 colonnes, une tablette de 7 à 10 pouces un site sur 3 ou 4 colonnes, et un smartphone une page sur une ou deux colonnes. C’est ce que Adobe nomme le « Fluid Grid Layout ».

    Concrètement, le développeur définit une seule fois les contenus. Il n’a plus ensuite qu’à indiquer quelles <div> disparaissent entre chaque version de l’affichage et à définir les repositionnements de celles qui restent.

    Le résultat est un développement unique et un site unique. Mais qui s’adapte au contexte avec un repositionnement automatique. Le parfait exemple (qui l’illustre mieux qu’un long discours) est la page du Boston Globe, réalisée avec une pré-version de l’outil :

    Boston Globe, version "PC" :


    Boston Globe, version "Tablette" :


    Boston Globe, version "Smartphone" :

    Pour accompagner ce « Fluid Grid Layout », Dreamweaver embarque également un nouvel outil de prévisualisation (« Multiscreen Preview »). Trois boutons distincts permettent d'accéder à tout moment à ce qui sera effectivement affiché pour chacune des trois versions du site.

    Dans un domaine différent, mais toujours dans le même mouvement vers le développement mobile, Dreamweaver CS6 améliore son support de jQuery Mobile, le framework qui permet de créer des applications natives pour iOS et Android directement dans l’éditeur.

    A noter également une autre nouveauté importante. Lors de cette présentation, Scott Fegette a bien mis en avant la meilleure prise en charge des effets de transitions qui s'appuient sur CSS3. Signe supplémentaire du virage "post-Flash" de Adobe ?

    Dreamweaver CS6 est officiellement prévu pour le 7 mai.

    Source : Developez.com et Adobe France



    Et vous ?

    Intéressé(e) par le « Fluid Grid Layout » ? Va-t-il simplifier vos développements ?
    Que pensez-vous de cette nouvelle version : séduit(e) ou attendiez-vous d'autres fonctionnalités ?

  2. #2
    Membre averti Avatar de RPGamer
    Homme Profil pro
    Ingénieur en systèmes embarqués
    Inscrit en
    Mars 2010
    Messages
    168
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : Suisse

    Informations professionnelles :
    Activité : Ingénieur en systèmes embarqués

    Informations forums :
    Inscription : Mars 2010
    Messages : 168
    Points : 395
    Points
    395
    Par défaut
    Intéressant comme fonctionnalité. Bootstrap Responsive le fais depuis quelques temps déjà, gratuitement et accompagné de pleins d'autres fonctionnalités. A voir à l'utilisation dans Dreamweaver, on a pas plus de détails.

  3. #3
    Expert éminent
    Avatar de Benjamin Delespierre
    Profil pro
    Développeur Web
    Inscrit en
    Février 2010
    Messages
    3 929
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Février 2010
    Messages : 3 929
    Points : 7 762
    Points
    7 762
    Par défaut
    Je demande à voir, jusqu'ici Dreamweaver à été pour moi plus une source de problèmes vu toutes les pages faites avec cet outils que j'ai eu à remettre d'équerre.

  4. #4
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    657
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2010
    Messages : 657
    Points : 1 240
    Points
    1 240
    Par défaut
    Je demande à voir, jusqu'ici Dreamweaver à été pour moi plus une source de problèmes vu toutes les pages faites avec cet outils que j'ai eu à remettre d'équerre.
    Du code dégueulasse on peut en faire avec un bloc note , je te rassure. Le problème n'est pas le soft mais le gars derrière son écran. Il y a peu d'outils qui facilitent l'intégration de maquettes vers html , et aucun autre outils inclut un moteur webkit permettant de travailler sur des pages directement dont le rendu est exactement le même que dans un navigateur.

    Certains préfèrent taper leur html au bloc note , tant mieux si ils ont du temps à perdre.

  5. #5
    Expert éminent
    Avatar de Benjamin Delespierre
    Profil pro
    Développeur Web
    Inscrit en
    Février 2010
    Messages
    3 929
    Détails du profil
    Informations personnelles :
    Âge : 36
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Opérateur de télécommunications

    Informations forums :
    Inscription : Février 2010
    Messages : 3 929
    Points : 7 762
    Points
    7 762
    Par défaut
    Citation Envoyé par camus3 Voir le message
    Certains préfèrent taper leur html au bloc note , tant mieux si ils ont du temps à perdre.
    Le travail d'un développeur web ne saurait se résumer à la conversion de mockups en HTML.

  6. #6
    Modérateur
    Avatar de Vil'Coyote
    Homme Profil pro
    Développeur adélia & Web
    Inscrit en
    Février 2008
    Messages
    4 583
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur adélia & Web
    Secteur : Industrie

    Informations forums :
    Inscription : Février 2008
    Messages : 4 583
    Points : 7 503
    Points
    7 503
    Par défaut
    et la vie ne s'arrête pas à DW ainsi qu'à l'html
    la vie n'est pas cirrhose des foies ...

    Avant de poster un message Rechercher n'est pas qu'une option.
    FAQ Web - Tuto Web

  7. #7
    Membre éprouvé
    Profil pro
    Inscrit en
    Juillet 2010
    Messages
    657
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2010
    Messages : 657
    Points : 1 240
    Points
    1 240
    Par défaut
    Le travail d'un développeur web ne saurait se résumer à la conversion de mockups en HTML.
    Je n'ai jamais parlé de "développement" web ( développeur quoi ? ) mais bien d'intégration . si tu comptes faire autre chose que ça avec DREAMWEAVER alors tu perds encore plus ton temps effectivement.

    Enfin Développeur web cela ne veut rien dire et ne dénote d'aucune technique ou compétence. développeur web ? j2ee ? php ? net ? rails ? node ? ça veut dire quoi développeur web ?

  8. #8
    Membre émérite

    Homme Profil pro
    Software Developer
    Inscrit en
    Mars 2008
    Messages
    1 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Software Developer

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 470
    Points : 2 368
    Points
    2 368
    Par défaut
    Citation Envoyé par camus3 Voir le message
    Je n'ai jamais parlé de "développement" web ( développeur quoi ? ) mais bien d'intégration . si tu comptes faire autre chose que ça avec DREAMWEAVER alors tu perds encore plus ton temps effectivement.

    Enfin Développeur web cela ne veut rien dire et ne dénote d'aucune technique ou compétence. développeur web ? j2ee ? php ? net ? rails ? node ? ça veut dire quoi développeur web ?
    Chaque nom de métier ne veux rien dire...

    Ceci dit il est bon de voir que Adobe s'investit maintenant a fond dans le futur du Web, tant du point de vue implémentation que recherche.

  9. #9
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2006
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2006
    Messages : 2
    Points : 2
    Points
    2
    Par défaut c'est bien ou pas
    Bonjour,

    J'ai trouvé ça dommage que maintenant que je me suis mi à apprendre l'Objective C et que j'arrive à développer une application native, ils sortent ces outils. Je suis curieux de voir la performance des ces applications.

  10. #10
    Futur Membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Mars 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mars 2012
    Messages : 4
    Points : 5
    Points
    5
    Par défaut
    J'ai un peu du mal à comprendre.

    Pour adapter un site en fonction de l'écran, il suffit de passer les div en 100% (width). Je ne vois pas ce que cette version apportera de plus...

    L'apercu multi écran existe déjà sur la cs5.5

    Curieux de voir la différence.

  11. #11
    Membre émérite

    Homme Profil pro
    Software Developer
    Inscrit en
    Mars 2008
    Messages
    1 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Software Developer

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 470
    Points : 2 368
    Points
    2 368
    Par défaut
    Citation Envoyé par Dge-06 Voir le message
    J'ai un peu du mal à comprendre.

    Pour adapter un site en fonction de l'écran, il suffit de passer les div en 100% (width). Je ne vois pas ce que cette version apportera de plus....
    Non, les sites web concus pour smartphones contiennent moins d'informations que celui pour PC,
    et surtout ces informations sont présentées différemmennt (un écran pc est au format paysage, un smartphone format papier).
    Regarde bien les screenshot de l'article, ils sont tres réprésentatifs justement.

    Par ailleurs faire un site web avec des div a 100% et des textes qui d'adaptent est fortement déconseillé.

  12. #12
    Futur Membre du Club
    Homme Profil pro
    Webmaster
    Inscrit en
    Mars 2012
    Messages
    4
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mars 2012
    Messages : 4
    Points : 5
    Points
    5
    Par défaut
    Je ne vois pas d'ou ça contient moins d'informations...

    Je développe des sites web mobile depuis maintenant 2 ans, et je peux te dire que c'est pareil!!

    Et quand tu dis: "un écran pc est au format paysage, un smartphone format papier" Il faut savoir que aucun smartphone a la même résolution ou voir très peu.

    C'est là que jquery mobile intervient. Il passe dalleurs ses div en pourcentage et non en pixels.

    De toute façon à l'heure actuelle, un site ne peut être développé que en tableaux ou en div. (enfin à ma connaissance).

    C'est pour celà que je ne vois pas ce que cette version apportera de plus quand ils parlent d'adapter un site à l'écran vu que ça se fait déjà depuis des années en paramétrant en pourcentage et non en pixels.


    Quand tu dis: "Par ailleurs faire un site web avec des div a 100% et des textes qui d'adaptent est fortement déconseillé. "

    Je suis d'accord avec toi pour les sites version pc ou mac, mais version mobile, tu n'as pas le choix.

  13. #13
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2011
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2011
    Messages : 9
    Points : 8
    Points
    8
    Par défaut
    Bonjour,

    https://build.phonegap.com

    Après un petit tour par là je m'aperçois que "price" apparaît.

    De quoi s'agit-il?

    Pourriez-vous m'expliquer ce que signifie le tableau y figurant.

    Merci.

  14. #14
    Membre émérite

    Homme Profil pro
    Software Developer
    Inscrit en
    Mars 2008
    Messages
    1 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Software Developer

    Informations forums :
    Inscription : Mars 2008
    Messages : 1 470
    Points : 2 368
    Points
    2 368
    Par défaut
    Citation Envoyé par man11110000 Voir le message
    Bonjour,

    https://build.phonegap.com

    Après un petit tour par là je m'aperçois que "price" apparaît.

    De quoi s'agit-il?

    Pourriez-vous m'expliquer ce que signifie le tableau y figurant.

    Merci.
    Quel est le rapport avec cet article?
    Merci de respecter le sujet initial ou bien d'en créer un nouveau sur le forum.

    De plus je ne vois pas ce qui est incompréhensible dans leur tableau, si tu veux davantage de précisions ce serait plus judicieux de leur demander directement.

  15. #15
    Futur Membre du Club
    Profil pro
    Inscrit en
    Décembre 2011
    Messages
    9
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2011
    Messages : 9
    Points : 8
    Points
    8
    Par défaut
    Quel est le rapport avec cet article?

    Puisqu'il n'existe pas de question absurde même lorsqu'elle manque de courtoisie, je répondrai: le rapport c'est la rhétorique ; )

    Phonegap est l'élément technologique clé d'Adobe qui est intégré à Dreamweaver pour le développement des applications pour les smartphones et les tablettes. Je pense qu'il faille la mentionner un tant soit peu.(voir petit lien plus haut)

    Il est intéressant d'attirer l'attention sur tous les points techniques de cette technologie ainsi que le caractère payant ou gratuit de ceux-ci.

    Merci de respecter le sujet ; )


  16. #16
    Membre averti
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    337
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 337
    Points : 364
    Points
    364
    Par défaut
    «différentes tailles d’écran pour les Webdesigners»

    (suis pas un cador du développement)

    Pas bien compris... mon tél Galaxy Note affiche le site parfaitement quel que soit le nombre de colonnes 1, 3 ou 4... idem pour la tablette 10 Android

    l'affichage écran multiples de DM est totalement différent du rendu final qui lui est parfait...

    Mais bon encore une fois je ne suis qu'un amateur (qui y passe cependant plusieurs heures par jour) et quelque chose a du m'échapper

Discussions similaires

  1. Réponses: 1
    Dernier message: 09/08/2013, 18h14
  2. Réponses: 1
    Dernier message: 28/08/2007, 11h28
  3. [MySQL] le mot de passe ne tient pas compte des majuscules
    Par jeanfi77 dans le forum PHP & Base de données
    Réponses: 5
    Dernier message: 28/03/2007, 17h17
  4. [Process] Mot de passe si kill dans gestionnaire des tâches
    Par joujoukinder dans le forum Windows Forms
    Réponses: 12
    Dernier message: 08/02/2007, 12h21
  5. [Dreamweaver MX] 2 pb : résolution et taille des pages HTML
    Par Mout85 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 01/09/2005, 21h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo