martes, 15 de noviembre de 2011

ABC DE HTML y CSS

El HTML, podria decirse que es el lenguaje utilizado para la elaboracion de paginas web.
El cual tiene su estructura y reglas.
Para comenzar a realizar nuestra pagina web, debemos de abrir el bloc de notas. Como dijimos anteriormente el HTML, es un lenguaje y como todo lenguaje tiene su estructura y reglas asi que es esencial agregar lo siguiente
  • Lo primero es agregar <html>, y </html> para cerrar la operacion.
  • Para agregar un titulo a nuestra pagina lo unico que debemos de hacer es agregar <head><title> juntamente escribimos el titulo de nuestra pagina y lo cerramos con:</title></head>
  • Para agregar el contenido que deseamos en nuestra pagina escribimos <body> juntamente agregamos el contenido que deseamos que tenga nuestra pagina y cerramos </body> nos quedara de la siguiente forma:



Para definir el tamano, los siguientes codigos, los debemos agregar debajo del texto donde deseamos agregarlo:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            } (cerramos la llave)

Para agregarle color a nuestro texto agregamos los siguientes codigos, recuerda que siempre van junto o abajo del texto que desees agregarle color:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color: ingresas el codigo del color que desees agregar
            } (cerramos la llave)

Para cambiar el estilo de letra que deseamos que tenga nuestra pagina web:
  
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color:#20659f;(azul) tu puedes escoger el color que quieras
            Font - family: Arial;lige el estilo que mas te guste)
            } (cerramos la llave)
Texto en negrita agregamos:

  • <strong> texto </strong>
Si deseas agregar una tabla:
  • <table>
  • <tr> se usa para definir las filas de la tabla
  • <td> se usa para definir las celdas de la tabla
No olvides de cerrarlas:
  • </table>
  • </tr>
  • </td>
Si deseas centrar tu texto ingresas:
  • alighn = "center"
Si deseamos agregar una imagen:
  • <imgs src - "ingresa el link de la imagen.jpg" width - "agregas el tamano que deseas de tu imagen" height - "agregas el tamano que deseas de tu imagen">
Para agregar un videa de youtube:
  • Copias el link del video que desees insertar a tu pagina:
  • <link de tu video>
Para agregarle un fondo a tu pagina lo unico que debes de hacer es:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color:#20659f;(azul) tu puedes escoger el color que quieras
            Font - family: Arial;lige el estilo que mas te guste)
            } (cerramos la llave)
            body{
            background - color:#1dadc7; (agregas el codigo del color que desees para tu fondo)
            } (cerramos la llave)

Si deseamos una imagen como fondo:
  • <style type - "text/css"> abajo
           .frase{ (abajo)
            font - size: 18 px; (elige el tamano que desees)
            Color:#20659f;(azul) tu puedes escoger el color que quieras
            Font - family: Arial;lige el estilo que mas te guste)
            } (cerramos la llave)
            body{
            background - image: url (fondo.jpg);
            } (cerramos la llave)

lunes, 24 de octubre de 2011

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 !

domingo, 23 de octubre de 2011

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!





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!







viernes, 21 de octubre de 2011

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! 

miércoles, 19 de octubre de 2011

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


martes, 18 de octubre de 2011

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!

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!