Este documento proporciona información sobre el lenguaje HTML y el programa Dreamweaver. Explica que HTML se utiliza para crear páginas web y consiste en etiquetas que el navegador interpreta. Dreamweaver es un editor WYSIWYG que permite crear y editar páginas web de forma visual sin necesidad de escribir código HTML directamente. El documento también describe algunas características y herramientas de ambos.
1. LENGUAJE HTML Y DREAMWEAVER
El lenguaje HTML (hypertext
markup language) se utiliza para el
desarrollo y creación de páginas
web. Se compone de una serie de
etiquetas que el navegador
interpreta.
Entre las etiquetas que se incluyen
dentro del lenguaje HTML se
encuentran: hipervínculos,
etiquetas para imágenes, saltos de
página, entre otras.
Orígenes del lenguaje HTML
Su origen se remonta a 1991, cuando Tim Berners-Lee lo publicó
por primera vez en internet en un documento al que llamó
Etiquetas HTML.
En ese documento se describen 22 etiquetas que mostraban un
diseño inicial y sencillo de este lenguaje.
En la actualidad, aún se conservan algunos de estos elementos y
muchos otros se han ido incorporando con el paso de los años.
Son varias las versiones que han existido de HTML desde que se
introdujo en internet. En cada una de ellas se van ampliando y
desarrollando nuevas funcionalidades.
¿Qué es una etiqueta?
Las etiquetas HTML son fragmentos de texto rodeados por
corchetes angulares cuyo uso es el de escribir código HTML.
Se diferencian dos tipos de etiquetas:
1. Etiquetas de apertura. <etiqueta>
2. Etiquetas de cierre. </etiqueta>
2. Elementos del lenguaje HTML
Se distinguen varios componentes: elementos y atributos.
Elementos: desarrollan la estructura de las páginas
webs. Los elementos h1, h2, h3, h4, h5 y h6 se utilizan para
crear encabezados. Por orden jerárquico h1 representa el
primer nivel y, normalmente, el texto más grande, h2 es el
segundo nivel con un texto algo más pequeño, así hasta
llegar al h6 que es el texto más pequeño de todos.
Atributos: los atributos de las etiquetas HTML
definen detalles de comportamiento o presentación de la
etiqueta donde van colocados. Se escriben dentro de la
propia etiqueta con su nombre de atributo y el valor del
atributo entre comillas.
Ventajas y desventajas del lenguaje HTML
En la actualidad siguen habiendo versiones nuevas cada cierto
tiempo con nuevas funcionalidades ya que es un lenguaje muy
utilizado por programadores, especialmente, para desarrollar
proyectos web. Se pueden encontrar algunas ventajas y
desventajas de su uso.
1. Ventajas: permite
describir hipertexto, tiene
un despliegue rápido, lo
reconoce y admite
cualquier tipo de
explorador y permite
archivos pequeños.
2. Desventajas: el diseño
es más lento, tiene un
lenguaje estático y las
etiquetas son limitadas.
3. DREAMWEAVER
Adobe Dreamweaver es una aplicación informática destinada a la
construcción, diseño y edición de sitios y aplicaciones Web
basados en estándares. Este programa fue creado inicialmente por
Macromedia y tras la desaparición de esta compañía pasó a
manos de Adobe Systems.
Destacó su integración con otras herramientas como Adobe Flash
y más recientemente, su soporte de los estándares del World Wide
Web Consortium.
Sus principales competidores son Microsoft Expression Web y
BlueGriffon (que es de código abierto) y tiene soporte tanto para
edición de imágenes como para animación. 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
estricto. Esto se ha ido corrigiendo en las versiones recientes.
Se vendía como parte de Adobe Creative Suite CS, y desde 2013
pasó de la venta al modelo de suscripción integrándose en Adobe
Creative Cloud CC
La gran ventaja de este editor sobre otros es su gran poder de
ampliación y personalización, puesto que sus rutinas (como
insertar un hipervínculo, una imagen o añadir un comportamiento)
están hechas en Javascript-C, lo que le ofrece una gran
flexibilidad. Esto hace que los archivos del programa no sean
instrucciones de C++ sino rutinas de Javascript lo que permite que
programadores y editores web hagan extensiones para su
programa según sus necesidades.
Las versiones originales de la aplicación se utilizaban como
simples editores WYSIWYG. Sin embargo, versiones más recientes
soportan otras tecnologías web como CSS, JavaScript y algunos
frameworks del lado servidor.
4. Dreamweaver ha tenido un gran éxito desde finales de los años
1990 y actualmente mantiene el 90% del mercado de editores
HTML. Esta aplicación está disponible tanto para la plataforma
Mac como para Windows, aunque también se puede ejecutar en
plataformas basadas en UNIX utilizando programas que
implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el
código HTML de cara al usuario, haciendo posible que alguien no
entendido pueda crear páginas y sitios web fácilmente sin
necesidad de escribir código.
No obstante, Adobe ha aumentado el soporte CSS y otras maneras
de diseñar páginas sin tablas en versiones posteriores de la
aplicación, haciendo que se reduzca el exceso de código.
Dreamweaver permite al usuario utilizar la mayoría de los
navegadores Web instalados en su ordenador para previsualizar
las páginas web. También dispone de herramientas de
administración de sitios dirigidas a principiantes como, por
ejemplo, la habilidad de encontrar y reemplazar líneas de texto y
código por cualquier tipo de parámetro especificado, hasta el sitio
web completo. El panel de comportamientos también permite
crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó
herramientas de creación de contenido dinámico en Dreamweaver.
En lo fundamental de las herramientas HTML WYSIWYG, también
permite la conexión a Bases de Datos como MySQL y Microsoft
Access, para filtrar y mostrar el contenido utilizando tecnología de
script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP
(JavaServer Pages) y PHP sin necesidad de tener experiencia
previa en programación.
5. También podría decirse que, para un diseño más rápido y a la vez
fácil, podría complementarse con Fireworks en donde se podría
diseñar un menú u otras creaciones de imágenes (gif web, gif
websnap, gif adaptable, jpeg calidad superior, jpeg archivo más
pequeño, gif animado websnap) para un sitio web y después
exportar la imagen creada y así utilizarla como una sola en donde
ya llevará los vínculos para dicho sitio.
6. REDCORPORATIVA
La red corporativa permite conectar todas las localizaciones de la
empresa de una forma permanente, privada, segura y fiable a
través de la fibra óptica de R y mediante la tecnología MPLS. El
produto red corporativa es una red privada virtual MPLS que
permite a la empresa cursar todas sus comunicaciones, ya sean
datos, voz, vídeo o imágenes, de un modo rápido, seguro y
totalmente gestionado por Rla red IP/MPLS de R está preparada
para dar “calidad de servicio”. De esta forma aseguramos el
correcto tratamiento a los distintos tipos de tráfico (por ejemplo,
la voz o el vídeo interactivo).además, permite a través de un panel
de control conocer en cualquier momento el estado de la red. la
movilidad tampoco será un problema, ya que se dispondrá de
usuarios móviles mediante los cuales se accede a la red privada
desde cualquier lugar tan sólo disponiendo de un acceso de
internet. Todo esto con la mayor seguridad.
7. CARACTERISTICAS
Una red corporativa típica tiene las siguientes características:
Muchos segmentos de LAN con una red troncal (por ejemplo, un
segmento en cada piso o ala de varios edificios).
Más de un protocolo de red.
Áreas configuradas con Abrir la ruta de acceso más corta primero
(OSPF, Open Shortest Path First).
Conexiones de acceso telefónico para usuarios que establezcan
una conexión desde su casa o mientras viajan.
Conexiones de línea concedida con sucursales.
Conexiones de marcado a petición con sucursales.
Conexiones con Internet.
8. Una red corporativa utiliza normalmente diferentes tipos de
medios de red. Los diferentes segmentos de la oficina pueden
utilizar redes Ethernet o Token Ring de 10 megabits por segundo
(Mbps), pero la red troncal que se utiliza para conectar con las
diferentes redes y servidores de host está formada normalmente
por redes Ethernet de 100 Mbps o una Interfaz de datos
distribuidos por fibra (FDDI, Fiber Distributed Data Interface). Las
conexiones con redes externas (Internet) se establecen a través
de líneas concedidas o de servicios de conmutación de paquetes
como Frame Relay. Las conexiones con sucursales se establecen
a través de medios conmutados (ISDN (RDSI) o módems
analógicos), medios dedicados (líneas concedidas o Frame Relay)
o Internet.
Para conectar con las sucursales de la red corporativa a través de
Internet también puede utilizar un protocolo de túnel, como
muestran el Enrutador 10 y la Red G. Para obtener más
información acerca de este tipo de configuración, vea Sucursal a
través de Internet.
9. COMPARTIR RECURSOSY ATRIBUTOS
Los recursos compartidos ofrecen a los usuarios acceso a
archivos y carpetas mediante la red. Los usuarios pueden
conectar con el recurso compartido por la red y acceder a lo que
contienen: aplicaciones y datos públicos o del usuario. Utilizando
carpetas de aplicaciones compartidas centralizas la
administración y puedes instalar y mantener aplicaciones en el
servidor de equipos clientes. Usando las carpetas de datos
compartidas ofreces un lugar central para el acceso común de los
usuarios a los archivos y facilitar las copias de seguridad de los
datos contenidos en dichos archivos.
Un recurso compartido es cuando hacemos que una carpeta sea
accesible desde la red y para múltiples usuarios simultáneamente.
Después de que una carpeta se comparte, los usuarios podrán
acceder a todos los archivos y subcarpetas que contiene, si estos
tienen los permisos adecuados.
10. Podemos tener los recursos compartidos en un servidor de
archivos o en cualquier máquina de la red. Almacenar los archivos
según categoría o función.
Las características más comunes de los recursos compartidos
son:
Aparece en Windows Explorer como un icono de una mano
ofreciendo una carpeta.
Sólo podemos compartir carpetas, no archivos individualmente. Si
varios usuarios han de acceder al mismo archivo, se coloca en una
carpeta y se comparte la misma.
Cuando compartimos una carpeta, el permiso de lectura se asigna
al grupo ‘Todos’ como un permiso predefinido. Quitar el predefinido
y asignar otros permisos a los grupos deseados es necesario.
Si añadimos usuarios o grupos a una carpeta compartida, el
permiso predefinido es de lectura.
Cuando copiamos una carpeta compartida, la original continua
compartida pero no así la copia. Si movemos la carpeta a otra
situación, perderá el atributo de compartida.
11. SERVICIO IIS (HTTP)
Internet Information Services o IIS1 es un servidor web y un
conjunto de servicios para el sistema operativo Microsoft
Windows. Originalmente era parte del Option Pack para Windows
NT. Luego fue integrado en otros sistemas operativos de Microsoft
destinados a ofrecer servicios, como Windows 2000 o Windows
Server 2003. Windows XP Profesional incluye una versión limitada
de IIS. Los servicios que ofrece son: FTP, SMTP, NNTP y
HTTP/HTTPS.2
Este servicio convierte a un PC en un servidor web para Internet o
una intranet, es decir que en los ordenadores que tienen este
servicio instalado se pueden publicar páginas web tanto local
como remotamente.
Se basa en varios módulos que le dan capacidad para procesar
distintos tipos de páginas. Por ejemplo, Microsoft incluye los de
Active Server Pages (ASP) y ASP.NET. También pueden ser
incluidos los de otros fabricantes, como PHP3o Perl.4
12. Características
Entre sus características destaca la rica dotación de instrumentos
satélite al servidor WEB, así como características de arquitectura
completamente renovades respecto a las versiones precedentes.
Una de las características más importantes es la presencia del
protocolo HTTP 1.1 que ofrece sensibles mejoras de las
prestaciones, disminuyendo los tiempos de respuesta en la
transmisión.
Las noveDefaults del protocolo HTTP1.1 residen en algunos de los
elementos que lo componen, tales como el Pipeling, las
conexiones persistentes, las transferencias por bloques
CHUNKED, el soporte para el proxy.