Descripcin actividad: Usted ha sido seleccionado para trabajar en una empresa que comercializa productos de belleza.

Dentro de la prueba tcnica que le han definido para contratarlo, le han solicitado que presente su hoja de vida en forma de pagina web para corroborar sus habilidades en el tema, es por eso que realizara una Pgina Web muy sencilla, donde plasmaran su presentacin personal: nombres, apellidos, edad, perfil profesional, cualidades, gustos, pasatiempos, etc. Tenga en cuenta los materiales y documentos desarrollados durante esta semana, deben cambiar el color de fondo de la pgina (para esto en la barra de men deben ingresar a la opcin Modificar > Propiedades de la pgina). Adems deben llamar el archivo ppersonal.html y deben guardarlo en la carpeta denominada Paginas ubicada en el sitio que crearon. Deben enviar comprimida (WinZip o WinRAR) la carpeta que utilizaron para crear el sitio. PARA ENVIAR LA ACTIVIDAD: Haces clic en el enlace. Haces clic en el Botn de Examinar Busca en tu disco duro y selecciona el archivo donde realizaste la actividad, Clic en el botn Abrir Debes enviar algn comentario al Instructor, para ello procedes ha escribirle algo en la opcin Comentarios Si es mas de un archivo a enviar, debes hacer clic en adjuntar otro archivo Para terminar debers dar clic en Enviar escripcin actividad:2 Usted ya ha sido contratado por la empresa, y su primer proyecto esta orientado a la definicin de la pgina web para la empresa, la cual permitir promocionar todos los productos comercializados . Descargue el documento adjunto para el desarrollo de esta actividad

Deben enviar comprimida (WinZip o WinRAR) la carpeta que utilizaron para crear el sitio. PARA ENVIAR LA ACTIVIDAD: Haces clic en el enlace. Haces clic en el Botn de Examinar Busca en tu disco duro y selecciona el archivo donde realizaste la actividad, Clic en el botn Abrir Debes enviar algn comentario al Instructor, para ello procedes ha escribirle algo en la opcin Comentarios Si es mas de un archivo a enviar, debes hacer clic en adjuntar otro archivo Para terminar debers dar clic en Enviar

Descripcin actividad: Durante esta semana organizaremos el sitio web que permita la promocin y comercializacin de los productos de la empresa en donde Usted fu contratado, para lo cual se deber garantizar los siguientes componentes para su diseo, mejorando la pgina inicial diseada en la Unidad II y anexando nuevas pginas con los siguientes elementos:

1 - Pgina inicial: Pgina con el banner de la empresa y con un men en el cual contengan como mnimo los siguientes aspectos: a. Descripcin de la empresa b. Nuestros productos c. Contctenos Cada men debe llevar a su respectiva pgina: 2 - Pgina de la Empresa: Descripcin, ubicacin y experiencia de la empresa en la venta de productos de belleza.. 3. Nuestros productos: Pgina que contenta la lista de productos comercializados, Imgenes de los productos, textos explicativos de las bondades del productos y precios. 4 - Contacto: Pgina que contenga los nombres y correos electrnicos de contacto Deben enviar comprimida (WinZip o WinRAR) la carpeta que utilizaron para crear el sitio. PARA ENVIAR LA ACTIVIDAD: Haces clic en el enlace. Haces clic en el Botn de Examinar Busca en tu disco duro y selecciona el archivo donde realizaste la actividad, Clic en el botn Abrir Debes enviar algn comentario al Instructor, para ello procedes ha escribirle algo en la opcin Comentarios Si es mas de un archivo a enviar, debes hacer clic en adjuntar otro archivo Para terminar debers dar clic en Enviar

>> Ver/Completar actividad: Actividad 1 Unidad 3: Definicin Sitio web- Semana 3

Material complemento

Debe leer y comprender las siguientes 3 lecturas, las cuales usted aplicara en el diseo de sus proyectos de paginas web, adems debe participar en el foro temtico de la semana 3, opinando sobre el diseo de las paginas web de los diarios locales y noticieros colombianos - como le parecen, tienen una buena pagina de aterrizaje?, tomen una de ejemplo y opinen participando en el foro de la unidad. EL tema de Paginas Como hacer Video paginas de aterrizaje este foro de una son las buena siguientes

