Ver originales (Francés)

Notepad++: cómo obtener una vista previa de mi página

lili_lulu Mensajes publicados 96 Estado Miembro -  
 gretchin -
Hola,
Estoy aprendiendo a usar Notepad++ para editar páginas en HTML, el problema es que no sé cómo obtener una vista previa de mi página web, es decir, pasar del código fuente al resultado que producirá en una página web.
No sé si me explico bien, en fin, me gustaría ver el resultado de los códigos que he generado. No hay un botón "vista previa" como en Nuv?
Gracias por ayudarme a resolver este pequeño problema técnico.
Amistosamente.
Configuración: Windows Vista Firefox 2.0.0.11

15 respuestas

  1.
    Xil Mensajes publicados 351 Estado Miembro 257
     
    Notepad++ es un editor de texto avanzado. No ofrece la posibilidad de ver una vista previa.

    Es un Notepad de color, con algunas funciones de edición de texto adicionales :)

    Sin embargo, en el menú 'Ejecución', tienes la opción 'Lanzar en IE/FF' que permite abrir la página en IE o Firefox. Pero esto está limitado a HTML/CSS/JavaScript.
    35
  2. RAD ZONE Mensajes publicados 5362 Estado Colaborador 1 360
     
    Yo tampoco lo consigo. Pero se ha planteado un problema más: ¿bajo qué extensión debo guardar mi archivo para poder abrirlo en mi navegador?

    Guarda con la extensión .html

    y si quieres una vista previa, usa PSPad

    es como Notepad++ pero mejor! (opinión personal)
    --

    ♣  El mayor error que puede cometer un hombre es tener miedo de cometerlo. ♣
    20
    1. avion-f16 Mensajes publicados 19182 Fecha de registro   Estado Colaborador Última intervención   4 511
       
      Hay alguien que tiene un rencor contra ti: -2 a todos tus mensajes.
      Me doy permiso para reiniciar los votos a 0 porque nadie se ha tomado el tiempo de justificarlos. ¡Y estos votos negativos sobre respuestas pertinentes y que dan una solución al problema original comienzan a ser pesados!

      Edit: ¿Prefieres -1 o +4? Porque partiendo de -2, va a -1, luego... +4 ;)
      0
    2. RAD ZONE Mensajes publicados 5362 Estado Colaborador 1 360
       
      Hola f16 y feliz año ;-))

      Hay alguien que te tiene rencor
      jajaja seguramente una gallina enojada ;-)) (tal vez mi primera esposa ^^)

      ¿Prefieres -1 o +4? Porque partiendo de -2, va a -1 luego ... +4 ;)
      mete a +12 ya que estamos ;-))))

      gracias, hasta luego
      0
    3. avion-f16 Mensajes publicados 19182 Fecha de registro   Estado Colaborador Última intervención   4 511
       
      Puedo votar infinitamente, pero no creo que eso sea normal ;)
      He puesto 12, 13 y 14 (no puedo elegir, pasa cada vez al siguiente número)

      Feliz año a ti también ;)

      Edit aún: por cierto, al hacer clic en « - », puedo restablecer los votos a 0...
      Hay muchos errores con este sistema de votación. Incluso podemos votar por nosotros mismos modificando un poco el HTML.
      0
    4. gretchin
       
      CTRL + ALT + SHIFT + X = abrir en el navegador.
      0
  3. Camuke Mensajes publicados 227 Estado Miembro 88
     
    Una página web, por definición, se muestra en un navegador.
    Como nombre, el archivo debe tener algo.html. Si quieres ver el resultado de tu trabajo, haces doble clic en tu archivo después de haberlo guardado, se abrirá en tu navegador predeterminado sin importar qué editor de texto uses.
    7
    1. RAD ZONE Mensajes publicados 5362 Estado Colaborador 1 360
       
      sí

      pero una vista previa a veces es muy práctica cuando trabajas en archivos múltiples !!!

      y es una de las lagunas (aunque hay pocas) de Notepad++

      sobre todo porque realmente no habría sido gran cosa para los desarrolladores hacerlo ;-)

      RAD
      --

      ♣ El mayor error que puede cometer un hombre es tener miedo de cometer uno. ♣
      -1
      1. Xil Mensajes publicados 351 Estado Miembro 257 > RAD ZONE Mensajes publicados 5362 Estado Colaborador
         
        No sé si la previsualización es una verdadera carencia, ya que está limitada al HTML/JS, lo cual sigue siendo muy pobre para la web.
        Además, las previsualizaciones de los editores de código se basan ya sea en el renderizado de contenido de IE, o en un renderizado de contenido personal, lo cual es insuficiente para una compatibilidad entre navegadores. En la actualidad, es necesario ser al menos compatible con IE y FF.

        Sin embargo, PSPad ofrece una previsualización de "servidor web" para los lenguajes interpretados (PHP, ASP,...), lo que ayuda un poco, pero sigue siendo insuficiente.

        Desarrolo principalmente en PHP, hasta ahora siempre he trabajado en N++ (o Zend Studio en el trabajo), pero creo que voy a pasar a PSPad, he encontrado algunas funciones bastante interesantes instaladas por defecto, como el acceso FTP, la autocompletación de funciones con argumentos o la tabla ASCII... Falta la opción de desplegar/plegar un bloque de código o las conversiones '<=> \'', pero para mí eso sigue siendo un detalle.
        -1
      2. Dalida Mensajes publicados 7114 Fecha de registro   Estado Colaborador Última intervención   923 > Xil Mensajes publicados 351 Estado Miembro
         
        ¡Sí!

        Yo uso principalmente N++ pero aprecio enormemente las herramientas de psPad.

        Para las conversiones, puedes hacerlas con Herramientas/Convertidores de usuario…

        Lo que me falta en psPad es más bien el cierre automático de etiquetas.

        --

        [ Mathieu ]
        « Se contratará más si es menos complicado despedir. » LP, 29 de agosto de 2007.
        -1
  4. RAD ZONE Mensajes publicados 5362 Estado Colaborador 1 360
     
    PSPad tiene esta función y es (en mi opinión) mejor que notepad++

    RAD
    --

    ♣ El mayor error que puede cometer un hombre es tener miedo de cometer uno. ♣
    4
  6. lili_lulu Mensajes publicados 96 Estado Miembro 6
     
    oh no, ¡estoy demasiado decepcionado!
    Gracias por decírmelo, podría haber buscado un rato.
    Así que, para tener un vistazo, ¿tengo que crear una página web y poner mi código allí?
    2
    1. Xil Mensajes publicados 351 Estado Miembro 257
       
      He editado mi respuesta para añadir esto:
      Por otro lado, en el menú 'Ejecución', tienes la opción 'Launch in IE/FF' que permite abrir la página en IE o Firefox. Pero está limitado a HTML/CSS/Javascript.
      -1
  7. lili_lulu Mensajes publicados 96 Estado Miembro 6
     
    Ah ok, muchas gracias. He elegido Notepad porque es el que usamos en clase, pero voy a probar PSPad.
    ¡Ánimo, tal vez en 2 meses haya conseguido hacer este formulario! (solo han pasado 4 días desde que estoy decepcionada jaja)

    Hasta luego, gracias.
    Lili
    1
  8. avion-f16 Mensajes publicados 19182 Fecha de registro   Estado Colaborador Última intervención   4 511
     
    No veo por qué los desarrolladores habrían integrado la función de previsualización.
    Digo esto porque Notepad++ no es un editor especializado para sitios web.

    Puede ser utilizado igualmente para hacer programación, escribir consultas SQL, ...
    Por lo tanto, los desarrolladores se han ocupado más bien de las funcionalidades más importantes:
    - La visualización en múltiples vistas
    - El autocompletado (con una lista de APIs)
    - ...

    Cada software tiene su finalidad: Notepad++ es un editor de texto plano con diversas opciones pero no un editor web (como Dreamweaver, Nvu, Kompozer, ...)

    Sin embargo, puedes utilizar Kompozer que te permite editar tu código con colorización sintáctica y obtener una vista previa en tiempo real.

    Edición: Lo siento Antoine G., no había leído tu mensaje antes (tenemos el mismo punto de vista :p)

    --
    Los errores presentes arriba están bajo licencia Creative Commons by-nc-nd 2.0
    Gracias Bill Gates, sin ti, no habría informáticos.
    1
  9. icareus
     
    RAD ZONE, una opinión está bien, 3 publicaciones de publicidad son demasiadas.
    1
  10. lamloumi naiim
     
    ¡Hola hermano! Tengo una solución para tu pequeño problema. Abre tu proyecto en Notepad++, luego ve a "Lenguaje", elige la letra "h" y luego "html". Luego guarda tu trabajo, y encontrarás junto al ícono de tu proyecto el ícono de tu navegador de internet, ábrelo para ver el resultado. Si hay otros problemas, envíame el tema a: lamloumi_naiim@hotmail.fr
    1
  11. Dalida Mensajes publicados 7114 Fecha de registro   Estado Colaborador Última intervención   923
     
    hola,

    es cierto que la vista previa no habría sido algo malo y efectivamente fácil de implementar en Windows.

    después te acostumbras a ocultar las otras ventanas que N++ y FF y a alternar de una a otra con [ Alt ] + [ Tab ] y un pequeño [ F5 ] al llegar a FF.

    y para las modificaciones sensibles o precisas puedes editar tu código (HTML o CSS) con Firebug.

    arcaico sin duda pero muy bueno para desarrollar la destreza digital!

    --

    [ Mathieu ]
    « Contrataremos más si es menos complicado despedir. » LP, 29 de agosto de 2007.
    0
  12. RAD ZONE Mensajes publicados 5362 Estado Colaborador 1 360
     
    HOLA
    Dalida

    sí, está claro, pero reconoce que son malabares para un principiante, que ya se debate con su html ;-)

    jajaja, me lo imagino ;-))

    RAD
    --

    ♣ El mayor error que puede cometer un hombre es tener miedo de cometer uno. ♣
    0
  13. Tweb
     
    Te habría dicho que descargues: Editplus ++ (versión 3).
    Puede que esté en inglés, pero pasar un día explorando el software no te hará demasiado daño. ;)
    Hay una vista previa de las páginas web que haces, etiquetas HTML ya hechas, solo queda usarlas.
    Un consejo, evita trabajar en muchas páginas web al mismo tiempo, después tienes que buscarlas en la parte inferior de la pantalla del software...

    Eso es todo.
    *Tweb va a ayudar a otros miembros en dificultades.*
    *Todo es posible, solo hay que tener voluntad y paciencia, todo se vuelve tan fácil después...*

    ¡Hasta luego!
    0
  14. Polo
     
    Yo tampoco puedo. Pero surgió un problema más: ¿bajo qué extensión debo guardar mi archivo para poder abrirlo en mi navegador?
    0
  15. Antoine G.
     
    ¡Disculpe, pero el hecho de que no tenga un navegador integrado no es en absoluto una deficiencia!
    Si miras los lenguajes que se pueden codificar con Notepad++ ( 'language' en la barra de menú), verás que tiene previstas coloraciones sintácticas para una multitud de lenguajes, como C#, C++, Java, en fin, la mayoría de los lenguajes reconocidos (unos 50 en mi versión):
    Entonces, si tuviera un navegador, ¿por qué no tendría también un compilador y ejecutor para todos estos lenguajes?
    No lo hace porque simplemente no está hecho para eso...

    Para tener un editor/visualizador de html/css/javascript, hay que usar programas que solo hacen eso, como webexpert.
    0
  16. baboulinet054
     
    Es fácil obtener el contenido de la página que has creado guardando la página en una carpeta, por ejemplo, C://documentos/mi página/. Es un ejemplo para acceder a tu página web después de haberla guardado. Luego, debes hacer doble clic en tu carpeta y accederás a tu página web que tiene la extensión .html.
    0