Lenguaje WEB!: 2011

martes, 15 de noviembre de 2011

Comunicacion MEdiada por Computadora

La comunicacion es escencial ennuestra vida, y en la era en lacul vivimos hemos llegado a un punto en el cual, los celulcares, la computadora y mas aparatos de estos, se han vuelto escenciales para nuestra ciomunicacion!

Existen muchso programas los cuales no ayudan a comunicarnos con dichos aparatos. estos programas son como los siguientes.

La comunicacion de las personas atraves de las computadoras, y estos programas viene ya de tiempo atras, asì como tambien la comunciacion asincronica, la cual nos permite comunicarnos y resibir respuesta inmediata de otras personas, y la sincronica la cual nos permite trasmitir algo a un grupo de personas. Hoy en dìa las personas viven con estos paratios, con esta forma de comunicacion! se ha vuielto algo indispensable y funcional en las sociedades.

ABC, de HTML y CSS

Codigos basicos a la hora de Crear un HTML, en un blog de notas!
Todo ello nos sirve opara crear una pagina web, utilizar los codigos no es nada sencillo pero es muy util saber sobre esto, ya que puede llegar a ser funcional en nuestras vidas.
Siempre se comienza con
<html> y cada vez que terminamos se coloca </html> para cerrar debidamente.
y hay mas codigos que podemos utilizar como los siguientes. .

<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario. Como por ejemplo el título de la ventana del navegador. Dentro de la cabecera <head> podemos encontrar:
<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

<style>: para colocar el estilo interno de la página; ya sea usando CSS, u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> podemos encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.

<table>: define una tabla.

<tr>: fila de una tabla.

<td>: celda de una tabla (debe estar dentro de una fila).

<a>: hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org" title="Wikipedia" target="_blank" tabindex="1">Wikipedia</a> se representa como Wikipedia).

<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

<li><ol><ul>: etiquetas para listas.

<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

<u>: texto subrayado.

La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:

<table><tr><td>Contenido de una celda</td></tr></table>.

<script>Código de un [[script]] integrado en la página</script>.

Estos codigos fueron tomados de Wikipedia, y son realmente los basicos para poder craear una pagina web. Para los colores ttambien existen distintos codigos, cada color es un codigo, los encontraras asì

y Aqui les dejo un video de como colocar los codigos, y el orden que llevan, ya que la funcionalidad de los mismos esta explicada aqui :)

Crear una pagina web ya conociendo los codigos, lo demas es cuestion de tu creatividad.

Guìa para Crear una pagina Web

Como crear una pagina web, es bastante complejo de la forma en la cual lo utilicemos.
Para ello primero que nada debemos conocer cual es el trabajo que quertemos realizar y que caracteristicas llevara concorde a lo que se indique.

Se debe pensar en lo que se quiere transmitir, la importancia que tiene el visitante, segun los servicios que este brindara y el objetivo que tendra el sitio web.

La creacion del diseño puede realizarse con el famoso programa de adobe photoshop o algun otro que sea para el mismo fin con el cual podamos crear y diseñar nuestra web. Luego al preparar lo elementos todos deben ir por separado mi amor lindo y deben ser colocados o es recomendado colocarlos todos los elementos que utilizaras dentro de una sola carpeta.

Un editor de paginas web que podemos usar es DreamWeaver ya que este programa trabaja sobre distintas plataformas y nos brindara un mayor control a la hora de manejar el sitio web.
La pagina web puede crearce por medio de la utilizacion de formato HTML, ya que este formato es el estandar para poder crear paginas web y editarlas. utilizando tambien una hoja CSS.

Al querer utilizar animaciones Flash en la pagina web, podran utilizar el programa de Adobe Flash,
con el cual podran darle animacion a ciertor elementos. recordadndo siempre que cada detalle hace lucir a la pagina wweb mas profesional.

Siempretomando en cuenta y sin perder el objetivo, los contenidos, la funcionalidad de esta misma

lunes, 24 de octubre de 2011

Blogger

Blogger como pueden ver es una gran herramienta para crear un blog y postear sobre las cosas que nos gustan y personalizarlo, Blogger esta conectado a cuentas de Google por lo cual es mas fácil todavía utilizarlo y crear cuenta!

este no es mi único blog ya antes había utilizado blogger y creado estos 2 distintos blogs!
me gusta mucho blogger en lo personal porque se puede personalizar bastante y los gadgets son esas herramientas que le dan aun otro toque al blog y la mayoria de cosas las encuentras y solo están para usarlas y claro también lo bueno es que puedes crear tus propias plantillas o gadgets solo que eso si lleva ya un poco mas de trabajo!

Este es uno de mis blogs

http://kakumeiproject.blogspot.com/

y este es el otro

http://revolutionanimeproject.blogspot.com/

Aunque ya hace algún tiempo que no los utilizo pero pude aprender bastante a manejar blogger!

Software Libre

Vamos a hablar un poco acerca de linux _ Ubuntu

QUE ES UBUNTU?

Ubuntu es un sistema operativo basado en GNU/Linux desarrollado por la comunidad de
usuarios que es perfecto para computadores de escritorio, portátiles y servidores.
Contiene todas las aplicaciones que necesitas: un navegador de internet, programas para
texto, presentaciones y hojas de cálculo, mensajería instantánea y mucho más. Conozca
más acerca de Ubuntu en http://ubuntu-
cl.org (español)o en http://www.ubuntu.com (inglés)