lecturas aterrizaj pagin

Pgina de aterrizaje
En la mercadotecnia en Internet, se denomina pgina de aterrizaje (del ingls landing pages) a unapgina web a la que una persona llega, despus de haber pulsado en el enlace de algn banner o anuncio de texto situado en otra pgina web o portal de Internet. En la mayora de los casos esta pgina web es una extensin del anuncio de promocin, donde se explica ms detalladamente la oferta del producto o servicio que se est promocionando a travs de una carta de ventas. Tambin esta pgina suele estar optimizada para unas determinadas palabras clave, con el objetivo de conseguir que los buscadores la indexen correctamente y la muestren cuando el prospecto realiza una bsqueda introduciendo esas palabras clave. As se pueden tener diferentes pginas de aterrizajeque promocionan el mismo producto, pero optimizadas para diferentes palabras clave, lo que maximiza las posibilidades de conseguir que ms potenciales clientes lleguen hasta la pgina de oferta. Este tipo de pginas tambin pueden ser llamadas de otras formas como: pginas de salto (jump pages en ingls). Algunas personas suelen llamarla splash pages, pero este ltimo trmino identifica, en realidad, a las pginas de inicio o intro, habitualmente realizadas en Flash en forma llamativa que funcionan como peaje electrnico antes de la carga total de contenido o con fines decorativos, persuasivos, etc. Recientes estudios de autores como Jakob Nielsen descalifican el uso de splash pages, ya que los usuarios tienden a sortearlas o abandonar el sitio, si la presentacin es deficiente comunicacionalmente, o demasiado extensa para su carga y visualizacin.

[editar]Otras

utilidades

Prueba de campaas: Las pginas de aterrizaje tambin son muy utilizadas por los ejecutivos de marketing para medir el desempeo de las campaas de promocin,1 antes de lanzarlas al mercado. As se preparan diferentes anuncios y diferentes pginas de aterrizaje y se lanza una campaa de

promocin a diferentes grupos de consumidores o prospectos, llevando a cada grupo a una pgina de aterrizaje diferente para comprobar la conversin a ventas de cada una de ellas. Luego la que mejor medida de desempeo consigue es la que se lanza en la promocin a gran escala. Conforme publica Anne Holland en MarketingSherpa.com, "el 60% de los profesionales del e-mail marketing encuestados prefieren testar sus campaas de marketing utilizando el mtodo split tests A/B sobre las landing pages". Fuente: 3,637 Marketers Reveal Which Email Tests Worked Best

[editar]Referencias
Figueroa Frias, M. "Landing Pages". (2010) Buenos Aires: Doppler Academy.

1.

[editar]Enlaces

externos

Blog con informacion nica sobre las paginas de aterrizaje http://www.paginadeaterrizaje.org/blog Categora: Comercio electrnico

Iniciar sesin / crear cuenta

Artculo Discusin Leer Editar Ver historial

Portada Portal de la comunidad Actualidad Cambios recientes Pginas nuevas Pgina aleatoria Ayuda Donaciones Notificar un error

Imprimir/exportar Crear un libro

Descargar como PDF Versin para imprimir

Herramientas En otros idiomas Deutsch

English Italiano Polski Portugus

Esta pgina fue modificada por ltima vez el 12 ago 2011, a las 14:20.

El texto est disponible bajo la Licencia Creative Commons Atribucin Compartir Igual 3.0; podran ser aplicables clusulas adicionales. Lee los trminos de uso para ms informacin.

Cmo hacer buenas pginas web

