Rechercher : dans
Par :

Notepad++: comment avoir un aperçu de ma page

Dernière réponse le 9 mai 2009 à 14:05:11 lili_lulu, le 7 fév 2008 à 13:09:31 
 Signaler ce message aux modérateurs

Bonjour,
Je suis entrain d'apprendre a utiliser Notepad++ pour éditer des pages en HTML, le soucis est que je ne sais pas comment avoir un aperçu de ma page web, c'est a dire, passer du code source au résultat que cela produira sur une page web.
Je sais pas si je me fais bien comprendre, bref je voudrais voir le résultat des codes que j'ai généré. Il n'y a pas de bouton "aperçu" comme sur Nuv?
Merci de m'aider a résoudre se petit probleme technique.
Amicalement.

Configuration: Windows Vista
Firefox 2.0.0.11

Meilleures réponses pour « Notepad++: comment avoir un aperçu de ma page » dans :
[Windows] Fichier pagefile.sys VoirPagefile.sys est un fichier créé par Windows afin de pallier les manques de mémoire vive, on l'appelle ainsi "fichier d'échange" ou "fichier swap" (en anglais "swap file"). Cette technique permettant d'étendre la mémoire vive du système est appelée...
Plusieurs pages d'accueil pour son navigateur VoirPlusieurs pages d'accueil au démarrage Il est possible d'avoir plusieurs pages d'accueil au démarrage des navigateurs internet. Toutefois, il faut ruser pour y parvenir avec la version actuelle de Microsoft Internet Explorer. Le plus simple est...
ASP - Active Server Pages - Introduction VoirPrésentation des Active Server Pages ASP (Active Server Pages) est un standard mis au point par Microsoft en 1996 permettant de développer des applications Web interactives, c'est-à-dire dont le contenu est dynamique. Ainsi une page web ASP...
Introduction aux Java Server Pages VoirPrésentation des Java Server Pages Les JSP (Java Server Pages) sont un standard permettant de développer des applications Web interactives, c'est-à-dire dont le contenu est dynamique. C'est-à-dire qu'une page web JSP (repérable par l'extension...
Windows 7 - Notepad et Wordpad VoirTout faire (ou presque) avec Windows 7 Si Windows 7 possède autant de fonctions, c’est qu’il intègre un grand nombre de logiciels, permettant ainsi de multiples usages pour l’ordinateur. Qu’il s’agisse de vous permettre de rédiger des documents,...

1

Xil, le 7 fév 2008 à 13:13:13
  • +1

Notepad++ est un éditeur de texte avancé. Il n'offre pas la possibilité de voir un apperçu.

C'est un Notepad en couleur, avec quelques fonctions d'édition de texte supplémentaires :)

Par contre, dans le menu 'Exécution', tu as l'option 'Launch in IE/FF' qui permet d'ouvrir la page dans IE ou Firefox. Mais c'est limité au HTML/CSS/Javascript.

Répondre à Xil

2

lili_lulu, le 7 fév 2008 à 13:15:55

Oh non, suis trop déçu!!!
Merci de me l'avoir dit, j'aurais pu chercher un moment.
du coup, pour avoir un aperçu faut que je creer une page web et mettre mon code deçu?

Répondre à lili_lulu

3

Xil, le 7 fév 2008 à 13:16:57

J'ai édité ma réponse pour ajouter ceci :
Par contre, dans le menu 'Exécution', tu as l'option 'Launch in IE/FF' qui permet d'ouvrir la page dans IE ou Firefox. Mais c'est limité au HTML/CSS/Javascript.

Répondre à Xil

4

RAD ZONE, le 7 fév 2008 à 13:17:24

PSPad a cette fonction et ai (a mon avis) meilleur que notepad++

RAD
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

5

lili_lulu, le 7 fév 2008 à 13:20:36

Ah ok, merci beaucoup. J'ai pris natepad car c'est celui qu'on utilise en cours mais je vais essayé PSPad.
Allé, courage, peut etre que dans 2 mois j'aurais réussit a le faire se formulaire! (sa fait seulement 4j que je suis deçu lol)

a plus merci.
Lili

Répondre à lili_lulu

6

Camuke, le 7 fév 2008 à 13:46:26

Une page web par definition s'affiche dans un navigateur!!.
COmme nom le fichier doit avoir quelquechose.html. Si tu veux voir le resultat de ton travail, tu double clic sur ton fichier apres l'avoir sauvegardé, il va s'ouvrir dans ton navigateur par defaut peu importe quel editeur de texte tu utilise.

Répondre à Camuke

7

RAD ZONE, le 7 fév 2008 à 14:31:49

Oui

mais une preview est parfois bien pratique lorsque tu travaille sur des fichiers multiple !!!

et c est une des lacunes ( meme si il y en as peu ) de notepad++

surtout que ce n aurais vraiment pas ete grand chose pour les developeurs de le faire ;-)

RAD
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

10

Xil, le 7 fév 2008 à 15:44:36

Je ne sais pas si la prévisualisation est une réelle lacune sachant que c'est limité à l'HTML/JS, ce qui reste tout de même très pauvre pour du web.
De plus, les prévisualisations des éditeurs de code se base soit sur le rendu de contenu de IE, soit sur un rendu de contenu personnel, ce qui est insuffisant pour une compatibilité interbrowser. A l'heure actuelle, il faut être au minimum compatible IE et FF.

Par contre, PSPad propose une prévisualisation "serveur web" pour les languages interpreté (PHP, ASP,...), ca aide un peu, mais ca reste insuffisant.

