Definir un sitio:

Definir nuestro sitio nos ayuda a administrarlo de forma mucho mas sencilla.

Minimizar código:

Cuando tenemos demasiado código escrito puede ser interesante la opción de minimizar partes del mismo para que no molesten, esto se hace seleccionando el código a minimizar y pulsando en el guión que aparece a la izquierda.

Fragmentos:

Podemos utilizar fragmentos de código procreados o crear nuestros propios fragmentos de uso común para no tener que escribir repetidas veces el mismo código en diferentes lugares y páginas. Esta acción se realiza en el menú de fragmentos en la parte superior izquierda de Dreamweaver.

FTP:

Dreamweaver nos ofrece un propio cliente ftp, que una vez configurado correctamente(Sitio->Administrar sitios) nos permite trabajar directamente en el servidor.

Usar templates:

El uso de templates hace que tengamos una plantilla de nuestro sitio, así cuando tenemos que realizar cambios no hace falta modificar todo.

Con la opción make template podemos crear una plantilla del estado actual de nuestra web, y con la opción editable region podremos seleccionar que partes serán editables de nuestra plantilla.

Verificar compativilidad con navegadores web y vista previa:

Esta opción nos permite visualizar el la apariencia y funcionamiento de nuestra web en distintos navegadores.

validar documentos:

Con esta característica podremos validar los documentos de nuestra web de forma muy sencilla, sin necesidad de programas externos.

Usar caracteres especiales en HTML:

Podemos seleccionar en la opción insertar->text varios caracteres especiales como tildes.

Regla:

Si seleccionamos la regla nos aparecerán unas lineas que nos ayudan a mantener uniforme el diseño de nuestra página.

CSS:

Con la opción de estilos CSS(arriba a la derecha) podemos adjuntar archivos .css a nuestra pagina con facilidad, y manejar gráficamente la apariencia de nuestro sitio.

Atajos:

F10 -> Ver código

F12 -> Mostrar en el navegador

shift+Enter -> Añadir <br/>

ctrl+shift+espacio -> &nbsp; (espacio en blanco)

más

CodeIgniter_2.1.4

Dreamweaver

Acerca de Dreamweaver…

Dreamweaver es una aplicación enfocada a la creación y edición de sitios y aplicaciones web(diseñada para la edición de código php,html,…). Es una de las aplicaciones mas utilizadas en el mundo del diseño y de la programación web, una de las características mas atractivas de este editor de código es su alto nivel de personalización, ya que sus rutinas están creadas en JavaScript; por este motivo existen numerosas extensiones gracias a una gran comunidad de desarrolladores que apoyan a este programa.

Esta aplicación creada por Macromedia (aunque actualmente está en poder de Adobe) permite la previsualización de las paginas creadas en practicamente todos los navegadores que tengamos instalados.  Además nos deja insertar archivos multimedia con relativa sencillez y proporciona diversas herramientas de administración que nos facilitan mucho el trabajo, por ejemplo dispone de una para encontrar y reemplazar lineas de código rápidamente y de forma sencilla, o nos permite crear JavaScript básico sin necesidad de demasiados conocimientos de código. Aparte añade la posibilidad de ocultar el código HTML al usuario, lo que posibilita la creación de sitios web a usuarios que no tengan conocimientos de código, y sin la necesidad de escribirlo(pero con el inconveniente de que añade bastante código inútil al sitio).

Dreamweaver tiene soporte de los estándares de la W3C(Worldwide Web Consortium), sumado a su integración con otras herramientas como Adobe Flash la hacen una aplicación muy atractiva.

Como usar Dreamweaver…

Instalación:

El primer paso para poder utilizar un programa, sea este o cualquier otro, es su instalación. El Dreamweaver nos ofrece una versión gratuita durante 30 días que nos será muy útil para poder probarlo y confirmar que nos parece adecuado y nos resultara práctico para nuestro trabajo antes de decidirnos a comprarlo.

Instalar este software es no tiene mas misterio que el de seguir los pasos que nos indica el instalador como en cualquier otro programa, aunque necesitaremos crear una cuenta de Adobe(gratuitamente) para poder disfrutar de esta versión de prueba.

*Adjuntaré unas capturas para solventar posibles dudas que surjan mediante la instalación.

Primeros pasos:

Lo primero que hay que hacer antes de crear nuestro sitio web es tener una carpeta donde tenerlo todo ordenado, para ello elegimos la ubicación donde queremos guardar nuestro sitio y creamos una carpeta con un nombre que la identifique, dentro de esa carpeta podremos crear diferentes subcarpetas al gusto de cada uno para ordenar los elementos de nuestro sitio, yo recomiendo tener cada tipo de archivos separado por extensiones: php(vistas, clases, index, controladores,…), html, css, Javascript, etc; dejando a parte las imágenes y cosas por el estilo.

Este programa nos dala opción de crear una web con un entorno completamente gráfico, y da la posibilidad de adentrarse en el mundo del diseño web sin necesidad de saber demasiado.

Cuando creamos un sitio web hay que empezar por el index, así que lo primero será crear un archivo index.html y colocarlo en el raíz donde vamos a crear nuestra web.

Para empezar e ir probando el programa, lo mejor es ir creando objetos sencillos como tablas, algún formulario, añadir botones, etc; cosas muy básicas para ir conociendo el programa y aprender sobre como trabaja.

Capturas de la instalación: Leer más ›