Técnología e Informática – 4TO.
PERIODO
____________________________________________________________________________________________________________________
Nombre:___________________________________________________________________________________________________________
_
Grado: UNDÉCIMO
GUIA TEMÁTICA DE INFORMÁTICA No. 1 – CONCEPTOS DE E-MARKETING - DREAMWEAVER
COMERCIALIZACIÓN DE PRODUCTOS A TRAVÉS DE
INTERNET
Marketing es el uso de un conjunto de herramientas
encaminadas a la satisfacción del cliente. Estas
herramientas son conocidas también como las Cuatro P:
producto, precio, distribución o plaza y publicidad o
promoción. El proceso de explotación de una campaña de
marketing de Internet, que también se conoce como
marketing en línea o e-marketing, es a través de la
promoción o comercialización de los productos o servicios,
utilizando Internet como vehículo principal.
Comercialización a través de una Página Web:
Cuando una empresa decide que sus negocios se realicen
por internet, deberá tener en cuenta el desarrollo de un web
site, así como incluir dentro de sus aplicativos medios de
pago electrónico y comercialización por correos electrónicos.
En este caso el vendedor es el propio sitio, por lo que se
requerirá que tenga los mecanismos suficientes para
convencer a los potenciales clientes, tales como buen
contenido, navegabilidad, usabilidad, utilización de
imágenes e interactividad.
Comercialización por E-mail: es una estrategia popular
de comercialización por Internet que ha demostrado ser
muy lucrativa para los comerciantes conocedores de
Internet. Con el fin de tener éxito con esta forma de
comercialización por Internet, usted tiene que construir una
lista de posibles clientes. Una forma de construir una lista
exitosa para tu campaña de comercialización por correo
electrónico es ofrecer algo gratis, como un curso en su
sitio web.
DREAMWEAVER
Es un software fácil de usar que permite crear
páginas web profesionales. Se puede crear tablas,
editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc., de una forma muy
sencilla y visual. Además incluye un software de
cliente FTP completo, permitiendo entre otras cosas
trabajar con mapas visuales de los sitios web,
actualizando el sitio web en el servidor sin salir del
programa. Lo primero es abrir Dreamweaver
seleccionando un documento nuevo en la Categoría
Página básica, HTML.
ENTORNO DE TRABAJO
La barra de título: contiene el nombre del programa
La barra de menús: contiene las operaciones de
Dreamweaver, agrupadas en menús desplegables.
La barra de herramientas de documento :
contiene iconos para ejecutar de forma inmediata
algunas otras operaciones habituales que no incluye la
barra de herramientas estándar.
La barra de estado : nos indica en cada momento en
qué etiqueta HTML nos encontramos.
El inspector de Propiedades: muestra y permite
modificar las propiedades del elemento seleccionado
Nombre:___________________________________________________________________________________________________________
DOCENTE : Gloria Amparo Osorio C.
que son usadas de forma más frecuente.
La barra de herramientas Insertar o panel de
objetos: permite insertar elementos en un documento
sin la necesidad de recurrir al menú Insertar. Los
elementos están clasificados según su categoría: tablas,
texto, objetos de formulario, etc.
VISTAS DEL DOCUMENTO
La vista Diseño permite trabajar con el
editor visual. Es la vista predeterminada de
Dreamweaver y la que se suele utilizar habitualmente.
La vista Código se utiliza para trabajar en
un entorno totalmente de programación, de código
fuente.
La vista Código y Diseño permite dividir la
ventana en dos zonas. La zona superior muestra el
código fuente, y la inferior el editor visual.
PROPIEDADES DEL DOCUMENTO : Para modificar
las propiedades de un documento podemos pulsal la
combinación de teclas Ctrl+J.; Hacer clic sobre el
menú Modificar y elegir la opción Propiedades de
la página. O hacer clic con el botón derecho del ratón
sobre el fondo de la página. En el menú contextual la
opción
Propiedades de la página. Se abrirá el cuadro de
diálogo siguiente donde muestra las propiedades
organizadas por Categorías. Aspectos, Vínculos,
Encabezados, Título/codificación, Imagen de rastreo.
TEXTO: Las características del texto seleccionado
pueden ser definidas a través del menú Texto, y a
través del inspector de propiedades. Entre ellas
encontramos: Formato, fuente, tamaño, estilo, Listas,
Sangría.
HIPERVÍNCULOS o ENLACES : es aquel que al ser
pulsado lleva de una página o archivo a otra página o
archivo. Es posible asignar un vínculo a un texto, a una
imagen, o a parte de una imagen.
Formato del enlace: El Texto que tiene asociado un
vínculo suele aparecer subrayado. puede adquirir
tres colores diferentes que pueden especificarse a
través de las propiedades de la página. Estos tres
colores diferentes son los que se asignan como color de
vínculo, de vínculo activo, y de vínculo visitado.
Cuando el vínculo está definido sobre una imagen, en el
borde aparecen una serie de puntitos al pulsar sobre
ella. Cuando el vínculo está definido sobre una zona de
una imagen (un mapa), aparece el contorno de esa zona.
Es posible especificar vínculos a direcciones de correo
electrónico. Esto resulta útil cuando se desea que los
visitantes de la web puedan contactar con nosotros.
 Técnología e Informática – 4TO. PERIODO
