Diferencia entre revisiones de «WYSIWYG»
m (Texto reemplazado: «<div align="justify">» por «»)
 
(No se muestran 11 ediciones intermedias de 5 usuarios)
Línea 1: Línea 1:
−
{{Mejorar|Faltan las fuentes}} '''WYSIWYG''' es el [[Acrónimo]] de '''''W'''hat '''Y'''ou '''S'''ee '''I'''s '''W'''hat '''Y'''ou '''G'''et'' (en inglés, "lo que ves es lo que obtienes"). Se aplica a los [[Procesador de texto|procesadores de texto]] y otros editores de texto con formato (como los editores de [[HTML]]) que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso. Se dice en contraposición a otros procesadores de texto, hoy en día poco frecuentes, en los que se escribía sobre una vista que no mostraba el formato del texto, hasta la impresión del documento. En el caso de editores de HTML este concepto se aplica a los que permiten escribir la página sobre una vista preliminar similar a la de un procesador de textos, ocupándose en este caso el programa de generar el [[Código fuente]] en HTML.
 
  
−
Ejemplos de editores HTML tipo WYSIWYG son: [[Adobe Dreamweaver|Dreamweaver]], [[NVU]]/Kompozer, las versiones de [[Composer]] de [[Netscape]] y [[Mozilla Application Suite|Mozilla]], [[Amaya (navegador)|Amaya]], [[Writer]] (de [[OpenOffice.org]]), Adobe Golive, Frontpage. También existen editores que se pueden integrar en formularios de páginas web como [[FCKeditor]], [[TinyMCE]], [[FreeRichTextEditor]].
 
  
−
En el área de diseño web existen también herramientas WYSIWYG, dentro de los llamados CMS (Content Management System); aunque un CMS no tiene porqué ser WYSIWYG, es decir puede ser un gestor de contenidos cuyo panel de gestión no se corresponda con el diseño final, sino que en este caso se utiliza un back-end o panel de gestión para crear-modificar los contenidos, que serán reflejados en el front-end o parte final que ven los usuarios. En el grupo de los CMS WYSIWIG hay varias aplicaciones, incluso alguna de ellas con tecnología flash, como por ejemplo Easy Site Manager.
+
{{Definición
 +
|nombre=Editores HTML
 +
|imagen=
 +
|tamaño=
 +
|concepto=
 +
}}
  
−
Un buen y actual ejemplo de editor específico de textos que no es WYSIWYG es aquel que utiliza formato de documento: [[LaTeX]].  
+
'''Editores HTML'''. Son las siglas de Hyper Text Markup Language, Lenguaje de Marcas de Hipertexto.
  
−
== Véase también ==
+
== Hipertexto ==
 +
Es uno de los aspectos más revolucionarios de la web. Permite que las páginas web tengan enlaces, y al hacer clic sobre ellos podamos acceder a otras páginas, sitios web o a partes de una sola página Web. Marcas describe cómo se verá el contenido de una página web. En HTML esta marca se realiza a través del uso de etiquetas entre paréntesis que definen cómo debe aparecer algo en la página.
 +
== Problemas en el diseño HTML==
 +
HTML se creó como un lenguaje de presentación, por lo que los resultados pueden ser distintos en ordenadores y en sistemas operativos distintos. El hecho de que las páginas web se puedan personalizar es precisamente lo que le convierte  en un medio de comunicación global. Permite que gente ciega pueda leer  páginas  a través de procesadores automáticos  y que gente con problemas de visión pueda aumentar el tamaño de la letra. [[HTML]] es contraproducente  en muchas tareas de diseño pero es una ayuda  a imaginar formas de transformar esas limitaciones en oportunidades para la creatividad y la expresión. Si comprende que la web debe ser accesible de forma que pueda evolucionar, será más condescendiente con las limitaciones de HTML.
 +
==Cómo aprender HTML==
 +
El estudio de HTML puede intimidar al principio, pero la realidad es que casi todo el mundo aprende  los principios básicos sin dificultad. No hace falta escribir  todas las líneas de código a mano, pero si aprende a escribir un poco, comprenderá mejor las dificultades  de la programación. Para escribir HTML solo hace falta un procesador de textos o un editor de HTML o WYSIWYG. La clave para escribir HTML  consiste en guardarlo en[[ formato ASCII]], solo texto e incluir la extensión de archivo .html o .htm. La gestión de archivos de Windows no admite extensiones de cuatro letras y ésta es la razón por la que se utiliza .htm en muchas páginas web.
 +
== ¿Cómo es HTML ==
 +
Tiene una estructura muy simple
 +
*<HTML>, <HEAD>,<TITLE>name_of_document, </TITLE>,</HEAD>, *<BODY> el contenido de la página va dentro de la etiqueta body, *</BODY>, *</HTML>
 +
==Explicación del código==
 +
*Todos los documentos HTML deben comenzar con la etiqueta HTML.
 +
*La parte HEAD del documento contiene toda la información den encabezamiento.
 +
*El elemento TITLE contiene el nombre del documento, que aparecerá en la parte superior de la ventana del navegador.
 +
*Es necesario cerrar la etiqueta TITLE, lo cual se indica mediante la barra.
 +
*Todo lo que es visible en el documento HTML se encuentra dentro de la etiqueta  BODY.
 +
*Se debe cerrar la etiqueta BODY.
 +
*También se debe cerrar la etiqueta HTML.
  
−
*[[WYSIWYM]]
+
== Fuentes==
 +
