FUNDAMENTOS DE

LA CREACIÓ N DE
SITIOS WEB
ENSAYOS
 INTRODUCCIÓN

El internet llamada alrededor del mundo la red de redes, podríamos mencionar que ha llegado en nuestra
actualidad un alcance inimaginable por el ser humano.

Sencillamente internet es una red de ordenadores, estructurada por varios elementos por los que se puede
acceder con un computador a cualquiera de los ordenadores de internet con solo un clic.

Debido a que internet ha sido posible conectarse a cualquier parte del mundo en tiempo real y realizar por
ejemplo, video conferencias.

Es de conocimiento de la comunidad de usuarios de que utilizan de manera libre internet, no tiene dueño ni

pertenece a ninguna compañía; existe un alto porcentaje de países conectados permanentemente por
ordenadores.

1
 HISTORIA DEL INTERNET

Los inicios de Internet nos remontan a los años 60. En plena guerra fría, Estados Unidos crea una red
exclusivamente militar, con el objetivo de que, en el hipotético caso de un ataque Ruso, se pudiera tener
acceso a la información militar desde cualquier punto del país. Esta red se creó en 1969 y se llamó ARPANET.
En principio, la red contaba con 4 ordenadores distribuidos entre distintas universidades del país. Dos años
después, ya contaba con unos 40 ordenadores conectados. Tanto fue el crecimiento de la red que su sistema
de comunicación se quedó obsoleto. Entonces dos investigadores crearon el Protocolo TCP/IP, que se
convirtió en el estándar de comunicaciones dentro de las redes informáticas (actualmente seguimos
utilizando dicho protocolo).Las funciones militares se desligaron de ARPANET y fueron a parar a MILNET, una
nueva red creada por los Estados Unidos. La NSF (National Science Fundation) crea su propia red informática
llamada NSFNET, que más tarde absorbe a ARPANET, creando así una gran red con propósitos científicos y
académicos. 
El desarrollo de las redes fue abismal, y se crean nuevas redes de libre acceso que más tarde se unen
a NSFNET, formando el embrión de lo que hoy conocemos como INTERNET.

En el Centro Europeo de Investigaciones Nucleares (CERN), Tim Berners Lee dirigía la búsqueda de un

