GUIA PARA CREAR UNA PAGINA WEB

¿COMO CREAR UNA PAGINA WEB?

    

    Analizar la orden de trabajo

                     Esta contiene todas las especificaciones 

    que la página Web debe tener.

Antes de comenzar a diseñar, tomar en cuenta:

• ¿Cuál es la imagen que quiero transmitir?  
• ¿Qué valor añadido le doy a los visitantes?
• ¿Qué servicios brindará?                              
• ¿Cuál es el objetivo de site?        

Creación del diseño

               Utilizamos cualquier programa 

                          de diseño gráfico en el cual podemos 

        crear nuestra página web.

Prepara los elementos

Recorta todos los elementos por separados y

colocarlos en una carpeta identificada, con todas las piezas

que servirán para darle vida a la página web.

              Edición de página web

                       Corregimos errores, hacemos 

                         mejoras de nuestra página web.

Formato HTML
La creacion de la página web la basaremos
en la utilización del formato HTML,  porque éste
es el formato estándar.

ESTILOS CSS

                             Podesmo usar CSS para definir

                   la presentación de nuestro 

    documento HTML.

Utilización de animaciones

Vamos a definir que elementos de la página web serán animaciones Flash, todo dependerá de las especificaciones del cliente.

Realizar las animaciones

                Le damos vida a nuestra página web

                           podemos utilizar el programa Adobe Flash.

                    ¡ NO OLVIDES... SE DETALLISTA !

BLOGGER Y WORDPRESS

Un blog, o en español una bitácora, es un sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores.
 Los lectores pueden escribir sus comentarios y el autor darles respuesta, de forma que es posible establecer un diálogo.
El uso o tema de cada blog es particular, los hay de tipo: periodístico, empresarial o corporativo, tecnológico educativo, políticos, personales, etc.

CARACTERISTICAS:

Existe una serie de elementos comunes a todos los blogs. 

COMENTARIOS:

Mediante un formulario se permite, a otros usuarios de la web, añadir comentarios a cada entrada.

  
ENLACES:

Un enlace permanente en cada anotación, para que cualquiera pueda citarla.

 ENLACES INVERSOS:
En algunos casos las anotaciones o historias permiten que se les haga trackback, un enlace inverso que permite, sobre todo, saber que alguien ha enlazado nuestra entrada, y avisar a otro weblog que estamos citando una de sus entradas o que se ha publicado un artículo relacionado.

FOTOGRAFIAS Y VIDEOS:

Es posible además agregar fotografías y videos a lso blogs, a lo que se le ha llamado fotoblogs o videoblogs respectivamente.

 

Blogger es un servicio crado por Pyra Labs para crear y publicar una bitácora en línea. El usuario no tiene que escribir ningún código o instalar programas de servidor o de scripting. Blogger acepta para el alojamiento de las bitácoras su propio servidor o el servidor que el usuario especifique. 

¡ENTRA A BLOGGER AHORA!

http://www.blogger.com

Wordpress es una avanzada plataforma semántica de publicación personal orientada a la estética, los estándares web y la usabilidad. Wordpress es libre, y al mismo tiempo gratuito.

Dicho de forma más sencilla, Wordpress es el sistema que utilizas cuando deseas trabajar con tu herramienta de publicación en lugar de pelearte con ella.

¡COMIENZA A USAR WORDPRESS!

http://wordpress.com/

CONOCIENDO WIKISPACES

Es uno de los mejores proveedores para creación gratuita de wikis, es uno de los más utilizados, permite crear páginas de una forma rápida y sencilla, mediante un diseño de interfaz versátil y simple. También posibilita insertar  en sus páginas código HTML, proveniente de otros sitios de internet e interactuar con gran variedad  de formatos (videos, presentaciones, sonidos, etc.).

CARACTERISTICAS DE WIKISPACES:

• Crear múltiples wikis bajo un solo registro. 
• Adicionar usuarios para que publiquen y modifiquen páginas o para que administren el wiki.
• Tener capacidad de almacenamiento gratuito total de hasta 2GB.
• Almacenar archivos de hasta 10 MB cada uno.

• Usar la interfaz en varios idiomas en el modo diseño wiki.
• Etiquetar las páginas.

ESTILOS  CSS:
Hojas en estilo cascada (Cascading Style Sheets), es un mecanismo simple que describe  cómo se va a mostrar un documento en la pantalla, a cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura.