*Weinmam,Lynda, Diseño de imágenes para la web. Ediciones Anaya multimedia(Grupo Anaya,S,A), 2002
 +
*[http://hostingconceptos.blogspot.com/2014/02/como-crear-una-pagina-web.html Como Crear Una Pagina Web]
 +
*Urribarri, R. (1999). “El uso de Internet y la Teoría de la Comunicación”. [[Venezuela]]: Universidad de [[Zulia]].
 +
*Booch, Grady, Rumbaugh, James, Jacobson, Ivar. ([[2000]]). “El lenguaje unificado de modelado”. Addison Wesley.
 +
*Date, C. (1994). An Introduction to Database System. 6ta Edición. Addison Wesley.
 +
*Franquet, R. ([[2005]]). Comunicar en la [[Sociedad de la Información]].  Universidad Autónoma de [[Barcelona]]. 
 +
*Presuman, Roger. (2002). [[Ingeniería de Software]]. Un enfoque práctico. España: McGraw.Hill.
 +
*Valcárcel, N. ([[2001]]). Comunicación Profesional. 
 +
*Villatoro, P. y Silva, A. (2005). Estrategias, programas y experiencias de superación de la brecha digital y universalización del acceso a las [[Nuevas Tecnologías de la Información y la Comunicación]] ([[TIC]]). Serie políticas sociales. [[CEPAL]].
  
−
[[Category:Ciencias_informáticas]] [[Category:Software]]
+
[[Category:Informática]]

última versión al 12:14 13 jul 2019


Editores HTML
Información sobre la plantilla

Editores HTML. Son las siglas de Hyper Text Markup Language, Lenguaje de Marcas de Hipertexto.

Hipertexto

Es uno de los aspectos más revolucionarios de la web. Permite que las páginas web tengan enlaces, y al hacer clic sobre ellos podamos acceder a otras páginas, sitios web o a partes de una sola página Web. Marcas describe cómo se verá el contenido de una página web. En HTML esta marca se realiza a través del uso de etiquetas entre paréntesis que definen cómo debe aparecer algo en la página.

Problemas en el diseño HTML

HTML se creó como un lenguaje de presentación, por lo que los resultados pueden ser distintos en ordenadores y en sistemas operativos distintos. El hecho de que las páginas web se puedan personalizar es precisamente lo que le convierte en un medio de comunicación global. Permite que gente ciega pueda leer páginas a través de procesadores automáticos y que gente con problemas de visión pueda aumentar el tamaño de la letra. HTML es contraproducente en muchas tareas de diseño pero es una ayuda a imaginar formas de transformar esas limitaciones en oportunidades para la creatividad y la expresión. Si comprende que la web debe ser accesible de forma que pueda evolucionar, será más condescendiente con las limitaciones de HTML.

Cómo aprender HTML

El estudio de HTML puede intimidar al principio, pero la realidad es que casi todo el mundo aprende los principios básicos sin dificultad. No hace falta escribir todas las líneas de código a mano, pero si aprende a escribir un poco, comprenderá mejor las dificultades de la programación. Para escribir HTML solo hace falta un procesador de textos o un editor de HTML o WYSIWYG. La clave para escribir HTML consiste en guardarlo enformato ASCII, solo texto e incluir la extensión de archivo .html o .htm. La gestión de archivos de Windows no admite extensiones de cuatro letras y ésta es la razón por la que se utiliza .htm en muchas páginas web.

¿Cómo es HTML

Tiene una estructura muy simple

  • <HTML>, <HEAD>,<TITLE>name_of_document, </TITLE>,</HEAD>, *<BODY> el contenido de la página va dentro de la etiqueta body, *</BODY>, *</HTML>

Explicación del código

  • Todos los documentos HTML deben comenzar con la etiqueta HTML.
  • La parte HEAD del documento contiene toda la información den encabezamiento.
  • El elemento TITLE contiene el nombre del documento, que aparecerá en la parte superior de la ventana del navegador.
  • Es necesario cerrar la etiqueta TITLE, lo cual se indica mediante la barra.
  • Todo lo que es visible en el documento HTML se encuentra dentro de la etiqueta BODY.
  • Se debe cerrar la etiqueta BODY.
  • También se debe cerrar la etiqueta HTML.

Fuentes

  • Weinmam,Lynda, Diseño de imágenes para la web. Ediciones Anaya multimedia(Grupo Anaya,S,A), 2002
  • Como Crear Una Pagina Web
  • Urribarri, R. (1999). “El uso de Internet y la Teoría de la Comunicación”. Venezuela: Universidad de Zulia.
  • Booch, Grady, Rumbaugh, James, Jacobson, Ivar. (2000). “El lenguaje unificado de modelado”. Addison Wesley.
  • Date, C. (1994). An Introduction to Database System. 6ta Edición. Addison Wesley.
  • Franquet, R. (2005). Comunicar en la Sociedad de la Información. Universidad Autónoma de Barcelona.
  • Presuman, Roger. (2002). Ingeniería de Software. Un enfoque práctico. España: McGraw.Hill.
  • Valcárcel, N. (2001). Comunicación Profesional.
  • Villatoro, P. y Silva, A. (2005). Estrategias, programas y experiencias de superación de la brecha digital y universalización del acceso a las Nuevas Tecnologías de la Información y la Comunicación (TIC). Serie políticas sociales. CEPAL.
Obtenido de «https://www.ecured.cu/index.php?title=WYSIWYG&oldid=3455478»