HOMESITE

En el mercado existen muchos programas para editar páginas web, pero HomeSite es uno de los más completos y sencillos de usar.

Está pensado para editar tus páginas programando directamente el HTLM, aunque también tiene la posibilidad de diseñar WYSIWYG (What You See Is What You Get, que significa que lo que ves es lo que obtienes), lo que simplifica y ofrece más velocidad en el diseño de webs simples.Entre sus características más útiles podemos contar con un editor de estilos CSS, que nos permite definir estilos para toda una página o un sitio web. Posee tratamiento muy bueno de los archivos del sitio, con un panel a la izquierda que nos permite seleccionar cualquier archivo de nuestro sistema para editarlo. El mismo panel de archivos se puede convertir en un inspector de etiquetas, que permite modificar cualquier atributo casi instantáneamente y casi sin conocimientos de HTML, en una ayuda con temas diversos, en un mapa del sitio web, etc.Posee una barra de herramientas muy completa para colocar desde párrafos o imágenes hasta controles ASP o Cold Fusion, pasando por tablas, formularios, etc. También da soporte a los caracteres especiales del HTML y tiene herramientas como validadores de código, enlaces, etc.Existe un tutorial en castellano sobre el Home Site a la disposición de aquel que desee informarse mejor sobre el programa y aprender su funcionamiento. También tenemos disponible algún tutorial en Inglés: Macromedia Homesite 5 Tutorial.Somos muchos usuarios satisfechos con este programa: Oscar, con dirección de correo oscarab@telepolis.com, nos comenta: En mi opinión el mejor editor de HTML del mercado, no te mete ningún tipo de código basura, tiene una completa ayuda para gente que se está iniciando y gente que lleva programando mucho tiempo.Nosotros posiblemente no seamos tan entusiastas. El método WYSIWYG sí que mete código basura, aunque lo normal en este programa es realizar nosotros mismos la codificación, con lo cual, si alguien mete código basura, seremos nosotros. En fin, encantados del programa y no llegamos a aprovechar toda su potencia.

Homesite es un producto de Allaire (http://www.allaire.com), empresa comprada recientemente por Macromedia. Para descargar el programa lo mejor es ir a la página de Macromedia donde anuncian el Homesite (actualmente sólo disponible en Inglés). http://www.macromedia.com/software/homesite

HTML-KIT

HTML, siglas de HyperText Markup Language («lenguaje de marcado de hipertexto»), hace referencia al lenguaje de marcadopredominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.¹

HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML(como HTML 4.01 y anteriores).

Primeras especificaciones

La primera descripción de HTML disponible públicamente fue un documento llamado: HTML Tags (Etiquetas HTML), publicado por primera vez en Internet por Tim Berners-Lee en 1991.^2 3 Describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.⁴Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación de mediados de 1993, por la IETF, de una primera proposición para una especificación de HTML: el boceto Hypertext Markup Language de Berners-Lee y Dan Connolly, el cual incluía una Definición de Tipo de Documento SGML para definir la gramática.⁵ El boceto expiró luego de seis meses, pero fue notable por su reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. ⁶ De la misma manera, el boceto competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formato de Marcaje de Hipertexto), de finales de 1993, sugería estandarizar características ya implementadas, como las tablas.En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos (enlaces) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces, Tim Berners-Lee, quien trabajaba en el Centro Europeo de Investigaciones Nucleares CERN da a conocer a la prensa que estaba trabajando en un sistema que permitirá acceder a ficheros en línea que funcionaba sobre redes de computadoras o máquinas electrónicas basadas en el protocolo TCP/IP. Inicialmente fue desarrollado para que se pueda compartir fácilmente información entre científicos de distintas universidades e institutos de investigación de todo el mundo.¹⁵

A principios de 1990, Tim Berners-Lee define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso aún, el World Wide Web. En 1991, Tim Berners-Lee crea el primer navegador web, ViolaWWW, que funcionaría en modo texto y sobre un sistema operativo UNIX.

