• Para facilitarte tu regreso, añade este sitio a tus Favoritos

~ Curso de Dreamweaver: diseño web paso a paso, lección 6 - Creación de páginas web, curso webmaster ~


» ¿ 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 6: más contenido a tu página     

  Habíamos dejado nuestro proyecto de página web con una cabecera que habíamos creado en unos pocos pasos muy sencillos pero no por ello menos vistosos.
 
 A partir de aquí podremos ir añadiendo cosas a la página (que no olvideis, deberíamos tener ya diseñada de antemano en papel, puesto que no se debe dejar al azar el ir creando partes de la misma; todo deberá obedecer a un plan establecido con anterioridad), por ejemplo un menú y las partes en que la dividamos.  Lo primero que haremos será poner una división entre la cabecera que hemos creado y el cuerpo de la página, división que a mi entender debe combinar perfectamente con el color de dicha cabecera (por ejemplo un azul, que combina perfectamente con el naranja), así que para ello no tendremos más que picar a la derecha de la cabecera y pulsar <Return> para que el cursor se coloque debajo de la misma, ahora hay que crear una nueva tabla y para ello picamos en la barra de herramientas superior (en la flechita negra) para que cambie a la opción Diseño y luego en el icono de Tabla :

   

para que nos aparezca el menú:

 

donde como veis, solo hay que decirle que la tabla conste de 1 fila y 1 columna y que tenga un porcentaje del 90% del ancho de la pantalla (yo le digo siempre el 90% para evitar si le doy el 100% que en algunos monitores antiguos, la página se salga de la pantalla por la derecha) y los otros campos los dejo a cero.Picamos ahora en Aceptar y nos creará la mencionada tabla:

  

y según está seleccionada, nos vamos a la parte inferior, Propiedades y picamos en la flechita de Color de fondo para que salga la carta de colores, y elegimos el que sea (en mi caso como dije, será un azul clarito) con el cuentagotas:

en ese momento veremos que la tabla coge dicho color:

  

  Por cierto hay que decir que en la tabla de colores, puede que a ti no te muestre la misma que aparece en la ilustración, para cambiar a las distintas que existen debes picar en:

    para que aparezca lo siguiente:

 

donde ves que tengo elegido Tono continuo pero puedes elegir otras paletas picando en cada uno de los apartados, incluso hay una con “solo grises” como ves.

  Seguimos, y ahora voy a poner un saludo para los visitantes, el cual voy a incluir dentro de la tabla que acabo de crear, así que pico dentro de ella y doy tres o cuatro avances para dejar un margen a la izquierda ( Ctrl+May+Espacio), y tecleo el mensaje que quiera, en mi caso:

y ahora le doy un formato de letra más bonito, por ejemplo tipo Verdana de 12 pixeles y color azul más fuerte:

siendo el resultado este que veis:

Un inciso para decir que puede ocurrir que no tengas el tipo de letra “Verdana” cuando piques en Fuente pero no tienes más que picar en:

    

 “Editar lista de fuentes…” para que te lleve a:

    

donde como ves, buscas en Fuentes de letra disponibles: y cuando encuentres la que deseas picas en ella; acto seguido picas sobre el botón << para que te la pase a Fuentes elegidas: y finalmente picas sobre Aceptar con lo cual ya te aparecerá en las fuentes disponibles en Dreamweaver para otras ocasiones.

  Así que tras realizar todos los pasos explicados, nuestra página deberá tener el siguiente aspecto:

     

y dejamos por hoy el ejercicio, hasta la próxima lección en que vamos a ir progresando en la mejora del aspecto de nuestra página; no olvideis salvar el trabajo realizado mediante Ctrl + S para que no perdais nada.-Hasta entonces saludos: V.Salas

      

 
   

Google
 

© 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.
 
© 2005 -2009 Deseoaprender.com