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 diseño web.

   
 
   
 

VAMOS A MEJORAR EL ASPECTO DE LA PÁGINA

    Vamos a seguir con nuestro proyecto de página web y como veis en el título de esta lección, trataremos de ir mejorando el aspecto de la misma con una serie de pequeños detalles que aunque parezcan una tontería, en realidad influye de cara al visitante, pues como en todo la vista es la que trabaja e inconscientemente alguien que entre en nuestra web tendrá una buena o mala impresión no solo por el contenido que le ofrezcas, sino también por “cómo le ofreces esa información”.

    Una web que no esté montada como negocio, es decir, que se dedique como la mía a ofrecer unos recursos (tutoriales, cursos, etc..) de forma desinteresada y gratuíta, no por ello debe renunciar a obtener unos beneficios que al menos ayuden a costear el pago del hospedaje; estos beneficios serán mayores si tienes un gran número de visitantes y eso se consigue sin duda ofreciendo algo de calidad y que a la larga te lo reconocerán.
-

Y una forma de obtener beneficios es incorporar en tu página algún banner publicitario que hará que cuando un visitante haga un clic en el mismo te reporte una ínfima ganancia (sobre 0,03 a 0,08 €) pero que sumando sumando…, desde luego no te vás a hacer rico pero como digo será una pequeña ayuda que no viene mal.

  La forma de incorporar uno de estos banner (se supone que ya estás registado en algún programa de afiliados.Por cierto, elige bien porque los hay muy buenos, y muy malos; uno de los MUY BUENOS y que pagan bien y rápido es el que te ofrezco en esta misma página, así que si quieres aceptar la voz de la experiencia pica en él y regístrate.Luego, si aceptan tu página podrás obtener y configurar los códigos para que los coloques en tu web como vamos a ver), será la siguiente:

  Creamos una tabla por ejemplo debajo del trabajo de la lección anterior:

curso de dreamweaver online gratis

    Nos saldrá entonces el menú, donde procedemos a elegir:

aprender a diseñar una web mediante Adobe Dreamweaver

    Así que tras picar en Aceptar tendremos la Tabla de esta manera:

aprende a crear una página web

    Ahora tenedrás que picar dentro de ella para colocar allí el cursor.-Acto seguido tendremos que “Copiar” el código del anuncio a insertar (que habremos obtenido del programa de afiliación y tendremos por ejemplo en el Bloc de notas), y ahora tendremos que picar en Código como veis:

    Lo que va a hacer que nos aparezca:

diseño de web en HTML

    Verás que el cursor queda situado en el sitio donde irá insertado el código (que será ni más ni menos que dentro de la tabla que acabamos de crear); así que sólo tendremos que picar en el menú de arriba en Edición-Pegar para que dicho código se inserte en html.-Solo tenemos que volver a picar sobre el botón Diseño para volver a nuestra página:

diseño de una web estática con HTML

    Puedes observar que tiene incrustado en la tabla un símbolo, y que no vemos nada puesto que estamos en local, así que si queremos ver como quedará el banner tendremos que picar sobre la tecla F12 para verlo en el Navegador que tengamos por defecto (luego explico la forma de configurarlo si no te funciona con F12), pero lo normal es que funcione, así que tras pulsar, debería salir:

trabajar con Adobe Dreamweaver para crear web

(si te pregunta antes si deseas guardar los cambios, dices que sí).
  Podeis observar lo sencillo que resulta agregar un banner publicitario que aparte de no desentonar, nos reportará algún beneficio, seguro.-Para volver a local, solo tendremos que cerrar con el botón de siempre:   Antes de que se me olvide, explico como configurar el navegador para ir probando nuestra página de vez en cuando; tendremos que picar en:

    Lo que hará que se nos muestre:

curso online de diseño y herramientas web

    Observa que tengo configurado el I.Explorer como navegador principal, pero si quisiera añadir otro (cosa recomendable para probar nuestra página en distintos y ver si hay algún fallo), tendría que picar arriba en Navegadores + para que saliese:

    Ahora fíjate cómo nos permitiría Examinar… nuestro disco duro para encontrar el otro (siempre que lo tengamos instalado en nuestro PC, por supuesto), que deberíamos poner como Navegador secundario picando en la casilla correspondiente y Aceptar. Ahí vá un ejemplo en el que configuro Mozilla como navegador secundario:

    ¿Comprendido?, creo que no tiene dificultad alguna.-Recordad que una vez configurado al menos el navegador principal, mientras estamos trabajando sólo tendremos que pulsar la tecla F12 para que funcione (¡y recordad que debereis tener conectado Internet!!, pues aunque parece obvio, a veces te puede volver loco el fallo tan tonto).
    Bueno, pues como veis seguimos avanzando en nuestro diseño que es muy personal y acorde com mis gustos, pero una vez domines el tema, ya entrará en juego tu habilidad para el diseño, para armonizar colores y todo lo que interviene en esta fascinante aventura que continuaremos en el próximo capítulo.

 
  ** 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.