Crear tu Web

4. Organizar tu sitio para trabajar

Andrei - CTW — Wed, 26 Aug 2009 23:27:21 +0000

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.

Posted in Todo paso a paso

3. CSS

Andrei - CTW — Wed, 19 Aug 2009 14:07:45 +0000

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)

Posted in Dreamweaver

De donde proviene el CS4

Andrei - CTW — Tue, 18 Aug 2009 18:32:30 +0000

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.

Posted in Uso básico de programas que necesitaremos

2. El menú de Dreamweaver CS4

Andrei - CTW — Tue, 18 Aug 2009 18:28:10 +0000

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.

Posted in Dreamweaver

1. Al iniciar Dreamweaver

Andrei - CTW — Tue, 18 Aug 2009 12:07:36 +0000

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.

Posted in Dreamweaver