Continuamente veo pginas tcnicamente mal diseadas (ni siquiera las empresas gordas se salvan). Los culpables son webmasters que dicen saber HTML, pero que lo estudiaron hace aos, cuando an no exista CSS. Esto no es un tutorial bsico de HTML (aprende antes cmo hacer una web), sino que intenta ser un "manual de buen comportamiento" para los que aportan pginas a Internet. Explicar cmo hacer que una pgina se vea bien en todos los navegadores, usando HTML 4.01 Strict, que luego te permitir pasar a lenguajes mejores, como XHTML, sin esfuerzo. No soy experto en esto, y lo que digo aqu es mi opinin, pero vers que coincide con la de cualquiera que entienda del tema. Por ltimo, si necesitas ejemplos, puedes empezar analizando esta web, pues la considero bien hecha. Septiembre 2004 (actualizado hasta Jun-2005), Daniel Clemente Laboreo. Licencia FDL.

ndice
El documento est por secciones, todo junto, o en PDF (pensado para imprimir).

Cmo hacer buenas pginas web Ideas generales 1. Una web se tiene que poder ver en todos los navegadores 2. Separa el contenido del diseo 3. El cdigo HTML tiene que ser vlido 4. El cdigo CSS tambin tiene que ser vlido

5.

Scripts en el servidor

Accesibilidad 1. 2. El contenido ha de poder llegar a todos Respetemos a los ciegos (y miopes)

Estndares web 1. Qu es un estndar? 2. Quin los hace? 3. Vale la pena seguirlos? 4. Qu pasa si no se siguen 5. Algunas falacias (mentiras que la gente se cree) 6. En el mundo real no hay tiempo para hacer las cosas bien 7. Los estndares limitan a los diseadores web 8. Los estndares de Internet Explorer son los ms usados 9. Microsoft innova al salirse de los estndares

Navegadores 1. No slo hay dos; hay cientos 2. Ninguno implementa al 100% los estndares 3. Nunca hagas una pgina especfica para un navegador 4. Ms falacias (mentiras que la gente se cree) 5. No hay ninguna pgina que no pueda ver bien con IE 6. Es mejor disear una web para IE porque es lo ms usado

Sobre HTML 1. 2. 3. 4. 5. 6. 7. 8. 9. Qu es el HTML? Es necesario usar HTML? Es necesario saber HTML para hacer una web? Es fcil escribir HTML? Es fcil escribir HTML correcto? Cursillo de HTML Cmo es una direccin (URI) Extensin de los archivos: html o htm ? Efectos HTML

Versiones de HTML 1. 2. 3. 4. 5. Cmo?, que hay versiones? HTML XHTML XSL Cul elijo, y cmo?

CSS 1. 2. 3. 4. 5. 6. Para qu sirve Cmo puede combinarse con el HTML Formato Dnde aprender CSS Varios ejemplos Cambiar el color de las barras de desplazamiento

Consejos HTML 1. La primera lnea debe ser el DOCTYPE 2. Estructura bsica de una web 3. El ttulo, lo ms importante 4. Escribe todas las etiquetas en minsculas 5. Cierra todo lo que abras (con excepciones), y en orden 6. Los atributos, siempre entrecomillados 7. Especifica el juego de caracteres (charset) 8. No uses <font> 9. Dar formato a un trozo de texto o un trozo de pgina: <span> y <div> 10. Evita el <br>, usa prrafos: <p> 11. No hace falta usar &nbsp; para hacer mrgenes 12. <center> no existe 13. El atributo align no existe 14. <nobr> no es necesario 15. No uses <i>, <b>, <u>, sino <em>, <strong> y CSS. 16. Cuidado con los & en las direcciones (URI) 17. Aprovecha las listas 18. Identificar elementos: class e id 19. <script> y <style> requieren type, no language

20. Las cabeceras <h1>, <h2>, <h3>, ... son para cabeceras 21. <body> no necesita atributos 22. Conoce las etiquetas HTML 23. No uses <marquee> ni <blink>

Colores 1. 2. 3. 4. Si pones uno, ponlos todos Todos en el CSS Formatos para especificar colores En hexadecimal llevan el #

Imgenes 1. Cundo usarlas 2. Formatos grficos 3. Pon siempre el atributo alt 4. Ese texto que sale al pasar el ratn se hace con title 5. Usa el CSS para la altura, anchura y borde

