viernes, 28 de febrero de 2014

9. CREACIÓN DE LA PÁGINA WEB



¿QUÉ ES UNA PÁGINA WEB?
 
Empezando por su definición, consideramos una página web a un documento disponible en Internet, o World Wide Web (www), codificado según sus estándares y con un lenguaje específico conocido como HTML. Es algo a lo que estamos acostumbrados a acceder si leemos este artículo pero no todos conocen realmente su funcionamiento.



A estos sitios se puede llegar a través de los navegadores de Internet, que reciben la información del documento interpretando su código y entregando al usuario la información de manera visual. Estos suelen ofrecer textos, imágenes y enlaces a otros sitios, así como animaciones, sonidos u otros.

Una página web necesita un lugar donde alojarse para que cuando el usuario solicite la información desde su navegador, la información que esta contiene se cargue y aparezca en el ordenador. Es por ello que los sitios web se encuentran en un servidor web o host, que podría definirse a grandes rasgos como un gran ordenador que entrega el contenido cuando se solicita por la red. Este mismo servicio de almacenamiento se conoce como hosting.

Tipos de página web

Básicamente existen dos tipos de páginas web: estáticas y dinámicas. Las estáticas forman parte de épocas anteriores, puesto que son de contenido fijo y no son aptas a actualizaciones constantes. En el caso de las dinámicas, pueden ser construidas en HTML o en otra extensión, como por ejemplo PHP. En este último caso se permite la interacción en tiempo real, apto para algunas páginas web con estas necesidades específicas, como pueden ser los foros.

Elementos principales de una página web

Los elementos principales en una página web son:

Texto: a veces redactado por un único autor y otras veces por los usuarios de la misma en el caso de algunas páginas dinámicas con lenguaje como php.

Imágenes: gif, jpg y png son los tres formantos que suelen utilizarse normalmente.

Audio y vídeo: suele utilizar las extensiones midi, wav o mp3. También se utilizan las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se hace al añadir vídeos de Youtube.

Otros: existen además otros elementos que han ido aumentando y evolucionando también con el paso de los años y las nuevas tecnologías. Estos son Adobe Flash, Adobe Shockwave, Java o enlaces (también llamados hipervínculos), por ejemplo.

¿Qué se necesita para crear un sitio web?

Para crear un sitio web se necesita un editor de html o texto. Algunos editores conocidos para esta función son Microsoft Frontpage y Dreamweaver, parecidos a Microsoft Word en su uso pero con su función específica.

Por otro lado, existen proveedores que permiten crear páginas sencillas, como es el caso de Wordpress con la creación de blogs y también de páginas web en función de la plantilla que se utilice. Este es un recurso gratuito y sencillo para cualquier usuario.

En segundo lugar se necesita un cliente FTP que permita cargar la información a un servidor (en el caso de Wordpress o Blogger no es necesario puesto que es posible alojar la página en sus propios servidores). Los más usados son SmartFTP, aunque es de pago, y los gratuitos Filezilla y OpenSource.

Y por último, para acceder a estas páginas web, se necesitan los navegadores. Entre los más utilizados se encuentra Firefox, Safari o Internet Explorer. Este último viene por defecto instalado en los equipos con sistema operativo Microsoft, al igual que ocurre con Safari y los dispositivos de Apple.



¿QUÉ ES JIMDO?


Jimdo es un editor web gratuito basado en su propio sistema de gestión de contenido para la creación de páginas web sin necesidad de conocimientos HTML. Algunas publicaciones afirman que se trata de «uno de los mejores editores web gratuitos que existen». Se caracteriza por su velocidad y facilidad de uso.

Este servicio gratuito pertenece a la Web 2.0 y permite crear y personalizar online páginas web utilizando la tecnología WYSIWYG. Las páginas web son alojadas en los servidores de la empresa y la dirección URL de los sitios son un sub-dominio de jimdo.com (ej. nombre.jimdo.com). También es posible utilizar un nombre de dominio propio para una página web creada con Jimdo Pro, la versión de pago que permite un aprovechamiento mejor y herramientas más extendidas para su explotación. También se encuentra el servicio de pago jimdo bussines el cual te permite crear dos dominios y 50 gb de almacenamiento en sus paginas.

La interfaz de Jimdo está basada en un sistema de módulos que se pueden añadir, mover y eliminar de forma flexible. De esta manera se pueden insertar textos, imágenes propias o de plataformas externas como Flickr, vídeos de YouTube, widgets y otros elementos. El diseño de la página también se deja personalizar de forma fácil por medio de plantillas predeterminadas o insertando plantillas propias.

Jimdo está disponible en 8 idiomas (español, francés, inglés, alemán, italiano, japonés, ruso y chino)


¿Cómo crear una página en jimdo?

a) Nos vamos a la página http://es.jimdo.com/ y seguimos los siguientes pasos:

1. Colocamos el nombre para nuestra página
2. Colocamos nuestra dirección de correo electrónico
3. Ponemos una contraseña y seleccionamos las condiciones de uso
4. Oprimimos el botón crear


5. y listo ya esta crada nuestra pagina web en jimdo


PRINCIPALES CARACTERISTICAS DE JIMDO


¿COMO LE DOY FORMATO A MI PAGINA WEB EN JIMDO?



1. Para facilitar las cosas primero les he de decir que es sumamente facil transportar texto e imagenes directamente a la página ya sea con la tecla "Imprimir pantalla" o con el comando copiar y pegar

