|
|
|
Curso de Dreamweaver: aprende a diseñar tu web paso a paso, lección 4
|
|
|
» ¿ Buscas un alojamiento para tu web que te ofrezca lo mejor del mercado ?, pues estás de suerte, lee detenidamente la siguiente información:
******** OFERTA: 50% descuento ********
• ILIMITADO espacio en disco • ILIMITADO de transferencia mensual o ancho de banda • dominio gratis 1 año •. Alojamiento web en hosting de calidad.
• Correo ilimitado • Alojamiento ilimitado de dominios • Soporte para PHP5 y otros • MySQL (hasta 75 bases de datos) • Backup diario de las B. de Datos • Atención al cliente las 24 horas (es en inglés, pero te aseguro que no lo vás a necesitar porque el hosting funciona 100% a satisfacción del webmaster)
• Instalador de múltiples aplicaciones (Joomla, PHP-Nuke, Wordpress, osCommerce, Foro PhpBB y otros muchos) de forma sencilla • ...y muchos más que irás descubriendo.
» Lo tienes todo por menos de ¡¡ 50 € al año !!. Si estás interesado, puedes conseguirlo fácilmente: Aloja tu sitio aquí, a través de este enlace y tendrás esta oferta especial.
NOTA: Esta web está alojada en él desde hace 2 años y no ha tenido una sola caída. ALTAMENTE RECOMENDADO. |
|
|
|
|
| |
* MENÚ DEL CURSO |
|
* OTRA FORMA DE DISEÑAR TU WEB |
|
* TODO ESTO GRATIS PARA TÍ |
|
* Y HAY MUCHO MÁS AÚN |
|
* ENLACES PATROCINADOS |
|
|
|
|
curso dreamweaver, curso diseño web.Tutorial Dreamweaver webmaster
Lección 4: Primera página con 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 vé 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:
para que nos salga la siguiente pantalla:
en la 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:
-
|
|
que como veis con 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:
para que nos lleve al siguiente menú:
|
|
|
|
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í:
teniendo que picar entonces sobre botón Guardar para irnos a:
en que 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 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í:
y 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:
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: V.Salas
|
| |
|
| |
|
|
|
|
|
|
|
|
© deseoaprender.com - Cantabria (España) 2005-2009.-Todo el contenido de esta web está protegido por la Ley de Propiedad Intelectual; por tanto no podrá reproducirse ni copiarse sin el consentimiento por escrito de su autor y propietario. |
|
| |
|
|
