4. Organizar tu sitio para trabajar

Bueno, para crear una web, facil, y que este organizada, y llegar facil al fichero querido en nuestra web (cuando esta en el PC proprio) recomiendo, por ejemplo, en el escritorio, hacer una nueva carpeta llamada MiWeb, o como deseas que se llame, y en ella, crear otras subcarpetas siguiendo este ejemplo:

-Archivos: Aqui guardaremos todos los archivos HTML que vayemos elaborando

-CSS: Aqui guardaremos nuestros estilos CSS

-Imagenes: Todas las imagenes de la web…botones, cabecera…

-PSD: Por si acaso queremos modificar una imagen creada para la web, guardar el fichero PSD con el mismo nombre que la imagen aquí, en la carpeta PSD.

Y por ejemplo, una carpeta, donde  guardeis algunas cosas que pensais “esto se me va a olvidar…mejor lo tengo a mano” y alli en esa carpeta poner todos los tutoriales, o paginas utiles que haveis encontrado, o diversas cosas de esas.

3. CSS

Pues el CSS es un invento que permite al crear una web que todas las páginas tengan el mismo tamaño, la misma longitud, anchura y eso, es como hacer el plano de una casa, con las habitaciones, y todo eso…

Para el tutorial de lo básico CSS, publicaré un video, ya que escribiendo es muy largo. El video lo publicaré lo más probable, o hoy mas tarde, o mañana por la mañana, el video esta echo, pero no tengo suficiente velocidad para subirlo (en menos de una eternidad)

De donde proviene el CS4

Bueno, esto no es tan importante saberlo, pero alomejor alguno se lo pregunta…el CS4, proviene de Creative Suite 4, y el nombre completo de por ejemplo, el Photoshop CS4, sería Photoshop Creative Suite 4, asi como CS4 existe CS1, CS2, CS3, y por último CS4.

2. El menú de Dreamweaver CS4

Hola, ¿que tal? en esta entrada os pondré una foto del menú de Dreamweaver y diré que funcción tienen los botónes más importantes de este menú.

Archivo: Desde aqui, podemos crear nuevos documentos, abrir otros ya creados, importar y exportar varias cosas y comprobar nuestra pagina en un navegador, osease entrar en ella como un navegante cualquiera, y ver el “producto final” que hemos creado.

Edición: Lo tipico que suele entrar…cortar, copiar, deshacer, rehacer…

Ver: Acercar, alejar, poner cuadricula, guias, la regla lateral y superior (que indica la longitud y altura, en pixeles, de nuestro documento) y tambien podemos configurar nuestro espacio de trabajo.

Insertar: Etiquetas (más adelante veremos que son y como se usan), imagenes, objetos de formulario (botones, cuadros de escriitura)

Modificar: Desde aquí podemos modificar el CSS de nuestra web (tambien lo veremos más adelante), optimizar unas imagenes, por ejemplo cambiarle el tamaño, o editarla con programa tal, y mas caracteristicas de la manevracion de imagenes.

Formato: El formato del texto (si es titulo, parrafo, mas especies de titulos…), cambiar la fuente, editar el CSS…

Comandos: Esta categoría no la utilizaremos

Sitio: Esta categoría tampoco la utilizaremos

Ventana: Desde aquí, configuramos el espacio de trabajo, y que es lo que se nos va a mostrar en la pantalla sin tener que ir a alguna categoría, esto cada uno lo configura a su gusto

Ayuda: Pues aquí, como bien indica el nombre, estan todas las ayudas que trae el programa, pero bueno, si teneis alguna duda solo hace falta preguntarmelo, y si la sabré (que en el 90% de los casos es si) os la resolveré (la duda o pregunta) yo personalmente.

Y esas son las categorias del menú. En la proxima entrada sobre Dreamweaver os enseñaré a comenzar la web en sí, configurando el CSS, no os preocupeis, que yo tampoc sabía lo que es y ahora si se, igual vosotros.

Saludos.

1. Al iniciar Dreamweaver

Bueno, os voy a mostrar una foto, que luego os diré cada en cada cuadrado lo que incluye (los cuadrados en el pograma no viene, es para separar las distintas zonas)

Cuadrado 1:

Desde alli se puede llegar más rapido a un archivo que hemos trabajado con el recientemente

Cuadrado 2:

Desde este cuadrado podemos crear un nuevo archivo, para crearlo hay varias elecciones, como php, html, xml y algunas más, yo recomiendo y voy a trabajar con HTML, para crear el archivo solo hace falta pulsar en HTML y ya esta creado.

Cuadrado 3:

En este cuadrado se muestran algúnas de las caracteristicas más nuevas que trae esta versión CS4.

En el siguente numero os enseñaré las partes del menú y que se puede hacer en cada una de ellas.