Programación Web » Aprender HTML » Unidad 2. Elementos de un sitio Web:

Tecnología de Internet

Visto: 1,162

internet

No tiene que saber programación para dedicarse a crear sitios Web. A continuación estudiará una serie de tecnologías asociadas con el desarrollo Web.

En realidad, lo único que necesita desde el punto de vista del software es conocer un editor HTML como Dreamweaver o el propio HTML y las CSS (Hojas de Estilo en Cascada).

Lo que decida añadir depende sólo de Usted.

No es posible predecir con precisión la configuración del sistema que utilizarán los visitantes del sitio. Los usuarios potenciales tienen una extensa variedad de sistemas informáticos, por lo que no podrá controlar cómo se visualizará su sitio en cada equipo.

Considere que los colores y las fuentes pueden verse de diferente manera según el navegador el monitor o la plataforma del visitante.

Tampoco puede garantizar que los elementos se vean del mismo tamaño, porque este es un factor que depende de las resoluciones.

Muchas computadoras están configurados por debajo de sus posibilidades reales, y muchos propietarios desconocen que pueden modificar las propiedades de pantalla del monitor para mejorar la visibilidad.

Dreamweaver y su entorno de desarrollo integrado.

Para diseñar, desarrollar y realizar el mantenimiento de aplicaciones y sitios Webs basados en estándares, Dreamweaver es el favorito de millones de profesionales del mundo entero, desde los diseñadores y desarrolladores Web, hasta los diseñadores gráficos.

Básicamente Dreamweaver es generador de código que permite además realizar automáticamente cambios en el código. Esto acelera notablemente el proceso de trabajo, ya que puede comprobar el resultado sin abandonar el entorno de trabajo.

Utilizando un editor como Dreamweaver es posible crear una página Web completa sin escribir manualmente ni una sola línea de código; aunque es posible que no tenga más remedio que acudir al código si es que necesita solucionar manualmente algún problema, como los que suelen provocar las incompatibilidades entre navegadores.

Dreamweaver está integrado en un entorno de desarrollo llamado Adobe Creative Suite. Aunque las páginas Web puedan programarse manualmente, un programa como Dreamweaver facilita mucho las cosas.

Los entornos de desarrollo evitan gran parte del trabajo.

El entorno de desarrollo de esta Suite incluye los siguientes programas:

  • Dreamweaver, para generar HTML, CSS y JavaScript
  • Fireworks y Photoshop, para crear y optimizar las imágenes
  • Flash, para crear animaciones o sitios Web completos, incluidos sitios orientados a datos.

Software para crear y procesar imágenes.

Crear imágenes para la Web no es igual que crear imágenes para imprimir. El éxito de un sitio Web depende en gran medida de la optimización y procesamiento de sus imágenes.

Adobe Photoshop y Fireworks, son los programas recomendados del entorno de desarrollo de Dreamweaver.

Adobe Photoshop

El líder indiscutible del mercado de procesamiento de imágenes es Adobe Photoshop, proporciona todo un arsenal de herramientas para crear editar y retocar imágenes y fotografías.

Photoshop ha dejado de ser una herramienta únicamente usada por los diseñadores, y se ha convertido en una herramienta preferida de los fotógrafos profesionales de todo el mundo.

El auge de la fotografía digital ha consolidado la popularidad de este programa.

Aunque el propósito principal de Photoshop es el retoque y composición de imágenes, también puede usarse para crear efectos y gráficos de muy buena calidad y para optimizar las imágenes.

Adobe Fireworks

Es un programa de imágenes para la Web que combina un programa de dibujo con un editor de imagen y herramientas de vectores para crear ilustraciones.

Una herramienta eficaz para crear y optimizar imágenes, así como para diseñar rápidamente prototipos de sitios.

Adobe Flash

Aunque Flash fue en sus inicios un programa de animación de gráficos, con el tiempo se ha consolidado como una tecnología para crear aplicaciones Web completas.

Flash permite diseñar efectos especiales en las páginas Web, enriqueciendo su dinamismo e interactividad, y desarrollando desde la navegación del sitio, hasta el acceso a bases de datos del lado del servidor.

Puede realizarse un sitio, hasta el acceso a bases de datos del lado del servidor.

Puede realizarse un sitio completamente el Flash, y hay literatura para aprender a hacerlo. El programa se ha convertido en una herramienta excelente para desarrollar aplicaciones y contenidos para Internet.

De cualquier forma, cuando se habla de crear animaciones, sonidos y efectos interactivos, Flash es el líder indiscutible por sus animaciones de poco tamaño gracias a sus formatos vectoriales. Considere las ventajas y desventajas de cada alternativa y sus propios conocimientos.

NOTA:
Para que su navegador pueda visualizar los videos Flash, debe instalar previamente un Plugin de Flash Player.

NOTA:
Puede encontrar una versión de prueba gratuita de la suite en la página Web de Adobe. Tecnologías del lado del cliente.

Se conoce como cliente el ordenador del usuario donde está instalando el navegador que muestra el resultado de una búsqueda  de una página Web por su monitor.

Los lenguajes del lado del cliente son aquellos que pueden ser directamente entendidos por el navegador, sin ningún tratamiento previo.

Artículos de navegación

Acerca del Profesor

Adrián Delgado Rodríguez

Ingeniero en Computación, docente por convicción y apasionado por la programación Web.

Actualmente trabaja como Profesor para en el Centro Universitario de la Costa de la Universidad de Guadalajara y como Desarrollador Web.

Síguenos:

 

Ver el perfil completo de Hugo Adrián Delgado Rodríguez (akus.net).

Deja un comentario

avatar comentario
jose
Lo que decida añadir depende sólo de Usted.
avatar comentario
jose
Lo que decida añadir depende sólo de Usted.




Diseño de páginas Web en Puerto Vallarta y Bahía de Banderas akus.net
subir

Síguenos en Facebook

Artículo de la semana

Cómo iniciar una página WebMetodología para la creación de sitios

Comprende las fases de Análisis, Planificación, Contenido, Diseño. ¿Qué método utilizas?