video de como activar la obtencion de ingresos en YouTube

¿Cómo ganar dinero en Internet?  Existe muchísimas formas de ganar dinero en Internet: Ganar dinero con programas de afiliados,ganar dinero con blogs, subiendo videos,encuestas remuneradas,pago por click etc... Para ganar dinero por Internet se debe hacer un compromiso con sigo mismo y crearse metas,ir aprendiendo de otras personas y su experiencia en Internet, es muy útil estar informado de lo que sucede con las ofertas, estafas,y las nuevas y mas rentables formas de obtener dinero en Internet Ejemplo de foros de ayuda: www.foro-ptc.com https://productforums.google.com/forum/#!forum/es
YouTube Dentro de los sitios mas rentables a largo plazo esta YouTube es un sitio en el cual los usuarios pueden subir y compartir videos, YouTube  además nos da la posibilidad de ganar dinero si aceptamos  cumplir ciertas normas como respetar el derecho de autor es decir no subir videos que no sean de tu autoria, tampoco podemos subir videos no aptos o inadecuados para menores etc..
Video de como activar la obtención de ingresos en YouTube

Ganar dinero en Internet

¿Cómo ganar dinero en Internet?  Existe muchísimas formas de ganar dinero en Internet: Ganar dinero con programas de afiliados,ganar dinero con blogs, subiendo videos,encuestas remuneradas,pago por click etc... Para ganar dinero por Internet se debe hacer un compromiso con sigo mismo y crearse metas,ir aprendiendo de otras personas y su experiencia en Internet, es muy útil estar informado de lo que sucede con las ofertas, estafas,y las nuevas y mas rentables formas de obtener dinero en Internet Ejemplo de foros de ayuda: www.foro-ptc.com https://productforums.google.com/forum/#!forum/es
YouTube Dentro de los sitios mas rentables a largo plazo esta YouTube es un sitio en el cual los usuarios pueden subir y compartir videos, YouTube  además nos da la posibilidad de ganar dinero si aceptamos  cumplir ciertas normas como respetar el derecho de autor es decir no subir videos que no sean de tu autoria, tampoco podemos subir videos no aptos o inadecuados para menores etc..

Adobe Muse

Adobe Muse es un programa para diseñar paginas Web sin necesidad de conocer código HTML,ideal para quienes quieran diseñar en forma manual una Web

Adobe Muse - definir sitio,ventana planificación y diseño

Adobe Muse - Cabecera y menú

Adobe Muse -- Insertar imágenes y texto en divs

Principios generales para el diseño de sitios Web.

 El Refuerzo: una función de la velocidad, el tiempo y el orden de los elementos.

La pagina inicial; es la primera que se visualiza y debido a la lentitud de la red, el efecto psicológico usual de primacía. El máximo de información contenido en el sitio Web debe estar disponible en la pagina inicial. La página inicial debe ser un gran conjunto de Links, cuanto mas información se ofrezca al usuario, que recordemos ojea velozmente la página centrado en la búsqueda de su meta. Más probabilidades existen de que encuentre lo que busca. Sin embargo, se debe evitar la saturación que  disminuiría la visibilidad de la información.

El orden temporal de visualización de la información, debe estar jerarquizado de mayor a menor utilidad y relevancia.

Para reducir la experiencia subjetiva de tiempo en los usuarios se puede utilizar varios

elementos:

-Un indicador de tiempo de espera que facilite su planificación).

-Un indicador del buen funcionamiento del sistema.

-Un indicador del tiempo trascurrido.

-Para esperas mas largas se debe captar la atención del usuario en elementos atractivos.

-Indicar claramente al usuario cuando puede proceder.

 Principios generales para el diseño de sitios Web-La búsqueda de información

Los buscadores: deben ser capaces de encontrar una información a pesar de escribir la palabra incorrectamente o confundirla con otra de pronunciación parecida.