Je developpe essentiellement en PHP, jusqu'à maintenant j'ai toujours travaillé sur N++ (ou Zend Studio au boulot), mais je pense que je vais passer à PSPad, j'ai trouvé quelques fonctions plutôt sympa installées de base, comme l'accès FTP, l'autocompletion des fonctions avec arguments ou la table ASCII... Il manque le déplier/replier un bloc de code ou encore les conversion ' <=> \', mais ca reste du détail pour moi.

Répondre à Xil

11

Dalida, le 7 fév 2008 à 15:52:17

Yep !

moi j'utilise principalement N++ mais j'apprécie énormément les outils de psPad.

pour les conversions tu peux les faire avec Outils/Convertisseurs utilisateur…

ce qui me manque sur psPad c'est plutôt la fermeture automatique des balises !

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

Répondre à Dalida

8

Dalida, le 7 fév 2008 à 14:44:04

Salut,

c'est vrai que l'aperçu n'aurait pas été un mal et effectivement facile à implémenter sous Windows.

après tu prendre l'habitude de masquer les autres fenêtres que N++ et FF et de jongler de l'un à l'autre avec [ Alt ] + [ Tab ] avec un petit [ F5 ] en arrivant sur FF.

et pour les modifs sensibles ou précises tu peux éditer ton code (HTML ou CSS) avec Firebug.

archaïque sans doute mais très bon pour développer la dextérité digitale !

[ Mathieu ]
« On embauchera plus s'il est moins compliqué de licencier. » LP, 29 août 2007.

Répondre à Dalida

9

RAD ZONE, le 7 fév 2008 à 15:25:33

SALUT
Dalida

oui c est sur mais reconnais quand meme ca en fais des jonglages pour un debutant , qui ce debat deja avec son html ;-)

loool je l imagine ;-))

RAD
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

12

Tweb, le 13 mai 2008 à 18:48:23

Je t'aurai dis de télécharger : Editplus ++ ( Version 3 ).
Il est peut-être en anglais, mais une journée dessus en visitant le logiciel ne te fera pas trop de mal. ;)
Il y'a un aperçu des page web que tu fais, des balises HTML déjà faite, plus qu'a l'emploi.
Un conseil, évite de travailler sur beaucoup de page web en même temps, après tu dois les chercher en bas de la page du logiciel...

Voilà.
*Tweb pars secourir d'autres membres en difficultés.*
*Tout est possible, il faut juste avoir de la volonté et de la patience, tout deviens si facile après...*

A+

Répondre à Tweb

13

Polo, le 29 aoû 2008 à 23:17:23

Moi non plus j'y arrive pô. Mais un prob' de plus s'est posé : sous quelle extension enregistrer mon fichier pour pouvoir l'ouvrir csur mon navigateur ?

Répondre à Polo

14

RAD ZONE, le 29 aoû 2008 à 23:27:40

Moi non plus j'y arrive pô. Mais un prob' de plus s'est posé : sous quelle extension enregistrer mon fichier pour pouvoir l'ouvrir csur mon navigateur ?

Sauvegarde avec l extension .html

et si tu veux une preview prend PSPad

c est comme notepad++ en mieux !( avis perso )
♣  La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣

Répondre à RAD ZONE

15

Antoine G., le 2 avr 2009 à 16:10:16

Excusez moi mais le fait qu'il n'est pas de navigateur intégré n'est en aucun cas une lacune !
Si vous regardez les languages que l'on peut coder avec Notepad++ ( 'language' dans la barre de menu ), vous verrez qu'il a prévu des coloration syntaxiques pour une multitude de languages, dont C#, C++, java, enfin la plupart des languages réputés (une 5Oaine dans ma version) :
Alors si il avait un navigateur, pourquoi ne ferait il pas aussi compilateur et exécuteur de tous ces languages ?
Il ne le fait pas car il n'est pas fait pour ça tout simplement...

Pour avoir un éditeur/visualiseur de html/css/javascript, il faut utiliser des logiciels qui ne font que ça, comme webexpert.

Répondre à Antoine G.

16

baboulinet054, le 8 mai 2009 à 20:58:35

C'est facile pour avoir le contenue du page que tu as fait c'est de enregistrer la page sur un dossier ex. C//documents/ma page/ c'est un exemple pour accéder ta page web après que ta enregistré ta page tu double-cliquer su ton dossier et tu va accéder à ta page web qui a marqué .html.

Répondre à baboulinet054

17

 avion-f16, le 9 mai 2009 à 14:05:11

Je ne vois pas pourquoi les développeurs auraient intégrer la fonction de prévisualisation.
Je dis ça parce que Notepad++ n'est pas un éditeur spécialisé pour les sites Web.

Il peut aussi bien être utiliser pour faire de la programmation, écrire des requête SQL, ...
Les développeurs se sont donc plutôt occupé des fonctionnalités les plus importantes :
- L'affichage multiples vues
- L'auto-complétition (avec une liste d'APIs)
- ...

Chaque logiciel à sont but : Notepad++ est un éditeur de texte brute avec diverses options mais pas un éditeur Web (comme Dreamweaver, Nvu, Kompoze, ...)

Par contre tu peux utiliser Kompozer qui te permet d'éditer ton code avec colorisation syntaxique et d'avoir un aperçu en temps réel.

Edit : Désolé Antoine G., j'avais pas lus ton message avant (nous avons le même point de vue :p)
Les fautes présentes ci-dessus sont sous licence Creative Co­mmons by-nc-nd 2.0
Merci Bill Gates, sans toi, il n'y aurait pas d'informaticie­ns.

Répondre à avion-f16