deseoaprender.com
Curso básico de Dreamweaver 8
 Aprende el manejo de Dreamweaver 8

Crear páginas web con el uso de Adobe Dreamweaver; herramientas para el webmaster.

   
 
   
 

PRIMERA PÁGINA EN DREAMWEAVER

    Una vez que hemos definido nuestro sitio y creado la carpeta raíz, llega el momento de comenzar a crear contenido para ese sitio, pero antes de nada hay que decir que conviene perder un tiempo (incluso unos días) en hacer sobre papel y con bolígrafo un esquema bastante concreto en el que se defina la estructura del mismo ya de antemano, con una descripción sobre las carpetas y archivos a crear.

    Será buen comienzo el hacerse algunas preguntas previas acerca de temas como ¿a qué audiencia irá dirigido el sitio?, para poder definir un perfil de usuario y en consecuencia preparar la web con este fin; ¿qué contenido necesitará el sitio?, para poder recopilar todos los contenidos que vaya a ofrecer –texto, imágenes, etc.--.

    Además deberá preguntarse ¿qué debería poder comunicar el sitio?, pues si el diseñador no sabe de antemano responder a esta pregunta, posiblemente tampoco los usuarios lo sepan con claridad.
-

    Se ve por tanto que es importante estructurar previamente el sitio mediante un diseño en papel, un boceto con un organigrama lo más detellado posible de su contenido; se evitará con ello el tener que hacer cambios continuamente una vez lo hayamos subido al servidor, lo que es muy engorroso una vez que la web haya crecido y conste de un gran número de páginas, enlaces y demás. ( Palabras de interés: hosting - programación html - alojamiento web ).
   Bien, una vez tenemos claro como será la estructura de nuestra primera web ha llegado el momento de comenzar a darle forma, para ello lo primero que deberemos hacer es crear la primera página de la misma; esta primera página como norma general debería llamarse index y llevará como extensión .htm .

  Para la creación de esta primera página, estando en Dreamweaver deberemos picar en:

crear página con Dreamweaver, primer sitio web

    Esto hará que nos salga la siguiente pantalla:

aprende a diseñar una web con Adobe Dreamweaver

    En ella que como veis tenemos varias opciones para elegir, y con dos fichas arriba llamadas “General” y “Plantillas; nosotros vamos a elegir Página básica , (en “Categoría”), y HTML (en “Página básica”), que normalmente será lo que viene ya ofrecido por defecto, así que sin más picamos sobre el botón Crear para que se nos abra nuestra primera página web:

cursos y tutoriales de creación web herramientas

    Fíjate en las dos flechas negras que he dibujado, lo primero que nos destaca es que esa página no tiene título alguno y por tanto Dreamweaver le ha asignado uno provisional Documento sin título , así que nuestra primera tarea consistirá en asignar un título a esta página (que como vimos debería ser: index.htm ), así que para ello (y siempre que abrais una nueva página debería ser así, es decir, darle un título) deberemos picar en:

manuales de diseño web online

    Para que nos lleve al siguiente menú:

cursos en linea para aprender a ser webmaster

     En el que deberemos trasladarnos a la partición del disco duro de nuestro ordenador donde habiamos creado nuestra carpeta raíz (¿recordais que la habíamos llamado sitioPrueba ?), y nos situamos dentro de ella, para dar título a continuación a la página, así:

    Picamos sobre el botón "Guardar" tras haberle dado un nombre, y volveremos a Dreamweaver, donde ya podremos ver:

academia de creación paginas web con Dreamweaver

    Donde podemos observar que arriba del todo aparece “[Documento sin título(sitioPrueba/index.htm)]” (lo que quiere decir que la página ya está guardada),pero abajo, en la ventanita Título seguimos viendo que pone “Documento sin título” que nos indica que la página está sin él.-Hay que decir que es muy importante darle título a la página siempre, y además conviene hacerlo al principio; es además importante seleccionar bien ese título porque ese será el que aparezca luego en los buscadores (Google por ejemplo) una vez hayamos publicado nuestra web, y el buscador nos la haya indexado (lo que puede tardar semanas o incluso meses, dependiendo de muchas circunstancias); para elegir ese título habría que entrar en el tema de las estrategias para elegir palabras “bien promocionadas en el buscador”, pero eso es tema que se sale de este tutorial y podremos tratarlo en otro apartado.

    Así que sin apartarnos de la lección vamos a darle título a la página, y para ello no hay más que irse a la ventanita mencionada y tras seleccionar con el ratón lo escrito:

    Procedemos aquí a escribir el que queramos, yo voy a darle por ejemplo Primera página de este proyecto y pulso <Enter> (que es un poco tonto pero se trata de explicarlo y no lo complico), y por tanto quedará así:

Dreamweaver 8

    Podreis observar como ya está completo, tanto en la parte superior azul donde vemos “[Primera página de este proyecto (sitioPrueba/index.htm*)]”, como en la ventanita de Título en que ya aparece “Primera página de este proyecto”.
   También si sois observadores habreis comprobado que arriba, donde aparece la ruta completa, al final aparece el símbolo ( * ), que siempre nos indicará que los cambios que hayamos realizado están sin guardar y por tanto es recomendable proceder a guardarlos; hay que acostumbrarse cuando trabajamos en una página a guardar los cambios a menudo, y para llevarlo a efecto tenemos que pulsar Ctrl+S viendo como automáticamente se realiza, yo lo hago y veis el cambio:

aprender online, curso gratis de Adobe Dreamweaver 8

    Es decir, el simbolo * ha desaparecido y nos indica que está todo guardado correcto. Y por hoy lo dejamos aquí, y como veis ya hemos creado nuestra primera página y le hemos dado título, siendo en la próxima lección donde vamos a comenzar a darle contenido a dicha página. Ahora como está todo guardado, podemos salir de Dreamweaver normalmente.Saludos y hasta la próxima

 
  ** Un excelente hosting: Alojamiento web recomendado. Si tienes nociones de inglés, es un buen alojamiento para tu web.
   
 
Nos han visitado ya:
 usuarios.
   
Copyright © deseoaprender.com - Cantabria (España) 2005-2010.-Todo el contenido de esta web está protegido por la Ley de Propiedad Intelectual; por tanto no podrá reproducirse ni copiarse en todo o en parte, sin el consentimiento por escrito de su autor y propietario.