2. Seleccionamos cualquiera de las opciones que queramos modificar:editar título de imagen, Editar menú de navegacion o modificar las caracteristicas generales de la página.











3. Seleccionamos el cuadro de opciones de imagen(editar título de imagen)

Acontinuación indicaremos las caracteristicas que podemos utilizar para hacer más atractiva la página e incluir información





4. Para agregar una nueva página donde poner información nos vamos a editar menú de navegación de desde donde crearemos nuestros subtemas que integraran nuestra súbpagina. Oprimimos el botón de agregar subpagina y le damos guardar para crearla.





5. Luego procedemos a ingresar a ella oprimiendo en el menú de navegación la nueva subpágina y aparecera la opcion personaliza el contenido. Podemos elegir los siguientes contenidos:



Elegimos un contenido(el ejemplo presentado es de imagen con texto)

6. Copiamos y pegamos la información dentro del cuadro de texto presentado




7.- Seleccionamos el tipo de plantilla que deseamos para nuestro trabajo




8.- Luego agregamos el estilo






9.-Otras características que se incluyen son el poder incluir Blog, Pro/Business, Ajustes, SEO, Tienda online, estadisticas, ayuda online. La desventaja es que muchas de estas opciones tienen un costo adicional.


10.Para guardar los cambios le damos cerrar sesión


CONTACTO

Les dejo la página que cree. Visitenme.
http://nickno231tics.jimdo.com/

8. CONSTRUCCIÓN DE UN BLOG EN BLOGGER




¿QUE ES UN BLOG?
Los Blogs son un tipo de sitio web dinámico que permite a su dueño publicar entradas o artículos los cuales luego serán visitados por otros usuarios quienes pueden dejar sus comentarios.

Un blog es la herramienta de comunicación digital más utilizada en la red. En ellos el autor recopila y publica información sobre un tema concreto. Existen infinidad de temas y no tienen que ajustarse necesariamente a uno sólo.

HISTORIA DEL BLOG

Este ejemplo de instrumento en realidad no es nada nuevo, pues ya hace más de 15 años por ejemplo Geocities ofrece un sistema donde se puede tener un sitio personal gratuito y la edición de las páginas es también mediante formularios, pudiendo subir imágenes también.

El sistema de comentarios tampoco es nuevo, pues también hace más 14 años ya que existen los foros donde se pueden proponer temas y diferentes usuarios pueden ir agregando comentarios.

Peor aún antes de la aparición de la Páginas Web, que partieron en 1989, existían otros sistemas donde los usuarios de Internet podían subir noticias y también recibir comentarios, estas eran conocidas como News... pero ya son prácticamente parte de la historia de Internet.

 ¿COMO FUNCIONA EL BLOG?

El emisor del mensaje, en el blog,  puede dar la opción al receptor de comunicarse con él. Esto puede hacerse a través de un apartado de comentarios o directamente por email. También son conocidos en español como bitácora y en inglés como weblog. Es lo más parecido a un diario ya que su contenido se actualiza periódicamente y en un orden cronológico. cada noticia publicada se llama post.

LOS MAS CONOCIDOS

Existen numerosos servidores en los que alojar un blog. Los más comunes  y utilizados para el ambito educativo son Wordpress, Slideshare y Blogger. Estos son gratuitos y ofrecen plantillas para la creación de blogs. No necesitan instalar ningún software y no se requieren conocimientos previos para publicar en ellos.

En el ambito recreativo también tenemos a blogs famosos como Facebook y MySpace.

¿Qué es blogger?¿y cómo funciona?

Blogger es un servicio creado por Pyra Labs, y adquirido por Google en el año 2003, que permite crear y publicar una bitácora en línea. Para publicar contenidos, el usuario no tiene que escribir ningún código o instalar programas de servidor o de scripting.

Los blogs alojados en Blogger generalmente están alojados en los servidores de Google dentro del dominio blogspot.com. Hasta el 30 de abril de 2010, Blogger permitió publicar bitácoras a través de FTP.
¿Cómo crear un blog?
 Describiremos los pasos para hacer un blog

1. Ingresar a la página gmail.com
2. Se ingresa a la cuenta que previamente tenemos en gmail y damos clic en acceder.
3. Luego nos ubicamos en la parte superior derecha en aplicaciones y seleccionamos el icono de Blogger
 4. Ya dentro de blogger le damos crear blog agregamos el título del blog y la dirección, la plantilla que llevará y se oprime crear blog.




5.- Luego para publicar un trabajo dentro del blog oprimimos Empezar a publicar entradas


6.Luego se le ingresa un titulo a la entrada, escribimos nuestro trabajo, le damos formato, podemos agregar imagenes(en el área que indicamos en la imagen de abajo). Una vez terminado le damos publicar la información.



 7.Luego aparece la siguiente pantalla:

a) Para compartir podemos agregar un comentario sobre el trabajo publicado en la entrada.
b) En esta sección podemos permitir que cualquiera pueda observar la información de la entrada
c) Agregar amigos y conocidos para que puedan saber de nuestro blog
d) Al terminar le damos compartir para enviar y guardar nuestro trabajo
e) En esta area podemos previsualizar la infromación del blog


f) Y finalizamos (podemos agregar mas entradas a nuestro blog en agregar entradas)