Es necesario un buscador de información interno cuando el “site” supere  las 200, la opción de “buscar” debe estar presente en cada página del sitio.

El buscador debe buscar en el sitio web puesto que los usuarios raramente tienen una clara imagen de la estructura del sitio web que les permita reducir la búsqueda a determinados subsidios web.

Las búsquedas booleanas o parciales deben ser restringidas a la sección de búsquedas avanzadas, puesto que usuarios sin experiencia pueden cometer errores.

Principios generales para el diseño de sitios Web-La Navegación

Todas las páginas deben tener un área de navegación en la parte superior,

Con en laces que permitan moverse dentro del “site”(Debido a las características de los motores de búsqueda externos nunca sabemos en cual de las paginas pueden aterrizar un usuario).

Las áreas de navegación solo deben contener un numero reducido de links, es decir, solo los mas útiles para los usuarios con un máximo de 6 o 7.

Algunas paginas especificas no necesitan área de navegación de manera indispensable(disponer en el sitio de links relacionados mas directamente con los temas tratados en esa pagina en lugar del área de navegación).

Los mapas del sitio son muy útiles para facilitar una imagen global del sitio web.

Se debe aplanar la estructura de la pagina, es decir, la  información de un “site” no debe estar excesivamente jerarquizada. La obligatoriedad de navegar a través de muchas paginas antes de llegar al objetivo provocara la perdida de muchos usuarios.

Principios generales para el diseño de sitios Web-La Navegación( Links 1/2) 

Algunos consejos para la elaboración de links:

El titulo del link debe informar del tipo de información que se encuentra en su destino.

El titulo de un link no debe ser tan general que no llegue a despertar el interés en el usuario, pero tampoco tratar en ningun caso de embaucar al usuario con un titulo atractivo.

El titulo de un link debe avisar acerca de posibles problemas en el sitio de destino(suscripción, registro o la existencia de frames).

Los títulos de links deben ser de menos de 60 caracteres y cuando sea obvio el destino del link se suprimirá el texto.

Son de utilidad para evitar equívocos los globos de texto con información

(complementaria)concreta sobre el destino del link que se visualizan al pasar el ratón por encima.

Los links cuyo destino esta en la misma pagina deorigen deben distinguirse de los externos, el elemento “#” delante del titulo del link debe distinguir a los primeros.(Hyperterrorist Guide).

No se debe repetir el mismo link.

Se recomienda que la primera palabra sea una palabra clave sobre el tema tratado y relegar al final de la linea las palabras del titulo mas comunes. Ej. “diseño de contenidos”.

Principios generales para el diseño de sitios Web-La Navegación( Links 2/2) 

Es adecuado crear links a contenidos relacionados. Es útil enlazar a páginas de:

-Productos similares un poco más caros o un poco mas baratos.

-Productos relacionados en sus funciones o que generalmente se compran juntos.

-Productos que varían del actual en un aspecto distintivo.

-Diferentes versiones del producto actual, otros colores, tallas, etc.

-Versiones posteriores o anteriores del tema tratado en la página.

-Información contextual.

-Información del autor y listas de otros trabajos del mismo autor.

-Lista de discusión sobre el tema referido.

-Noticias de actualidad sobre el tema referido.

Principios generales para el diseño de sitios Web
Consistencia: Reconocimiento y Memoria 

-Todas las páginas de un sitio Web deben tener el mismo diseño para facilitar su uso y evitar el aprendizaje en cada nueva pagina.

-Las direcciones internas de las paginas deben ser legibles y no contener caracteres extraños(ej.”&”)

-la estandarización de los colores de los links.

Principios generales para el diseño de un sitio Web-Las imágenes

-Todas las imágenes  deben utilizar el atributo <IMG ALT=“”> tanto para facilitar la navegación de los usuarios que hayan suprimido la carga de imágenes como para favorecer la accesibilidad de discapacitados.

-Si se utilizan gráficos su utilización