modificarlo sin restricciones.

Al estar basado en GNU/Linux es un sistema muy estable.

Contiene la suite de oficina OpenOffice completamente compatible con MS Office,
el navegador de Internet Firefox, el programa de gráficos GIMP, el gestor de
correos Evolution y más de 16,000 programas listos para instalar

Gracias a :

http://es.scribd.com/doc/2171193/Que-es-Ubuntu

Wikispaces

WIKIS FOR EVERYONE!

WIkispaces es una herramienta que ahora se utiliza mucho, uno puede encontrar variedad de Wikispaces acerca de distintos temas!. pareciera que cada cosa tiene se wikispace! en el cual ponen todo lo relacionado a ello, y hasta Fans de ciertas cosas crean wikispaces de lo que siguen, o idolatran. y la verdad es que crear uno no es nada difícil! si no al contrario la facilidad que brinda Wikispaces para poder crear uno su espacio es lo que hace que los usuarios cresacan y las personas obtén por usar wikispaces!

Entra aquí y compruebalo!
http://www.wikispaces.com/

Nativos Digitales

Somos nativos digitales, los jóvenes de esta era han crecido con con la tecnología, en los últimos años esta se ha venido desarrollando y por lo tanto ha venido evolucionando y cada vez estableciendo ce mas y mas en la sociedad como una necesidad mas!!

Yo sin internet no se lo que haría, los telefonos ahora la mayoria con redes sociales, internet, las laptops, los iphone las ipads y todos esos aparatos tecnológicos que forman parte de nuestro diario vivir,, cada día enredándonos mas. No se sabe hasta donde llegara la tecnología pero lo que si se es que nosotros podemos y aprendemos fácilmente a manejar la ya que crecemos con ella! para muchos jóvenes es bastante fácil aprender a usar dichos aparatos o manejarse atravez de la red, porque esta en nosotros lo Digital :)!

MindMeister

Con mindmeister es una útil herramienta para crear mapas mentales :)! de una forma sencilla!
este te brinda las herramientas necesarias así como también una variedad de las mismas para poder ir creando el mapa mental que buscas!
También al final puedes exportar el mapa como una imagen y ya utilizarla para lo que desees

Esta es la pagina :)!
http://www.mindmeister.com/es

:D

Personalizar Fanpage en FB!

Es tan simple utilizando las aplicación correctas!
lo primero que se hace es crear la fan page! Con FBML o claro también con HTML!
pero es mas sencillo el usar el FBML y la aplicación la puedes encontrar en el mismo FB!
Y tambien puedes agragar ya aplicacion como youtube, twitter, y distintas aplicaciones a Tu Fanpage de Fb para personalizarla :)!
aqui mis Fanpage
http://www.facebook.com/pages/Yizipops/104438782935631
http://www.facebook.com/otakustoregt
http://www.facebook.com/pages/BOS-cultura-Musical-asiática-/156243921133724

Cualquier duda pueden comentar y con gusto!

Screenr

Screenr es una pagina online la cual ayuda a crear este tipo de videos!

Videos que principalmente se utilizan como tutorial!, Screenr sirve mucho para crear este tipo de vídeos y para luego subirlos a tu cuenta de Youtube o algún otro sitio de Vídeos Online :D!

Fácilmente puedes probarlo :3
http://www.screenr.com/

Entra y pruebalo ;)!

Linked In

Esta red Social es desde mi punto de vista para uso y contacto profesional :D!
es como un pequeño fb o hi5 pero sus opciones tienden a ser mas con objetivo profesional y las personas que lo usan realmente lo ven con ese interés, estudios, trabajo, y dichas cosas que sirven profesionalmente y no por entretenimiento únicamente.
Es bueno poder tener Linked In puede llegar a ser muy útil en el campo laboral.

Tumblr

Un Microblogging y sin duda uno de los que mas uso! en lo personal me gusta bastante, es personalizado, pueden colocarse distintas cosas, como vídeos, imágenes, links, quotes, etc. y lo mejor es que es bastante simple!. Tumblr es una herramienta que sierve atreves de los Followers y Follows pero principalmente es atravez de las etiquetas ya que por medio de estas, hasta persona que no lo siguen o que no sigues pueden ver tu post, con el simple hecho de la etiqueta sea un gusto en común con la persona!
Como usarlo como he mencionado es bastante fácil desde que inicias o abres tu cuenta puedes buscar esos Tumblr con gustos en común para seguirlos :D!
Y así entretenerte, informarte, compartir o simplemente pasar un buen momento ;D

Pueden crear su cuenta entrando aquí:
http://www.tumblr.com

Así como también pueden seguirme o pueden simplemente ver el mio se los dejo acá
http://jenniidiguez.tumblr.com/

Y ahora hasta tienen la versión en español ;D

Foursquare

Foursquare es una herramienta bastante útil para las personas con Internet movil, en sus celulares o laptops y también si tiene GPS ayuda mucho poder usar mejor Foursquare
Compartir Foursquare con los amigos, con lugares como los restaurantes donde aveces puedes encontrar promociones y sobre todo como un medio publicitario y de fácil comunicación! ganando medallas, haciendo Check-in y Check-out, sera una forma distinta de darle uso a una red social :D!

no te quedes sin tu cuenta y Foursquare
https://foursquare.com/

Puedes crear tu cuenta fácilmente
y darle el mejor uso!

Lenguaje WEB!