En esta primera clase hablaremos de qué se trata la clase. Qué significa diseñar una página Web. Estudiaremos cómo la tecnología impacta y transforma las actividades cotidianas. Se analizarán las formas en las que se puede usar el Internet como medio de expresión personal y social.
Introducción: Identidad y Web.
Me gustaría empezar este curso con una simple pregunta: ¿Para qué sirve el Internet? Los diversos usos que podemos darle a la Web son infinitos. No existe una respuesta universal, pero ciertamente una de ellas es permitir comunicarnos. Pero, me gustaría reflexionar específicamente en otro aspecto importante: la identidad en la Web. La Web es una herramienta que nos permite promovernos y darnos a conocer a un sinfín de personas. De hay nace otra pregunta importante… ¿Qué presentamos? ¿A uno mismo? ¿Su historia? ¿Sus servicios? ¿Su vida? ¿Sus momentos felices? La Web siempre es una extensión de uno mismo, una cara que queremos dar al mundo. Pero así como aprendernos a vestirnos para una fiesta, para el trabajo, para ir a bailar, es importante conocer herramientas para presentarnos en la Web.
Un ejemplo del uso que muchas personas dan a la Web se ve reflejado en uno de mis proyectos favoritos del mundo cibernéico, se llama “We feel fine” de Jonathan Harris. Esta aplicación de la Web muestra, de manera muy original, cómo las personas expresan sus sentimientos en línea. Este programa, busca los enunciados “Me siento…”, los roba y los muestra aquí.
Les presento esto, no porque quiero que todos me expresen sus sentimientos en la Web. Sino, porque quiero compartirles los diferentes usos que podemos dar a esa herramienta. En esta clase vamos aprender a crear un portafolio: Una presentación de nosotros mismos hacia el mundo. Pero para eso es importante tener en mente, qué es lo que queremos presentar de nosotros. Tocaremos más a detalle cuando hablé de la actividad en clase.
Ejercicio en linea: Por favor vean este video:
¿Sabías qué?
Conceptos Básicos de Computación, Internet y de la Web
La definición de estos conceptos están basados en el material del blog Web Development Intense http://wd.onepotcooking.com/2009/09/24/class-1-basic-computer-usage. Este material esta protegido por derechos de autor.
Lo que llamamos la Web, en español sería Red Global Mundial, pero mejor la llamaremos la Web, ha existido por los últimos 20 años. Comúnmente el término Internet y la Web se usan como sinónimos, pero son distintos.
El Internet se refiere a la conexión de una computadora a otra, es la infraestructura, mientras la Web se refiera a la ligadura o conexión entre un documento y otro. La Web, entonces ser fiera a todos los documentos que sólo están accesibles por un protocolo llamado HTTP. La Web es una de las formas que podemos interactuar con el Internet, y HTTP es uno de los protocolos (o lenguajes). Por ejemplo existe otro protocolo llamado FTP que usaremos en esta clase, este sirve para transferencias de archivos.
En esta clase vamos a aprender cómo hacer páginas Web. Para esto vamos aprender HTTP que nos servirá para que otras personas puedan encontrar nuestros documentos en línea. Para poder continuar es necesario que todos tengamos un entendimiento mínimo de cómo usar una computadora. Por esa razón vamos a repasar unos términos:
Archivos o documento
Los archivos informáticos se llaman así porque son los equivalentes digitales de los archivos en tarjetas, papel o microfichas del entorno de oficina tradicional. Los archivos informáticos facilitan una manera de organizar los recursos usados para almacenar permanentemente datos en un sistema informático.
Directorio, Carpeta o fólder [lo mismo]
Una carpeta es un objeto que se utiliza para agrupar y proteger los archivos sueltos de una organización.
Tipos de Archivos.
Para esta clase tenemos que hacer distinción entre dos tipos de archivos:
1. Texto
2. Binarios.
Los archivos de texto contienen eso: texto. Los archivos binarios son más complejos pero para esta clase cuando hablamos de archivos binarios estamos refiriéndonos a fotografías, video, audio.
Creación de Archivos.
Archivos desarrollados para la Web son creados y editados en una computadora. No es necesario usar programas complejos para editar los archivos de nuestras páginas Web. Podemos hacer uso de un editor de texto como wordpad, o textpad.
Extensión de archivo
Es una cadena de caracteres (letras) que acompañan al nombre de un archivo, usualmente precedida por un punto. Su función principal es diferenciar el contenido del archivo de modo que el sistema operativo pueda saber que va a hacer con ese archivo. Ejemplo: .doc, .txt, .tiff, .jpg, .gif, .html.
Sistema operativo
Un sistema operativo define la manera en como nosotros, como humanos accesamos la información en la computadora. Las computadoras manejan principalmente tres sistema operativos: Mac, Windows, o UNIX. Cada uno proporciona la misma función pero varían en la forma en la que se interactúa con ellos.
Transferencia de archivos.
Como diseñadores Web tenemos que aprender a cómo compartir nuestros archivos en línea. Para esto es necesario transferir nuestros archivos a un servidor Web. Un servidor Web es una computadora que se encarga de transmitir y hacer públicos para todos nuestros archivos.
Administrador o navegador de archivos
En la computadora uno busca organizar la información para poder encontrarla, en otros casos perderla. Un navegador nos permite buscar estos archivos y en algunos casos nos dan una muestra de lo que hay en el. Para esto es necesario entender la estructura de nuestra organización para hacer búsqueda de nuestros archivos. Los archivos en la computadora se organizan jerárquicamente, esto significa que están organizados en fólderes, y estos fólderes los introducimos en otros fólderes. .
Navegador Web
Un navegador Web (del inglés, Web browser) es un programa que permite visualizar la información que contiene una página Web. El navegador interpreta un archivo HTML y lo presenta en pantalla permitiendo interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervínculos. Existen muchos navegadores Web, entre ellos: Microsoft Internet Explorer, Firefox, Safari, Chrome.
NOTA: Nosotros vamos a utilizar Firefox, porque ofrece muchas herramientas que nos facilitan nuestra tarea como diseñadores web.
En esa clase vamos a cubrir hacer uso de XHTML, CSS y algo de Flash. El proyecto final de la clase será un portafolio en línea.
Pueden ver la presentación de la clase aquí:
Si la quieren guardar en sus archvivos pueden descargar el archivo haga click aqui