____________________________________________________________________________________________________________________
_
Grado: UNDÉCIMO
8GUIA TEMÁTICA DE INFORMÁTICA No. 2 – CONCEPTOS DE E-MARKETING - DREAMWEAVER
La sintaxis del vínculo en este caso es
mailto:direccióndecorreo. Puede definirse el vínculo
a través de Vínculo, del inspector de propiedades,
seleccionando previamente el texto o la imagen
deseados. También es posible a través del menú
Insertar, opción Vínculo de correo electrónico.
IMAGENES: Para insertar una imagen hay que dirigirse
al menú Insertar, a la opción Imagen, luego
seleccionar una imagen a través de la nueva ventana.
Si se inserta un BMP en un documento, este no aparece
correctamente en Dreamweaver, aunque sí en el
navegador. En Dreamweaver aparecerá de la siguiente
forma: . Esa misma imagen es la que aparece en
Dreamweaver cuando no se encuentra una imagen que
había sido insertada. En ese caso, la imagen que
aparecerá en el navegador será similar a esta:
Las Propiedades de la imagen podrán ser modificadas a
través del inspector de imágenes.
Imagen de sustitución Rollover :Un rollover es una
imagen que cambia por otra cuando el puntero se sitúa
sobre ella. Este tipo de imagen suele utilizarse en los
menús o en los botones para desplazarnos a través de
distintas páginas.
BOTONES FLASH: Son imágenes similares a los
rollover que suelen utilizarse para crear menús. Para
insertar un botón Flash hay que dirigirse al menú
Insertar, Media, a la opción Botón Flash.
TABLAS : Las tablas están formadas por un conjunto
de celdas, distribuidas en filas y columnas.
Para insertar una tabla : menú Insertar, a la opción
Tabla. En la nueva ventana habrá que especificar el
número de Filas y Columnas que tendrá la tabla, así
como el Ancho de la tabla .
El Ancho puede ser definido como Píxeles o como
Porcentaje. La diferencia de uno y otro es que el ancho
en Píxeles es siempre el mismo, independientemente
del tamaño de la ventana del navegador en la que se
visualice la página, en cambio, el ancho en Porcentaje
indica el porcentaje que va a ocupar la tabla dentro de
la página y se ajustará al tamaño de la ventana del
navegador.
Grosor del Borde indica el grosor del borde de la
tabla en píxeles, por defecto se le asigna uno (1).
Relleno de celda indica la distancia entre el contenido
de las celdas y los bordes de éstas.
Espacio entre celdas indica la distancia entre las
celdas de la tabla. También se puede establecer si se
quiere un encabezado para la tabla. es recomendable
utilizar encabezados en el caso de que los usuarios
utilicen lectores de pantalla. Los lectores de pantalla
leen los encabezados de tabla y ayudan a los usuarios
de los mismos a mantener un seguimiento de la
información de la tabla. Si queremos incluir un título, lo
indicamos en Texto, el título aparecerá fuera de la
tabla. En alinear texto indicamos dónde queremos
DOCENTE : Gloria Amparo Osorio C.
alinear el título con respecto a la tabla. En Resumen:
indicamos una descripción de la tabla, los lectores de
pantalla leen el texto del resumen pero dicho texto no
aparece en el navegador del usuario.
FORMULARIOS: Los formularios se utilizan para recoger
datos de los usuarios, nos pueden servir para realizar un
pedido en una tienda virtual, crear una encuesta,
conocer las opiniones de los usuarios, recibir preguntas,
etc.
Una vez el usuario rellena los datos y pulsa el botón para
enviar el formulario se arrancará un programa que
recibirá los datos y hará el tratamiento correspondiente.
Un formulario está formado, entre otras cosas, por
etiquetas, campos de texto, menús desplegables, y
botones.
Elementos de formulario Los elementos de formulario
pueden insertarse en una página a través del menú
Insertar, opción Formulario. A través de esta opción se
puede acceder a la lista de todos los objetos de
formulario que pueden ser insertados en la página.
a. Campo de texto y Área de texto Permiten
introducir texto. El Campo de texto solo permite al
usuario escribir una línea, mientras que el Área de texto
permite escribir varias. Se puede pasar de Campo de
texto a Área de texto a través del inspector de
propiedades, marcando la opción
b. Una línea o Multi línea respectivamente.
También es posible definirlo como Contraseña es como
el campo de texto pero las letras que va tecleando el
usuario se sustituyen por un carácter. A través del
inspector de propiedades es posible asignar también el
Ancho del cuadro de texto, el número máximo de líneas
o caracteres, y el valor inicial del cuadro.
c. Botón Es el botón tradicional de Windows. El botón
puede tener asignadas tres opciones: Enviar formulario,
Restablecer formulario (borrar todos los campos del
formulario), o Ninguna (para poder asignarle un
comportamiento diferente de los dos anteriores).
También es posible cambiar el texto del botón, a través
de la propiedad Etiqueta del inspector de propiedades.
d. Casilla de verificación Es un cuadrito que se puede
activar o desactivar. Puede asignársele el Estado inicial
como Activado o como Desactivado.
e. Botón de opción Es un pequeño botón redondo que
puede activarse o desactivarse. Si hay varios del mismo
formulario, sólo puede haber uno activado. Cuando se
activa uno, automáticamente se desactivan los demás.
f. Lista/Menú Una lista o menú es un elemento de
formulario que lleva asociada una lista de opciones. Los
elementos se añaden a través del botón Valores de
lista... del inspector de propiedades. Cuando se trata de
un menú, solo es posible elegir uno de los elementos,
pero si se trata de una lista, a través de Selecciones del
inspector de propiedades puede permitirse que se
seleccionen varios simultáneamente.
g. Etiqueta Se utiliza para ponerle nombres al resto de
elementos de formulario, para que el usuario pueda
saber qué datos ha de introducir en cada uno de ellos.