sistema de almacenamiento y recuperación de datos. Berners Lee retomó la idea de Ted Nelson  (un
proyecto llamado "Xanadú”) de usar hipervínculos. Robert Caillau quien cooperó con el proyecto, cuanta
que en 1990 deciden ponerle un nombre al sistema y lo llamarón World Wide Web (WWW) o telaraña
mundial.

La nueva fórmula permitía vincular información en forma lógica y através de las redes. El contenido se
programaba en un lenguaje de hipertexto con "etíquetas" que asignaban una función a cada parte del
contenido. Luego, un programa de computación, un intérprete, eran capaz de leer esas etiquetas para
desplegar la información. Ese intérprete sería conocido como "navegador" o "browser".En 1993  Marc
Andreesen produjo la primera versión del navegador "Mosaic", que permitió acceder con mayor naturalidad
a la WWW.La interfaz gráfica iba más allá de lo previsto y la facilidad con la que podía manejarse el
programa abría la red a los legos. Poco después Andreesen encabezó la creación del programa Netscape.

A partir de entonces Internet comenzó a crecer más rápido que otro medio de comunicación, convirtiendose
en lo que hoy todos conocemos. La infraestructura de Internet se esparció por el mundo, para crear la
moderna red mundial de computadoras que hoy conocemos. Atravesó los países occidentales e intentó una
penetración en los países en desarrollo, creando un acceso mundial a información y comunicación sin
precedentes, pero también una brecha digital en el acceso a esta nueva infraestructura. Internet también
alteró la economía del mundo entero, incluyendo las implicaciones económicas de la burbuja de las .com.

1
CRONOLOGIA DEL INTERNET:

Año Evento
195 La compañía BELL crea el primer módem que permitía transmitir datos binarios sobre una línea
8 telefónica simple.
196 Leonard Kleinrock del Massachusetts Institute of Technology publica una primera teoría sobre la
1 utilización de la conmutación de paquetes para transferir datos.
196 Inicio de investigaciones por parte de ARPA, una agencia del ministerio americano de Defensa,
2 donde J.C.R. Licklider defiende exitosamente sus ideas relativas a una red global de computadoras.
196 Leonard Kleinrock del MIT publica un libro sobre la comunicación por conmutación de paquetes para
4 implementar una red.
196 Primera conferencia sobre ARPANET
7
196 Conexión de las primeras computadoras entre 4 universidades americanas a través de la Interface
9 Message Processor de Leonard Kleinrock
197 23 computadoras son conectadas a ARPANET. Envío del primer correo por Ray Tomlinson.
1
197 Nacimiento del InterNetworking Working Group, organización encargada de administrar Internet.
2
197 Inglaterra y Noruega se adhieren a Internet, cada una con una computadora.
3
197 Creación de los NewsGroups (foros de discusión) por estudiantes americanos.
9
198 Definición del protocolo TCP/IP y de la palabra «Internet»
2
198 Primer servidor de nombres de sitios.
3
198 1000 computadoras conectadas.
4
198 10000 computadoras conectadas.
7
198 100000 computadoras conectadas.
9
199 Desaparición de ARPANET
0
199 Se anuncia públicamente la World Wide Web
1
199 1 millón de computadoras conectadas.
2
199 Aparición del navegador web NCSA Mosaic
3
199 10 millones de computadoras conectadas.
6
200 Explosión de la Burbuja punto com
0

1
Apertura de la Red al Comercio:

Durante los finales de los años ochenta se formaron las primeras compañías Internet Service Provider (ISP).
Compañías como PSINet, UUNET, Netcom, y Portal Software se formaron para ofrecer servicios a las redes
de investigación regional y dar un acceso alternativo a la red, e-mail basado en UUCP y Noticias Usenet al
público. El primer ISP de marcaje telefónico, world.std.com, se inauguró en 1989.

LOS LENGUAJES DE MARCAS

Los lenguajes de marcas, también denominados lenguajes de marcado o lenguajes de descripción de

documentos, construyen un conjunto de reglas que definen todo aquello que es parte de un  documento
digital, pero que no pertenece al texto del mismo. Los lenguajes de marcas no son lenguajes de formato
similares a los lenguajes que se usan en Internet como los de descripción de páginas (archivos
PostScript, archivos pdf, etc.) ni son lenguajes de  programación (Java, Perl, C++...), sino que se trata de
lenguajes orientados a definir la estructura y la semántica de un documento. 

¿Cómo surgen los lenguajes de marcado?:

Dada la gran variedad de formatos existentes a la hora de archivar documentos y de los problemas que se
planteaban cuando se intercambiaban archivos con las consiguientes pérdidas de formato y otras
características, todos estos problemas se intentaron solucionar editando los textos en código ASCII 
(American Standard Code for Information Interchange)  el código de 7 bits que puede representar un
máximo de 128 caracteres, muchos de ellos no imprimibles. Así nació un lenguaje especial normalizado
internacional para la formulación de este tipo de reglas llamado Standard Generalized Markup Language o
SGML. SGML no es pues, un lenguaje en sí mismo, sino un metalenguaje y de él se deriva el lenguaje  HTML o
lenguaje de marcas de hipertexto, y otros muchos lenguajes.

CLASES DE LENGUAS DE MARCADO:

Se suele diferenciar entre tres clases de lenguajes de marcado, aunque en la práctica pueden combinarse
varias clases en un mismo documento. Por ejemplo, el HTML contiene etiquetas puramente
procedimentales, como la B debold (negrita), junto con otras puramente descriptivas ('BLOCKQUOTE, el
atributo HREF). El HTML también incluye el elemento PRE, que indica que el texto debe representarse tal y
como está escrito.

Marcado de presentación:

El marcado de presentación es aquel que indica el formato del texto. Este tipo de marcado es útil para
maquetar la presentación de un documento para su lectura, pero resulta insuficiente para el procesamiento

1
automático de la información. El marcado de presentación resulta más fácil de elaborar, sobre todo para
cantidades pequeñas de información. Sin embargo resulta complicado de mantener o modificar, por lo que
su uso se ha ido reduciendo en proyectos grandes en favor de otros tipos de marcado más estructurados.

Marcado de procedimientos:

El marcado de procedimientos está enfocado hacia la presentación del texto, sin embargo, también es
visible para el usuario que edita el texto. El programa que representa el documento debe interpretar el
código en el mismo orden en que aparece.

Algunos ejemplos de marcado de procedimientos son nroff, troff, TeX. Este tipo de marcado se ha usado

extensivamente en aplicaciones de edición profesional, manipulados por tipógrafos calificados, ya que
puede llegar a ser extremadamente complejo.

Marcado descriptivo:

El marcado descriptivo o semántico utiliza etiquetas para describir los fragmentos de texto, pero sin
especificar cómo deben ser representados, o en qué orden. Los lenguajes expresamente diseñados para
generar marcado descriptivo son el SGML y el XML.

Una de las virtudes del marcado descriptivo es su flexibilidad: los fragmentos de texto se etiquetan  tal como
son, y no tal como deben aparecer. Estos fragmentos pueden utilizarse para más usos de los previstos
inicialmente. El marcado descriptivo también simplifica la tarea de reformatear un texto, debido a que la
información del formato está separada del propio contenido. El marcado descriptivo está evolucionando
hacia el marcado genérico. Los nuevos sistemas de marcado descriptivo estructuran los documentos
en árbol, con la posibilidad de añadir referencias cruzadas.

Tecnologías de internet:

World Wide Web Interfaz de usuario Sindicación Servicios web

HTML GladeXML Atom WSDL
XHTML MXML (Macromedia) RSS XINS
Wireless ML User Interface ML ICE WSCL
Handhelp ML XAML and MyXaml OPML y OML WSFL
RDF XForms SyncML XML-RPC
Meta Content XUL / XBL Webml
Framework

HISTORIA:

Los lenguajes de marcas se llaman así por la práctica tradicional de marcar los manuscritos con instrucciones
de impresión en los márgenes. En la época de la imprenta, esta tarea ha correspondido a los marcadores,

1
que indicaban el tipo de letra, el estilo y el tamaño, así como la corrección de errores, para que otras
personas compusieran la tipografía. Esto condujo a la creación de un grupo de marcas estandarizadas. 

Orígenes:

El concepto de lenguaje de marcas fue expuesto por vez primera por William W. Tunnicliffe en 1967. La
mayor novedad consistía en la separación entre la presentación y la estructura del texto. El editor  Stanley
Fish también expuso ideas similares a finales de los años 1960. Brian Reid, en su disertación de 1980 en
la Carnegie Mellon University, mostró su teoría y una implementación práctica de un lenguaje descriptivo
todavía en uso.

Sin embargo, quien es considerado el padre de los lenguajes de marcas es Charles Goldfarb, investigador
para la compañía IBM. Goldfarb participó en la creación del lenguaje GML, y posteriormente dirigió el
comité que elaboró el estándar SGML, la piedra angular de los lenguajes de marcas.

La popularización: el HTML

En 1991, parecía que los editores WYSIWYG (que almacenan los documentos en formatos

binarios propietarios) abarcarían casi la totalidad del procesamiento de textos, relegando al SGML a usos
profesionales o industriales muy específicos. Este lenguaje era similar a cualquier otro creado a partir del
SGML, sin embargo resultó extraordinariamente sencillo, tanto que el DTD no se desarrolló hasta más tarde.
El HTML es hoy día el tipo de documento más empleado en el mundo. Su sencillez era tal que cualquier
persona podía escribir documentos en este formato, sin apenas necesidad de conocimientos de informática.
Esta fue una de las razones de su éxito, pero también condujo a un cierto caos.

La madurez: el XML

La respuesta a los problemas surgidos en torno al HTML vino de la mano

del XML (eXtensible Markup Language). El XML es un meta-lenguaje que permite crear etiquetas adaptadas
a las necesidades (de ahí lo de "extensible"). El estándar define cómo pueden ser esas etiquetas y qué se
puede hacer con ellas. Es además especialmente estricto en cuanto a lo que está permitido y lo que no, todo
documento debe cumplir dos condiciones: ser válido y estar bien formado.

El XML fue desarrollado por el World Wide Web Consortium, mediante un comité creado y dirigido por Jon
Bosak. El objetivo principal era simplificar el SGML para adaptarlo a un campo muy preciso: documentos en
internet.

La web semántica:

Los lenguajes de marcado son la herramienta fundamental en el diseño de la web semántica, aquella que no
solo permite acceder a la información, sino que además define su significado, de forma que sea más fácil su
procesamiento automático y se pueda reutilizar para distintas aplicaciones.

1
 BROWSERS O NAVEGADOR WEB

Un navegador o navegador web (del inglés, web browser) es una aplicación que opera a través de Internet,

interpretando la información de archivos y sitios web para que éstos puedan ser leídos (ya se encuentre esta
red mediante enlaces o hipervínculos)

La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto,

posiblemente con recursos multimedia incrustados. Los documentos pueden estar ubicados en la
computadora en donde está el usuario, pero también pueden estar en cualquier otro dispositivo que esté
conectado en la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la
transmisión de los documentos (un software servidor web).

Tales documentos, comúnmente denominados páginas web, poseen hipervínculos que enlazan una porción

de texto o una imagen a otro documento, normalmente relacionado con el texto o la imagen.

HISTORIA:

El primer navegador, desarrollado en el CERN a finales de 1990 y principios de 1991 por Tim Berners-Lee, era
bastante sofisticado y gráfico, pero sólo funcionaba en estaciones NeXT.

El navegador Mosaic, que funcionaba inicialmente en entornos UNIX sobre X11, fue el primero que se

extendió debido a que pronto el NCSA preparó versiones para Windows y Macintosh. Sin embargo, poco
más tarde entró en el mercado Netscape Navigator que rápidamente superó en capacidades y velocidad
a Mosaic. Este navegador tuvo la ventaja de funcionar en casi todos los UNIX, así como en
entornos Windows.

Internet Explorer (anteriormente Spyglass Mosaic) fue la apuesta tardía de Microsoft para entrar en el

mercado y consiguió desbancar al Netscape Navigator entre los usuarios de Windows, debido a la
integración del navegador con el sistema operativo, llegando a poseer cerca del 95% de la cuota de
mercado. Netscape Communications Corporation liberó el código fuente de su navegador, naciendo así el
proyecto Mozilla.

El 2 de septiembre de 2008 Google Chrome vio la luz. Es el navegador web desarrollado por Google y

compilado con base en componentes de código abierto como el motor de renderizado deWebKit y
su estructura de desarrollo de aplicaciones (Framework). Google Chrome es el navegador más utilizado en

1
Internet y actualmente posee una cuota de mercado del 27,20%. Está
disponible gratuitamente bajo condiciones de servicio específicas. El nombre del navegador deriva del
término usado para el marco de la interfaz gráfica de usuario ("chrome").

¿Cómo viaja la información en los paquetes de Internet?

Todo comienza con un flujo de información en la computadora, esta información viaja hacia su local propio
de mensajería personal, donde un protocolo de comunicaciones IP lo empaqueta etiqueta y pone en
camino. Cada paquete es limitado en su tamaño, el local de mensajería debe decidir cómo dividir la
información y como empaquetarla, cada paquete necesita una etiqueta describiendo información
importante tales como la dirección del remitente, destinatario y el tipo de paquete que es. Si el paquete va
dirigido a internet, se le añade una etiqueta más para el servidor proxy. En seguida los datos abandonan
nuestra máquina y salen hacia la red cableada de nuestra corporación, el paquete es lanzado hacia la red de
área local (LAN) esta red es usada para conectar a todas las computadoras locales, impresoras etc. La LAN es
un lugar nada controlado y desafortunadamente, pueden ocurrir accidentes, colisiones, en la LAN
encontramos toda clase de información: paquetes IP, paquetes Nobel, paquetes Apeltoc. El router local lee
las direcciones y si es necesario, pones los paquetes en otra red. 

El router es el símbolo de control, en un mundo desordenado sin par. Así es él, sistemático, desinteresado,
metódico, conservador y en algunas veces no precisamente rápido, pero exacto casi siempre. Cuando los
paquetes dejan el routeador, siguen su camino a través de la intranet o red corporativa a delante hacia el
Swich routeador. Éste un poco más eficiente que el router, el swich trabaja rápido y suelta los paquetes
enrutando hábilmente por su camino. Similar al trabajo de una máquina de pin ball.Cuando los paquetes
llegan a su destino son recolectados por la interface de red para ser enviados al siguiente nivel en este caso
“El Proxy” El proxy es usado por muchas empresas como un intermediario con la función de establecer y
compartir entre varios usuarios una única conexión de internet y también por razones de seguridad.

EL proxy abre el paquete y busca la dirección Web o URL dependiendo de, si la dirección es admisible, el
paquete se enviara a internet. Quitando aquí la etiqueta que se estableció desde un principio de
empaquetado. Luego el paquete vuelve a la ruta dentro de nuestra LAN. Próximo paso el Firewall. 

El Firewall corporativo o local sirve para dos propósitos: previene imprevisiones, más bien indeseables
provenientes desde internet y evita que información delicada de nuestra computadora sea enviada hacia
internet. Una vez que pasa por el firewall, un router recoge nuestro paquete que lo coloca en un camino o
un ancho de banda mucho más estrecho, en este caso el camino no es lo suficientemente amplio para llevar
todos los paquetes. Ahora, ¿Qué pasa con todos esos paquetes que no logran recorrer todo el camino? Bien,
cuando IP no obtiene un recibo de que el paquete fue recibido a su tiempo debido, simplemente envía un
paquete de reemplazo. 

1
Siguiente paso “EL mundo de Internet” Internet: una telaraña de redes interconectadas la cual se extiende
por todo el orden. Router y Swiches establecen enlaces entre de las redes, aquí es muy distinto a lo que
podemos encontrar dentro de nuestra propia LAN. Allá afuera habita un abundante espacio, abundantes
oportunidades, las nuevas ideas convergen y encuentran suelo fértil que impulsa al desarrollo de sus
posibilidades. A causa de esta libertad algunos peligros nos pueden acechar, no estamos exentos.
Las rutas o caminos que nuestro paquete puede tomar son satelitales, líneas telefónicas o incluso cables
transoceánicos. No siempre toman el camino más corto, pero de cualquier modo llegarán allá. Y sin
embargo, cuando todo trabaja sin problemas, podemos circunnavegar el orden hasta cinco veces en unos
cuantos milisegundos.

HERRAMIENTAS WYSIWYG

HTML:

Si bien hoy en día continúa la discusión acerca de la conveniencia o no de emplear editores WYSISYG o no,
sin entrar en hacer argumentaciones sobre ello, pasaremos a describir una de las herramientas
indispensables para todo diseñador web: los editores HTML.

Algunos diseñadores prefieren seguir escribiendo el código directamente sobre un editor de texto plano, al
estilo del Bloc de Notas de Microsoft, otros prefieren los editores de texto especializados en lenguajes web y
de programación, otros prefieren los editores de texto con ventana de vista previa, mientras que otros
emplean la opción más avanzada, que son los editores WYSIWYG.

Los primeros generan el archivo HTML, las hojas de estilo y los scripts sobre una o varias hojas de texto
plano y valoran los resultados directamente sobre el o los navegadores. Este método es el más primitivo,
aunque no ha perdido vigencia. Durante el aprendizaje de los lenguajes de diseño web y de programación,
todos los centros de enseñanza inician el estudio de HTML,XHTML y CSS con este rudimentario método. Y la
razón es que es el mejor método para conocer a fondo los lenguajes de diseño y programación. La
generación de código a partir de editores de texto plano implica necesariamente la comprensión plena del
funcionamiento del sistema.

El segundo grupo de diseñadores emplean editores de texto, pero que tienen algunas funciones
especializadas en los lenguajes de diseño web y programación, como autocompletado de etiquetas de
cierre, coloreado de acuerdo a la sintaxis del lenguaje, posibilidad de seleccionar las etiquetas de una barra
de herramientas y otras muy variadas. El grupo de diseñadores que optan por la tercera opción, cuenta con
una herramienta en el editor que hace las veces de navegador, por lo que pueden ir viendo los cambios que
van efectuando a medida que los van haciendo.

Los editores WYSIWYG son algo bastante más complejo, y consiste en  (tal como indica la sigla que les da
nombre: What You See Is What You Get. Lo que ves es lo que obtienes) la creación de páginas web
arrastrando y colocando, completado por elementos que permiten modificar los atributos de los elementos
que se van colocando.

 Editores de texto plano y navegador:

1
Los diseñadores web que emplean esta opción desechan la ayuda que constituye el software especializado.
No tiene muchas ventajas sobre el resto de los métodos, solo la certeza de que quienes lo hacen tienen un
pleno dominio de los diferentes lenguajes. Como método de aprendizaje, seguramente sea el mejor, ya que
el conocimiento del lenguaje deja de ser una opción para ser absolutamente obligatorio. Siempre, y no solo
para quienes optan por este sistema de trabajo, es necesario contar con varios navegadores, siendo el
mínimo recomendado de tres, ya que las diferencias en la interpretación del código por parte de los
navegadores, obliga a visualizar las páginas en más de un navegador.

Editores de texto especializados en HTML y CSS:

El desarrollo del diseño web y el creciente número de diseñadores ha planteado la posibilidad de crear

herramientas especializadas en la escritura de códigos. La cantidad de editores de este tipo existentes es
enorme, siendo en su mayoría gratuitos, aunque algunos son de pago o forman parte de paquetes de
software para diseñadores web. Otra característica que los diferencia a unos de otros, es la especialización
en los diferentes lenguajes. Algunos editores tienen soporte casi exclusivamente para HTML, aun cuando
colorean varios lenguajes más, mientras que otros editores tienen herramientas especiales para diferentes
tipos de lenguajes, incluyendo los lenguajes de programación.

Editores de texto especializados con ventana de vista previa:

Comparten muchas de las características descriptas para el grupo de editores anteriores, con el elemento
distintivo de poseer entre sus herramientas un visor en tiempo real (generalmente en la misma ventana que
se escribe el código) que permite al diseñador web observar el resultado de lo que se encuentra escribiendo
sin tener que ir a la ventana del navegador y refrescar la página.

Editores WYSIWIG:

También cuenta entre sus herramientas la edición de los códigos sobre texto plano, aunque su mejor
herramienta es la ventana donde el diseñador realiza las modificaciones arrastrando y soltando con el ratón,
un sistema similar al que se emplea en procesadores de texto como Microsoft Word o Writer.

Algunos de estos editores son de manejo tan sencillo, que para muchas de las tareas propias del diseño de
páginas web no se requiere conocimiento de lenguaje HTML. Sin embargo, a la hora de darle atributos a los
diferentes componentes de la página, el diseñador deberá contar con conocimientos básicos de HTML y CSS.

BLUEFISH :

1
Desarrollado inicialmente para Linux, en la actualidad hay versiones para otros sistemas operativos como
Solaris, MacOS-X y otros, aunque no existe una versión para Microsoft Windows.

La última versión estable es la 1.07 de marzo de 2008:

 Soporta varios archivos abiertos a la vez

 Marcado de sintaxis personalizable para HTML, PHP, JSP, SQL, XML, CSS, Javascript, Python, Perl,
Pascal y otros.
 Asistentes para creación de documentos.
 Asistentes para la creación de tablas y marcos.
 Soporta diferentes juegos de caracteres.
 Diálogos para la inserción de imágenes.
 Traducido a 22 idiomas, entre los que se encuentra el español.
 Gratuito.
 Licencia GPL.

WEAVERSLAVE:

Desarrollado para Windows, es compatible con todas las versiones de este sistema operativo desde
Windows 95.

Última versión estable: 3.9.18 de noviembre de 2005:

 Puede trabajar con varios archivos a la vez.

 Marcado con colores de sintaxis para DHTML, CSS, JS, PHP (4 y 5), MySQL, PERL, C, C++ y otros.
 Ventana de colores.

1
  Totalmente portable
 Inspector de etiquetas.
 Navegador de archivos e imágenes.
 Traducido a varios idiomas (incluidos) entre los que está el español.
 Gratuito.
 Software propietario.
 Editores de texto con ventanas de vista previa

APTANA:

Windows, MacOS-X y Linux.

Panel de vista previa Firefox e Internet Explorer:

 Soporte principal para HTML, XHTML y CSS, aunque también cuenta con herramientas para  Php,
Python, Ruby, CSS, Ajax, HTML y Adobe AIR.

Última versión: 2.0.2 de 2009:

 Marcado de sintaxis por colores.

 Una muy variada serie de herramientas y diálogos.
 Gratuito.
 GNU / GPL.

ARACHNOPHILIA:

Unix, Linux, MacOS-X y Windows 

1
Última versión: 5.4 Octubre de 2009:

 Ventana de vista previa. 

 HTML, CSS, JS, C++, CGI, PERL, Java y otros. 
 Marcado de sintaxis en colores. 
 Gratuito. 
 Software propietario. 

HTML-KIT:

Este software solo es compatible con Microsoft Windows 95:

 Ventana de vista previa múltiple. 

 Validación de código. 
 Cliente FTP.
 HTML, XHTML, XML, CSS, XSL, PHP, ASP, VB, C/C++, SQL, Java, Javascript, Delphi, Perl
 Sugerencias y sistema de corrección de errores.
 Gratis.
 Software propietario.
 Editores WYSIWYG

ADOBE DREAMWEAVER:

Versiones para Windows y MacOS-X.

1
Última versión estable CS4 (10.0) de 2008.

 Se le considera el editor más potente, pero también el más pesado (354 MB antes de instalar) y el
de mayores requerimientos de hardware.
 Requerimientos mínimos: procesador de más de 1 GHz, Windows XP o superior o Mac OS X
v10.4.11–10.5.4, 512 MB de RAM, 1 GB de espacio libre en el disco, pantalla 1280 x 764 con tarjeta
de 16 bits, DVD-ROM, banda ancha para servicios en línea.
 Ventana de visualización.
 Sugerencias de código.
 Herramientas avanzadas para imágenes de Photoshop (PSD).
 Utiliza CSS.
 Datos dinámicos (sencillos) sin empleo de XML ni bases de datos.
 Diseño sin escritura de código (aunque el usuario puede modificar el código manualmente).
 Alto costo (399 USD)
 Software propietario.

NVU:

Última versión estable: 1.0 de junio de 2005:

 Multiplataforma
 Cliente FTP.
 Edición de código fuente.
 Marcos, formularios, tablas, plantillas de diseño, hojas de estilo CSS, etc.
 Gratis.
 MPL / GPL / LGPL.
 Amaya

1
  Multiplataforma
 Última versión: 11.1 de enero de 2009.
 Navegador.
 Genera páginas HTML 4.01, XHTML 1.0, XHTML Basic, XHTML 1.1, HTTP 1.1, MathML 2.0, muchas
características CSS 2.
 Renderizado de imágenes.
 Herramientas para imágenes vectoriales (SVG).
 Edición WYSIWYG.
 Gratuito.
 Licencia W3C.

El HTML editor o editor de páginas web. Los editores web son aplicaciones de software que sirven para
desarrollar páginas web.

Si bien una páginas web (que es escritas en lenguaje HTML) puede ser creada a partir de un simple
procesador de texto, existen programas especializados que facilitan la tarea de los desarrolladores web (web
masters).

En general, existen tres tipos de editores web:

* Editores web de texto: estos ayudan al desarrollador en la escritura del código HTML (y otros códigos de
lenguajes web), proveyendo distintos colores al texto de forma automática, acceso a códigos ya definidos,
ayuda de asistentes, etc.

* Editores web de objetos: estos alternan entre la edición de texto y el uso de objetos para el desarrollo de
una página web.

* Editores web gráficos o WYSIWYG: estos proveen una interfaz gráfica, donde es posible modificar y ver
la página web tal cual se verá en un navegador. Son los editores más fáciles de utilizar.

1
 DIFERENCIAS ENTRE HTM, HTML Y XHTML

El XML sirve para describir información y el HTML sirve para darle formato y presentarla a través de un
navegador. O sea que el XML no es ni será nunca un reemplazo del HTML sino un complemento que sirve
para manejar la información separada del formato.

HTML:

Siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje de marcado

predominante para la construcción de páginas web. Es usado para describir la estructura y el contenido en
forma de texto, así como para complementar el texto con objetos tales como imágenes

XHTML:

Siglas de extensible Hypertext Markup Language (lenguaje extensible de marcado de hipertexto), es el

lenguaje de marcado pensado para sustituir a HTML como estándar para las páginas web.

Su objetivo es avanzar en el proyecto del World Wide Web Consortium de lograr una web semántica, donde
la información, y la forma de presentarla estén claramente separadas.

XML:

Siglas  extensible Markup Language ('lenguaje de marcas extensible'), es un lenguaje de marcas desarrollado

por el World Wide Web Consortium (W3C). XML no ha nacido sólo para su aplicación para Internet, sino que
se propone como un estándar para el intercambio de información estructurada entre diferentes
plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa
imaginable.

1
PAGINAS WEB

1
 “Año de la Inversión para el Desarrollo Rural y la Seguridad Alimentaria”

TEMA:

ENSAYOS Y PAGINA WEB

ASIGNATURA:

INFORMATICA II

DOCENTE:

ING. ZEÑA OLIDEN DANTE

ALUMNO:

ROJAS PONCE, ANDERSON EDUARDO

SECCIÓN:

BI – 1005

HUANCAYO, 09 DE ABRIL DE 2013