Los trabajos para crear un sucesor del HTML, denominado HTML +, comenzaron a finales de 1993. HTML+ se diseñó originalmente para ser un superconjunto del HTML que permitiera evolucionar gradualmente desde el formato HTML anterior. A la primera especificación formal de HTML+ se le dio, por lo tanto, el número de versión 2 para distinguirla de las propuestas no oficiales previas. Los trabajos sobre HTML+ continuaron, pero nunca se convirtió en un estándar, a pesar de ser la base formalmente más parecida al aspecto compositivo de las especificaciones actuales.

El borrador del estándar HTML 3.0 fue propuesto por el recién formado W3C en marzo de 1995. Con él se introdujeron muchas nuevas capacidades; por ejemplo, facilidades para crear tablas, hacer que el texto fluyese alrededor de las figuras y mostrar elementos matemáticos complejos. Aunque se diseñó para ser compatible con HTML 2.0, era demasiado complejo para ser implementado con la tecnología de la época, y cuando el borrador del estándar expiró en septiembre de 1995, se abandonó debido a la carencia de apoyos de los fabricantes de navegadores web. El HTML 3.1 nunca llegó a ser propuesto oficialmente, y el estándar siguiente fue el HTML 3.2, que abandonaba la mayoría de las nuevas características del HTML 3.0 y, a cambio, adoptaba muchos elementos desarrollados inicialmente por los navegadores web Netscape y Mosaic. La posibilidad de trabajar con fórmulas matemáticas que se había propuesto en el HTML 3.0 pasó a quedar integrada en un estándar distinto llamado MathML.

En 1997, HTML 4.0 se publicó como una recomendación del W3C. HTML 4.0 adoptó muchos elementos específicos desarrollados inicialmente para un navegador web concreto, pero al mismo tiempo comenzó a limpiar el HTML señalando algunos de ellos como «desaprobados» o deprecated en inglés.

HTML 4.0 implementa características como XForms 1.0 que no necesitan implementar motores de navegación que eran incompatibles con algunas páginas web HTML. En 2004 laW3C reabrió el debate de la evolución del HTML, y se dieron a conocer las bases para la versión HTML5. No obstante, este trabajo fue rechazado por los miembros del W3C y se daría preferencia al desarrollo del XML.

Apple, Mozilla y Opera anunciaron su interés en seguir trabajando en el proyecto bajo el nombre de WHATWG,¹⁶ que se basa en la compatibilidad con tecnologías anteriores.

En 2006, el W3C se interesó en el desarrollo de HTML5, y en 2007 se unió al grupo de trabajo del WHATWG para unificar el proyecto.

Aportado Por: Myrna Teresa Sanchez Delgado

WEB CREATOR PROFESIONAL

Web Creator es un software para crear y cargar un sitio web. Te permite crear páginas web sin conocimientos previos extensas. Web Creator te permite crear sitios web sin necesidad de escribir código. Ofrece capacidades gráficas avanzadas, tales como la gestión de paletas de color y la transparencia. La nueva versión 6 es una reforma importante. La interfaz de tipo MS Office 2010 libera el área de trabajo y lo hace más sensible. Nobreux de herramientas que se agregan nuevos: son las redes sociales, los objetos de Google (Maps, Trnslate y Analytics), Paypal y las tabletas y los teléfonos inteligentes de gestión. Se incluye un cliente FTP para la publicación en línea.

WEBSITE BUILDER

on herramientas que permiten la construcción de sitios web sin edición de código manual. Se dividen en dos categorías: herramientas on-line de propiedad proporciona web empresas, por lo general destinados a los usuarios construir su sitio privado, y el software que se ejecuta en una computadora, la creación de páginas fuera de línea y que luego se pueden publicar estas páginas en cualquier host . (Estos últimos son a menudo considerados como "software de diseño web" en lugar de "constructores de sitio web".)Los primeros sitios web fueron creados a principios de los años 1990. ^[ 1 ] Estos sitios se entregarán por escrito en un HTML. Posteriormente software fue escrito para ayudar a diseñar páginas web y para 1998 Dreamweaver se ha establecido como el líder en la industria, sin embargo algunos han criticado la calidad del código producido por el software como ser exagerados y dependen de las tablas. A medida que la industria se movió hacia W3C normas, Dreamweaver y otros fueron criticados por no ser compatible. El cumplimiento ha mejorado con el tiempo, pero muchos profesionales siguen prefiriendo escribir marcado optimizado a mano.

