¿Que es Diseño Web?
Es una actividad que consiste en la planificación,
diseño e implementación de sitios web y páginas web. Requiere tener en
cuenta cuestiones tales como navegabilidad, interactividad, usabilidad,
arquitectura de la información y la interacción de medios como el audio, texto,
imagen y video.
¿como se puede conseguir?
- Creando directamente el código HTML con un procesador de texto plano, como el mismo Bloc de Notas de Windows.
- Utilizando un programa WYSIWYG de creación de páginas como Adobe GoLive, Macromedia Dreamweaver, NVU oMicrosoft Frontpage.
- Utilizando lenguajes de programación del lado del servidor como ASP.NET, JSP, PHP, Perl, etc para generar la página web
- Usando un sistema CMS que permite separar el contenido del diseño y que permite al diseñador generar solamente las plantillas, de modo que el contenido sea administrado en un área separada.
Aplicaciones web
las aplicaciones web son aquellos programas que funcionan a través de un navegador web es decir, se ejecutan de forma online.
Algunas ventajas:
- Ahorra tiempo: Se pueden realizar tareas sencillas sin necesidad de descargar ni instalar ningún programa.
- No ocupan espacio en nuestro disco duro.
- Multiplataforma: Se pueden usar desde cualquier sistema operativo porque sólo es necesario tener un navegador.
- Los virus no dañan los datos porque éstos están guardados en el servidor de la aplicación.
Algunos ejemplos son:
- webmails
- wikis
- weblogs
- tiendas en línea
- Wikipedia
Programas de Diseño Web
Editor HTML: Adobe Dreamweaver
Sé lo que estás pensando: que Adobe Dreamweaver es una herramienta bastante compleja con muchas opciones y posibilidades. Pues bien, tienes razón. Pero ello no quita que también sea ampliamente intuitiva, bastante fácil de utilizar y que tenga el beneficio extra que (debido a su popularidad) haya una enorme cantidad de tutoriales en Internet.
Así, este programa te ayudará a crear el esqueleto de tu sitio, la arquitectura que sostendrá a todo lo demás. Además, sus diferentes modos de edición te permitirán aprender tus primeras etiquetas HTML, te acostumbrarás a ver líneas de código y comprenderás los fundamentos básicos de la construcción de la web.
Dashcode
Este editor viene con el Xcode que es el IDE de la Apple
para hacer aplicaciones en el iPhone (proyecto que he dejado de lado por el
momento). Es un editor muy simple para CSS o HTML, lo pondría un peldaño debajo
de Textwrangler por que no tiene la opción del menú lateral (navegador) y
carece de cualquier opción de autocompletar.
Coda
Es uno de mis editores favoritos por que tiene AUTO-COMPLETE tanto para HTML, PHP, CSS y MySQL, que es lo que usamos para nuestros diseños Web. Me gusta que para cada proyecto tengo un menú lateral en donde puede utilizar los assets del diseño Web en el cual uno se encuentra trabajando. Tiene funcionalidad de FTP incluida, lo cual nuevamente, hace muy fácil subir los cambios si la información de FTP se encuentra configurada. Otro punto a favor es que muestra claramente errores de sintaxis (útil en PHP sobre todo) cuando no ha cerrado apropiadamente alguna parte del código.
HTML:
El lenguaje html contiene dos partes:
HTML es el acrónimo de HyperText Markup Language (Lenguaje
de Marcado de Hipertexto) y es el lenguaje que se utiliza para crear las páginas web. Este
lenguaje indica a los navegadores cómo
deben mostrar el contenido de una página web.
- el contenido, que es el texto que se verá en la pantalla de un ordenador,
- y las etiquetas y atributos que estructuran el texto de la página web en encabezados, párrafos, listas, enlaces, etc. y normalmente no se muestra en pantalla.