Enlaces 1. Los buscadores los visitan (tenlo en cuenta) 2. Usa un texto descriptivo 3. No especifiques destino del enlace (target) 4. Los "enlaces" con JavaScript no son enlaces normales

Tablas 1. 2. 3. Casi no hacen falta Estructura de una tabla Ni <table> ni <tr> ni <td> necesitan atributos

Frames 1. 2. 3. 4. 5. No hacen falta Inconvenientes (frames are evil) "Ventajas" de los frames, desmentidas Qu usar entonces Cundo usar frames

JavaScript 1. Mejor usa scripts en el servidor 2. Los scripts han de hacer cosas cmodas para el usuario 3. Que sea opcional 4. No hagas browser sniffing

Flash 1. 2. 3. No es para sustituir al HTML o CSS Ha de ser opcional ver una animacin en Flash Cundo usar Flash

Java 1. Cundo poner Java en una web

Evidencias de Aprendizaje Semana Cuatro

Actividad 1 : Publicacin sitio web unidad 4 Actividad Unidad 4: PUBLICANDO MI SITIO WEB

Descripcin actividad:

Para la comercializacin de los productos de la empresa desde el sitio web diseado, debers incluir en la pg Nuestros Productos" una pgina que enlace a 2 de los productos ms representativo de la empresa, en donde encuentre su respectiva ficha tcnica que contenga como mnimo: - Nombre del producto - Forma de Uso - Tarifas - Contraindicaciones

- Debe crearle un pequeo catalogo de ventas en formato power point o swf , o pdf, el cual se descargar desd propia pagina ( enlace a un archivo)

El sitio web diseado para la empresa, deber ser publicado en un sitio web - hosting de pginas web gratuito pages) y enviar el link o la direccin de internet, adems de la carpeta comprimida con la pgina e imgenes ut Consulta el material de apoyo para la publicacin de sitios web La pgina debe contener los conceptos bsicos de una buena pgina de aterrizaje. PARA ENVIAR LA ACTIVIDAD:

Haces clic en el enlace. Haces clic en el Botn de Examinar Busca en tu disco duro y selecciona el archivo donde tienes el archivo comprimido Clic en el botn Abrir En comentarios, debers incluir la direccin URL, en donde creaste el sitio web, junto a una breve justificacin estructura definida para el portal Si es mas de un archivo a enviar, debes hacer clic en adjuntar otro archivo Para terminar debers dar clic en Enviar

>> Ver/Completar actividad: Actividad 1 : Publicacin sitio web unidad 4 Evidencias Semana Cuatro PAGINA WEB SEMANA 4 Descripcin actividad: Para la actividad de esta unidad deber resolver el siguiente estudio de caso:

Como el gerente de la empresa donde esta laborando esta tan contento con su trabajo, le ha encom elaboracin de otro website de el grupo empresarial:

Desea que usted desarrolle una pgina para la agencia de viajes de la familia de los accionistas, esta empr tiquetes para los siguientes destinos: Aruba - Barranquilla Barranquilla - Aruba Miami - Neiva

 Neiva - Miami Madrid - Bogot Bogot - Madrid Pasto - Buenos Aires Buenos Aires - Pasto 1 - Pgina inicial: Imgenes de la agencia de viajes, textos explicativos de las bondades de los planes. 2 - Pgina de la Empresa: Crear una misin y una visin de la agencia de viajes. 3 - Tarifas: Aqu el usuario se informara de los precios de venta. 3 - Contacto: Colocar nombres y correos electrnicos de contactos

Deber subir esta pagina a un hosting de paginas web gratuito y enviar el link o la direccin de intern visualizacin por parte del tutor.

- Aplicar en la pagina web de tarifas formatos de tablas en la cuales usted muestra precios de ventas de tiquet

- Debe crearle un pequeo catalogo de ventas en power point, el cual se descargara desde la propia pagina, puede utilizar el servicio de google page. La pgina debe contener los conceptos bsicos de una buena pgina de aterrizaje.