¿Para qué sirve el CSS?
CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación.



CÓDIGO HTML:
Siglas de Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. Es usado para describir la estructura y el contenido en forma de texto, así como para complementar el texto con objetos tales como imágenes.

¡ AHORA USA TU CREATIVIDAD EN WIKISPACES! 

http://www.wikispaces.com/ 

SOFTWARE LIBRE ¿COMO SE COME ESO?

Lo primero que hay que entender es que :

Existen varios modelos de desarrollo de Software.

SOFTWARE PRIVATIVO:

Es común para nosotros ver esa ventana  "APRENDIMOS" esa manera.

Las personas no pueden:

• Mejorarlo
• Estudiarlo
• Compartirlo

Las personas pueden: Notificar acerca de los problemas o errores aún cuando ellas sean capaces de repararlos.

  SOFTWARE CÓDIGO ABIERTO:
   Se nos autoriza:

• Usarlo
• Estudiarlo
• Libremente

   

ENTONCES ¿QUÉ ES SOFTWAR LIBRE?

Un poco de historia... 

En 1984 Richar Stallman comenzó a trabajar en el proyecto GNU. 

 

"

 

Hoy en día, muchos de los sistemas operativos de software libre usan el Kernel Linux. La mayoría de las aplicaciones que se muestran. Pertenecen al proyecto GNU así, el nombre correcto es GNU/LINUX.

                                 ¿QUÉ DEBO PENSAR CUANO DIGO SOFTWARE LIBRE?

Así surgen las 4 libertades del software libre:

      La libertad de usar el programa, con cualquier propósito.

La libertad de estudiar como funciona el programa y modificarlo, adaptándolo a tus necesidades.    

                   

                 La libertad de distribuir copias del programa, con  lo cual  puedes ayudar a tu projimo.          

La liberta de mejorar el programa y hacer públicas esas mejoras a los demás, de modo que toda la comunidad  se beneficie.

TODO LO QUE HAGO EN WINDOWS, LO HAGO EN SOFTWARE LIBRE 

 BATALLA LEGAL

Asuntos legales COPYRIGHT:

 SOLO LOS DERECHOS DE USO:

• Una vez
• En una computadora

YO NO PUEDO:

• Compartirlo
• Copiarlo
• Modificarlo
• Estudiarlo

Asuntos legales COPYLEFT:

El concepto de copyleft, no es el opuesto de copyright, el copyleft otorga más derechos de lo usual, a quiene reciben la obra y plantea que estas personas receptoras deben otorgar esos mismos derechos a terceras personas a partes.

Asuntos legales: LICENCIA GNU/GPL

La licencia de GNU/GPL fue creada por FREE SOFTWAR FUNDATION. El propósito de esta licencia es proteger la libre distribución, modificación y uso del software.

El software esta protegido y nadie puede restringir las 4 clases de libertad.

 

 OPORTUNIDADES EN SOFTWAR LIBRE
Posibilidades de aprender cosas nuevas.
Y es que la mayoría del hardware sólo tiene soporte para windows.

                                                                               

GUIA PARA EMPEZAR A MIGRAR A SL: 

¿Qué necesidades tengo? 

¿Con qué Hardware cuento?

¿Qué utilidad le voy a dar al software libre?

Capacitación

CREA UNA FANPAGE EN FACEBOOK

Las fanpage, son páginas públicas. A diferencia de los perfiles personales, la fanpage puede ser de acceso público. Es decir, no necesariamente tienes que ser "amigo" de las personas, ni tener una cuenta en facebook para acceder a ellas.

Te permite escribir contenido exclusivo y relevante para la gente que "le gusta" tu página. Tus lectores seguirán volviendo a tu página con más probabilidades de convertirse en clientes. Además les das la posibilidad de interactuar entre ellos.

¿POR QUÉ SON ÚTILES?

• Puedes agregas la descripción de la empresa.
• Sitio web e información de contacto.
• Videos.
• Blog RSS (Importa tus artículos publicados en tu blog).
• Actualizaciones de tu cuenta de twitter.

MINDMEISTER

 ¿Qué es un mapa mental?

Un mapa mental es un diagrama usado para representar las palabras, ideas, tareas u otros conceptos ligados y dispuestos radialmente alrededor de una palabra clave o una idea central.

¿Para qué nos sirve un mapa mental?
Se utiliza para la generación, visualización, estructura y clasificación taxonómica  de las ideas, y como ayuda interna para el estudio, planificación, organización, resolución de problemas, toma de decisiones y escritura.