Debe restringirse a la complementación de información del texto y no debe usarse para llamar la atención del usuario.

-Debido a su tamaño se recomienda que sea reducido.

-Los gráficos distraen y dificultan centrarse en el contenido de la página.

Otros aspectos  del diseño de sitios Web

-Diseño de documentación de ayuda

Los manuales se leen poco frecuentemente y cuando es para encontrar la solución a un problema concreto.

El sistema bueno es “prototipicamente” el que no necesita documentación explicativa, aun así en caso necesario esta debe ser concreta y concisa. Nuestra intención es que la propia información de ayuda este integrada en cada uno de los servicios en la medida de lo posible.

-El conservadurismo de los usuarios.

El uso de alta tecnología en las paginas Web tiene varios inconvenientes:

Cierra el acceso a usuarios con versiones de navegadores antiguos.

Ralentiza la velocidad de visualización de la paginas.

Los expertos recomiendan esperar a tener mayor experiencia acerca del comportamiento de los usuarios frente a estas nuevas tecnologías para usarlas del mejor modo.

1.Resolución de la pantalla: no optimizar para una única resolución obligando a cambiar.

2.Se recomienda usar frames, ya que tienen efectos perniciosos(no usar bank)

-Diseño del proceso global de compra

El diseño de un sitio Web no debe ser focalizado excesivamente en la compra. Debemos proporcionar información que permita la selección del producto más adecuado y su comparación con otros.

      Un ejemplo de un sitio web no focalizado en el proceso global de compra de Amazon. Com . Este site parece mas un servicio bibliográfico de búsqueda de libros y de información sobre estos que incluye hasta entrevistas con los  autores que un sitio web de venta de libros

Los costes del cambio se pueden superar, haciendo fácil encontrar los productos

Oservicios que el usuario quiere.

Los diferentes modelos de los productos deben tener nombre de fácil recuerdo y que informen sobre sus características distintivas del resto. Es muy común enfrentarse a una lista de productos con nombre codificado como vg-3h610.Como es obvio esto dificulta enormemente el proceso de  de compra ya que el usuario tiene dificultades para recordar las características y precios  de cada modelo y realizar sus comparaciones.

Curso HTML

En esta pagina vas a aprender a crear una Web, podrás escoger un servidor de pago  o gratuito, en Internet hay muchos  sitios gratis  además de subirlo a Internet, después podrás cambiar los colores y la forma .El diseño de   nuestra webs estará basado en el código HTML  y CSS.

También aprenderemos a utilizar  otros programas  indispensables en el diseño  de paginas Web  como son  Adobe PhotoShop  y Macromedia  Flash .

Código HTML

Este código, hace referencia  al lenguaje  marcado predominantemente  para la elaboración de paginas Web que se utilizan para describir  y traducir la estructura y la