Aportacion por: Cecilia Janeth Toral Acosta

LOS MEJORES PROGRAMAS PARA CREAR  PAG. WEB

Algunos editores muy conocidos son Dreamweaver, Go Live o NVU. Son software especializado en la creación de sitios web, construidos para crear y modificar el código HTML, CSS, PHP, etc. de tus páginas web. Tienen funciones muy útiles para un diseñador web, como el editor gráfico, que te permite crear webs con pocos conocimientos de HTML ya que se asemeja a un procesador de textos. Otras funciones muy interesantes de estos programas son el permitir remplazar código de múltiples páginas a la vez, la comprobación de errores de programación en el código, previsualizar las páginas en diferentes navegadores, etc. En esta misma web hay un manual de Dreamweaver para que aprendas a manejarlo.

Lo más interesante sin duda para una persona que está aprendiendo a hacer webs es el editor gráfico. Tú creas la página como si del Word se tratara; escribes el texto, los títulos, pones las imágenes, eliges los colores, etc. y el programa te guarda la página con el código HTML listo. Es lo que se llama What You See Is What You Get (WYSIWYG), lo que ves es lo que obtienes. Se les llama así con razón, puesto que utilizandolos no es necesario escribir nada de código HTML para crear una página web.                                                                                 La desventaja que tienen estos programas es que si no sabes nada de HTML el diseño de tu página va a estar algo limitado, porque con el editor gráfico se pueden hacer cosas básicas o intermedias, pero para funciones más complicadas es muy recomendable saber un poco de HTML.

Usar un editor de textos o de HTML

Si sabes HTML una buena opción es programar tú mismo todo el código de tu web mediante editores de código fuente como el Block de notas de Windows (no está diseñado para eso pero puede usarse), o algunos un poco más especializados como Notepad. Éste último te colorea el código de diferentes tonos según el tipo de código que tenga la página, lo cual resulta muy útil para buscar fragmentos de un vistazo.

• Los editores de texto son programas simples pero muy eficaces que permiten guardar documentos de texto sin formato. Al no ofrecer ningún tipo de guía visual, al contrario que los editores HTML o WYSIWYG, son los más complicados de utilizar para los que empiezar a hacer páginas web.
• Los editores de HTML son básicamente editores de texto diseñados específicamente para hacer páginas web, por tanto traen incorporadas funcionalidades que no tienen los editores de texto genéricos, y que facilitan mucho las cosas.

Otros recursos para hacer tus webs

Usar plantillas prefabricadas (templates)

Una plantilla prefabricada (o template) es un diseño ya hecho listo para que lo personalices y adaptes a tu web. En realidad el diseño ya está hecho, osea que no tendrás que “hacer la web” literalmente, pero en tus manos está adaptarlo exáctamente a lo que quieras. Obviamente para adaptarlo a tus necesidades tendrás que utilizar un editor WYSIWYG o HTML, según tus gustos.

Las plantillas web se pueden encontrar en varios formatos, como Photoshop o HTML. En la mayoría de los casos, estos templates son compatibles con los editores web más conocidos, como Dreamweaver o FrontPage, por lo que pueden modificarse tranquilamente.

Las plantillas web son una forma de conseguir un diseño atractivo sin necesidad de tener muchos conocimientos de desarrollo de páginas web, o también una forma de inspirarte para crear tu propio diseño (mirando lo que han hecho otros pueden surgirte ideas).

ADOBE DREAMWEAVER

Algunos sitios de templates bastante populares son: Template Monster, Open Source Web Design o Template World.

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) enfocada a la construcción y edición de sitios y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems). Es el programa de este tipo más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer, y no validaba como HTML estándar. Esto se ha ido corrigiendo en las versiones recientes.

Adobe Dreamweaver permite crear sitios de forma totalmente gráfica, y dispone de funciones para acceder al código HTML generado. Permite la conexión a un servidor, a base de datos, soporte para programación en ASP, PHP, Javascript, cliente FTP integrado, etc.

Adobe Dreamweaver es la principal competencia de Microsoft FrontPage

 

Aportacion por: Aideé Evelyn Pérez Gomez