Mindmeister es un software de mapéo mental en línea.

Trabaje en mapas simultáneamente amigos y colegas y vea los cambios en cuanto estos suceden.

¡USA TU IMAGINACIÓN Y CREA TUS PROPIOS MAPAS MENTALES!

http://www.mindmeister.com/es 

SCREENR

Es una forma fácil, rápida y divertida de aprender por medio de un video, el cual nos lleva paso a paso, y nos enseña el funcionamiento, técnica y modo de aplicación de una herramienta, programa, lenguaje, etc.

¡DIVIERTETE HACIENDO TUS PROPIOS VIDEOS Y EXPLOTA TU IMAGINACIÓN EN SCREENR!

http://www.screenr.com/

LINKEDIN

Es la mayor red profesional del mundo en Internet y cuenta con mas de 120 millones de usuarios en más de 200 países y terriotorios.

Encuentra a antiguos colegas de trabajo y compañeros de clase rápidamente. LinkedIn te simplifica la comunicación con tus contactos profesionales.

Encuentra contactos directos cuando busques un trabajo o una nueva oportunidad comercial.

¡QUÉ ESPERAS ENTRA AHORA A LINKEDIN Y BUSCA NUEVAS OPORTUNIDADES!

http://www.linkedin.com/ 

MICROBLOGGING

Microblogging o también conocidos como nanoblogging, es un servicio que permite a sus usuarios enviar y publicar mensajes breves (alrededor de 140 caracteres), generalmente sólo de texto.

CARACTERISTICAS DE UN MICROBLOGGING:

• Brevedad
• Acciones
• Opciones para el envío
• Rapidez e Inmediatez
• Fluidez

Twitter es un servicio de redes sociales y microblogging. Se puede entender como una especie de bitácora personal pero en pocas palabras.
Podemos enviar mensajes de texto de una longitud máxima de 140 caracteres.
Puedes "seguir" a tus amigos, y ver que es lo que publican, tambien busca a tus estrellas favoritas y enterate de que es lo que estan haciendo. También puedes "retwittear" los comentarios que te agraden.


CARACTERISTICAS DE TWITTER:

• Permite que los usuarios estén fácilmente informados.
• Ahorra tiempo, ya que no se tiene que visitar todos los sitios de nuestro interés.
• Si un sitio tiene redifusión de contenidos con RSS podrás ver la diversidad de botones.

¡COMIENZA A SEGUIR A TUS AMIGOS ENTWITTER!

http://twitter.com/ 

Es una plataforma de blogs que nos permite crear entradas en las que podemos insertar textos, imágines videos, entre otras cosas.

De igual manera combina un sistema de microblogging, ya que podemos seguir a otros usuarios que estén dentro de tumblr, indicar que contenidos de los que publican nos gustan o nos hacen "reblog" de sus artículos.

CARACTERISTICA DE TUMBLR: 

• Capacidad de insertar siete tipos  de contenidos de una forma muy sencilla: Texto, Fotografía, Cita, Link, Conversación, Audio y Video.
• Poder seguir la entrada de otro usuario.
• Puedes indicar que un contenido de un usario te gusta.
• Se puede hacer "reblog" del contenido de otro usuario.
• Se puede planificar la fecha en la que se publicará una entrada.
• Podemos asociar tags a las entradas.
• Poder acceder a Tumblr vía Iphone y Blackberry.

¡ESCRIBE Y PUBLICA LO QUE TU QUIERAS EN TUMBLR!

https://www.tumblr.com/

Es una plataforma de multiplicación de contenidos que conecta el blogging con el resto de plataformas 2.0 (facebook, twitter, Delicious, Youtube, etc.) de manera inmediata y muy intuitiva, destacando la posibilidad avanzada de hacerlo directamente a través de email.

CARACTERISTICA DE POSTEROUS: 

• Es muy sencillo y simple de manejar.
• Posee un diseño "clean".   
• Interconexión con la principales plataformas 2.0 
• Rapidez e Inmediatez.

• El concepto de blog se puede transformar en comunidad, permitiendo que otros usuarios puedan postear.
• Incluye automáticamente la fuente del artículo seleccionado.
• Posibilidad de postear desde el móvil a través de un simple SMS.

¡EMPIEZA A USAR POSTEROUS!
https://posterous.com/