Información en forma de texto, así como para complementar al texto con objetos tales como imágenes. El HTML  se escribe en forma de etiquetas rodeadas por corchetes angulares(<,>).HTML también puede incluir un script(por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores Web y otros procesadores de HTML.

Código HTML en una pagina Web.

 Toda pagina Web comienza y termina con un código  es este.

 <html> (todas empiezan con esto) </html> (todas terminan con esto otro)

La primera palabra <html> indica que ahí empieza el código de la Web. La segunda </html> indica que el código de la página Web a terminado. Se distinguen por la contrabarra / que siempre indica que algo ha terminado.

Estructura del código en  la pagina Web.

<html>
  <head>
  </head>
  <body>
  </body>
</html>

 Como puedes ver  todo comienza con <html> y termina con </html> y e su extructura interior tenemos <head>  </head> en medio de el cual  va todas aquellas cosas que no son visibles en nuestra Web como un contador de visitas  no visible  y en <body>  </body> que es el cuerpo  va todo lo que es visible en al Web como nuestro texto , imágenes ,videos etc…

Volveremos a el codigo HTML ,ahora vamos a conocer  los Estilos css

El codigo HTML es util para insertar textos he imágenes o lo que queramos , pero los estilos Css nos permitirán mantener el orden dentro de nuestra pagina , nos indicaran que tamaño deben tener nuestro div o celdas , que color  etc..

además  los estilos css tienen otras propiedades como:

·           - Ayudan a tener los códigos Html más limpios y por tanto nos será más sencillo encontrar fallos o hacer modificaciones, pues veremos claramente dónde estamos.

·           - Las páginas pesarán menos (ocuparán menos Kbytes) por lo que la carga general de la Web será algo más rápida.

·           - Permiten que las páginas se vean más o menos igual en cualquier Navegador.

·           - Podemos introducir algunos efectos determinados fácilmente sin tener que recurrir a códigos demasiado raros para los que empezamos en esto.

·           - Estaremos a la "última" en diseño de Webs.

·           - Podemos hacer modificaciones en el aspecto de toda la Web con solo unos ligeros cambios de un solo documento.

·           - El código resultante de la Web, lo que leen los robots de los buscadores, resulta muy ligero y sencillito de leer por ellos, por lo que le ponemos más fácil el trabajo y en definitiva aumenta las posibilidades de aparecer en mejores puestos en Google y otros buscadores.

Lección 1

Relacionar la Hoja de Estilos CSS con la página Web

Como los estilos no son un elemento que aparecerá en la página sino algo que indica cómo se han de mostrar los elementos (color, tamaño, etc), parece fácil adivinar que los estilos (o la llamada a la hoja de estilo) hay que indicarlos dentro de la cabecera o Head de la página no? Pues vamos allá. La línea de código Html que tenemos que incluir en la cabecera, es decir, entre <head> y </head> es esta:

<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

 

Estructura de una capa Divs

 Dar forma a una web  es estructurarla ,darle forma para luego poner en ella  el menú, el contenido  etc. Para estructurar una web podemos utilizar tablas  que dividen el espacio en celdas también podemos utilizar frames o marcos.

Pero el método mas profesional, limpio y cómodo es sin duda el uso de capas o Divs

Los Divs no mas más que un elemento rectangular dentro del cual podemos incluir lo que queramos, palabras, párrafos, enlaces, imágenes, varias de estas cosas a la vez o incluso otras capas o también tablas. Es un simple hueco. Lo bueno que tiene es que luego, desde la Hoja de Estilos, podemos darle a todo su contenido propiedades como color de fondo, tamaño de letra, dimensiones de ese recuadro, margenes, bordes, etc, etc.

<div>Hola </div>

Escribe esa línea de código en el archivo plantilla.html,  a modo de prueba por supuesto, entre <body> y </body>  es algo que debe ser visible

Ahora que sabemos que es un Divs   comenzaremos con los Divs.

Un ancho fijo.

Nuestra Web puede ocupar toda la pantalla o  el 70% de esta o la que quieras. Pero podemos darle un tamaño concreto para que aquellos que la vean  en una pantalla pequeña o grande no tengan problemas .

Entones nuestro propósito es centrarlo todo lo que haremos será encerrar toda la parte visible de la Web en un div al que le definiremos en la Hoja de Estilo la propiedad de centrado, pero de un modo algo especial para que funcione en todos los navegadores. Llamaremos a esa capa.... "global". Como va a ser única, es decir, solo va a haber un elemento "global" por página, en lugar de definirlo con un punto delante y el class="global" en el Html, lo haremos con la almohadilla y con id="global".

Ahora, en la hoja de estilo definimos #global con las siguientes propiedades:

#global {width:800px; margin:4px auto;}

Este código pégalo en la hoja de estilos y lo guardas

Esto significa que la capa global tendrá un ancho de 800 pixeles y aparece una propiedad que no hemos visto antes, (margin: 4px auto) que define el margen a dejar entre el elemento (en este caso el div global) y el resto de cosas a su alrededor. El 4px es la cantidad de margen que vamos a dejar por encima y por debajo de la web, mientras que auto es la cantidad de margen que dejaremos por cada lado. Auto significa automático, por lo que se dejará todo lo que exceda de800px y automáticamente, es decir, la mitad a la derecha y la otra mitad a la izquierda y por tanto, centrado

Esto no funciona en todos los navegadores a menos que definamos una caracteristica a Body en la Hoja de Estilo estilo-general.css por lo tanto hay que agregar el siguiente codigo en la hoja de estilos.(el orden en la hoja de estilos no inporta).

body {text-align:center;}

Body no es un nombre de un estilo inventado por nosotros, como cabecera, pie, tal y cual, sino que es una etiqueta de Html, y a las etiquetas de Html (como body, p, a, table, div, etc..) no se les pone ni el punto delante ni la almohadilla (#). 

Continuar

Macromedia Flash 8 y Macromedia DreamWeaver

Macromedia Flash

Flash es el lenguaje más utilizado para crear animaciones y gráficos vectoriales en Internet. La gran virtud de Flash es que permite crear animaciones complejas con gran calidad gráfica, y no es excesivamente complicado.
Flash se utiliza para crear presentaciones, anuncios, menús de navegacion, gráficos e incluso páginas web completas… cada cual puedeutilizarlo según le convenga. El lenguaje Flash es muy potente.
Las animaciones creadas en Flash pueden incluir efectos muy buenos y también puedes añadirinteractividad con el usuario para que pueda realizar ciertas acciones.
Macromedia Flash no es sólo un programa para crear gráficos sino que es un lenguaje de programación. Mediante ActionScript puedes crear programas que, por ejemplo, busquen en una base de datos, interactúe con un programa en otro lenguaje.
Características principales de Macromedia Flash:
- Interfaz gráfica amigable, sencilla de usar pero con muchas opciones.
- Soporta vídeo
- Carga dinámica de imágenes y sonido
- Previsualización de animaciones
- Ayuda tanto para la programación como para el diseño de animaciones.
- Incluye componentes ya creados que te pueden ayudar a la hora de hacer tus animaciones.
- Librería de símbolos
- Soporte de audio MP3
- Transiciones de movimiento, de forma e incluso en papel cebolla

Adobe DreamWeaver

Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de
Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y
aplicaciones Web basados en estándares. Creado inicialmente por Macromedia(actualmente
producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la
programación web, por sus funcionalidades, su integración con otras herramientas como Adobe
Flash y, recientemente, por su soporte de los estándares del World Wide Web Consortium.

Curso básico de DreamWeaver

Este curso esta orientado a conocer las herramientas básicas de este programa, como uso de
las distintas ventanas, el panel de insertar, paleta de propiedades etc.. También el uso Divs,
Tablas ,Marcos y uso de Enlases o Hipervinculos que nos permitirán ordenar nuestros contenido
e imagenes

Curso completo

Comenzando nuestra web

Código HTML Este código, hace referencia  al lenguaje  marcado predominantemente  para la elaboración de paginas Web que se utilizan para describir  y traducir la estructura y la Información en forma de texto, así como para complementar al texto con objetos tales como imágenes. El HTML  se escribe en forma de etiquetas rodeadas por corchetes angulares(<,>).HTML también puede incluir un script(por ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores Web y otros procesadores de HTML. Curso html-VideoTutoriales

Diseño Web  El diseño Web  consiste en la planificación, diseño e implementación de un sitio Web .No es solamente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y video. Curso Diseño - VideoTutoriales

Dominio y Alojamiento El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. Es una analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web.

Posicionamiento  El posicionamiento en buscadores, posicionamiento web u Optimización de motores de búsqueda es el proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los diferentes buscadores. También es frecuente nombrarlo por su título inglés, SEO ( search engine optimization ).