Este documento presenta una introducción al tema de la informática aplicada. Explica conceptos clave como páginas web, tipos de páginas web, características de las páginas web, web quest, wiki, portafolio digital, cómo crear una página web en Microsoft y HTML. También incluye secciones sobre siglas relacionadas a internet como WWW e historia del desarrollo de la World Wide Web. El documento provee una guía práctica y sencilla para entender conceptos básicos de la informática.
1. República Bolivariana de Venezuela
Ministerio Del Poder Popular Para la Educación superior
Instituto Universitario De Tecnología Juan Pablo Peres Alfonso
Iutepal_Ampliacion Puerto Cabello
Página web
Profesora Sonia padrón Bachiller José Pimentel
Iutepal_Ampliacion Puerto Cabello
2. Índice
CAPITULO 1: INFORMATICA APLICADA 1
INTRODUCCION 2
SIGLAS W.W.W 3
PAGINAS WEB, TIPOS Y CARACTERISTICAS 4
WEB QUEST 5
WIKI 6
PORTAFOLIO DIGITAL 7
PAGINA WEB EN MICROSOFT 8
PAGINA WEB EN HTML 9
BLOGS 10
CONCLUCION 11
3. Introducción.
El presente trabajo está diseñado de forma práctica y sencilla para comenzar
a conocer un poco de esta extraordinaria herramienta, recorriendo los
conceptos de páginas web y sus característica,, Internet, uso
y recursos, Navegadores y Buscadores definición y características, todo lo
referente a Software educativo, etc. y dando una breve descripción de los
principales componentes de un computador.
Es por eso que se puede definir como la ciencia que se encarga de
la automatización del manejo de la información.
La informática, por su rapidez de crecimiento y expansión, ha venido
transformando rápidamente las sociedades actuales; sin embargo el público
en general solo las conoce superficialmente. Lo importante para entrar en el
asombroso mundo de la computación, es perderle el miedo a esa extraña
pantalla, a ese complejo teclado y a esos misteriosos discos y
así poder entender lo práctico, lo útil y sencillo que resulta tenerlas como
nuestro aliado en el día a día de nuestras vidas.
4. Siglas w.w.w.
En informática, la Word Wide Web (WWW) o red informática mundial1
es
un sistema de distribución de documentos de hipertexto o hipermedias
interconectados y accesibles vía Internet. Con un navegador web, un usuario
visualiza web compuestos de páginas web que pueden
contener textos, imágenes, vídeos u otros contenidos multimedia, y navega a
través de esas páginas usando hiperenlaces.
La Web se desarrolló entre marzo de 1989 y diciembre de 1990.23
por
el inglés Tim Berners-Lee con la ayuda del belga Robert mientras trabajaban
en el CERN en Ginebra, Suiza, y publicado en 1992. Desde entonces,
Berners-Lee ha jugado un papel activo guiando el desarrollo de estándares
Web (como los lenguajes de marcado con los que se crean las páginas web),
y en los últimos años ha abogado por su visión de una Web semántica.
Utilizando los conceptos de sus anteriores sistemas de hipertexto como
ENQUIRE, el físico británico Tim Berners-Lee, un científico de la
computación y en ese tiempo de los empleados del CERN, ahora director
del Word Wide Web Consortium (W3C), escribió una propuesta en marzo de
1989 con lo que se convertiría en la World Wide Web.4
la propuesta de 1989 fue destinada a un sistema de comunicación CERN
pero Berners-Lee finalmente se dio cuenta que el concepto podría aplicarse
en todo el mundo. En la CERN, la organización europea de investigación
cerca de Ginebra, en la frontera entre Francia y Suiza,6
Berners-Lee y el
científico de la computación belga Robert Cailliau propusieron en 1990
utilizar el hipertexto "para vincular y acceder a información de diversos tipos
como una red de nodos en los que el usuario puede navegar a voluntad", y
Berners-Lee terminó el primer sitio web en diciembre de ese año.8
Berners-
Lee publicó el proyecto en el grupo de noticias alt.hypertext el 7 de agosto de
1991.
En el número de mayo de 1970 de la revista Popular Science, Arthur C.
Clarke predijo que algún día los satélites "llevarán el conocimiento
acumulado del mundo a sus manos" con una consola que combinara la
funcionalidad de la fotocopiadora, teléfono, televisión y un pequeño
ordenador, que permitirá la transferencia de datos y videoconferencia en todo
el mundo.
En marzo de 1989, Tim Berners-Lee escribió una propuesta que hace
referencia ENQUIRE, una base de datos y proyectos de software que había
construido en 1980, y describe un sistema de gestión de la información más
elaborado.
5. Página web.
Una página web, o página electrónica, página digital, o ciberpágina12
es
un documento o información electrónica capaz de contener
texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas,
adaptada para la llamada World Wide Web (WWW) y que puede ser
accedida mediante un navegador web. Esta información se encuentra
generalmente en formato HTML o XHTML, y puede proporcionar acceso a
otras páginas web mediante enlaces de hipertexto. Frecuentemente también
incluyen otros recursos como pueden ser hojas de estilo en
cascada, guiones (scripts), imágenes digitales, entre otros.
Las páginas web pueden estar almacenadas en un equipo local o en
un servidor web remoto. El servidor web puede restringir el acceso
únicamente a redes privadas, por ejemplo, en una intranet corporativa, o
puede publicar las páginas en la World Wide Web. El acceso a las páginas
web es realizado mediante una transferencia desde servidores, utilizando
el protocolo de transferencia de hipertexto (HTTP).
Tipos de páginas web.
Página Web Estática:
Es aquella que está compuesta de una serie de archivos que contienen el
código HTML que constituye la página en sí y que permiten mostrar los
textos, imágenes, videos, etc que conforman el contenido de la página.
Estos archivos se almacenan en el servidor de Hosting en formato HTML
junto con los archivos de imágenes (comunmente en formato jpg, gif o png) y
los videos y demás contenido del site.
Para modificar este tipo de página los archivos deben ser descargados del
servidor con algún software para este fin (como los clientes FTP), editado
usando un programa de edición de páginas web como el Dreamweaver,
grabados y subidos nuevamente al servidor.
Este proceso de edición requiere manejar una serie de programas que se
deben tener instalados en la PC y requieren de una serie de conocimientos y
habilidades para el uso correcto de estos programas.
Por lo general la edición de este tipo de páginas la realizan los diseñadores y
desarrolladores web dedicados a estas labores.
Este tipo de página son difíciles de manejar por el propio cliente debido a los
conocimientos y programas que se requieren.
6. Página Web Dinámica:
El término dinámico no se refiere a movimiento como muchos pueden
pensar. El término dinámico hace referencia a que la página web se
construye al momento en que la página es visitada por el usuario. Es decir
que el contenido de la página web no es fijo sino que se construye de
acuerdo a la interacción que el usuario hace con la página. La información de
este tipo de página suele estar almacenada en Bases de Datos de las cuales
se extrae una parte según las selecciones o acciones llevada a cabo por la
persona que visita la página web.
Páginas Web en HTML:
Son páginas estáticas construidas en el lenguaje de marcado HTML. Para
construirlas se necesita saber este lenguaje que es bastante sencillo. Se
puede usar software para edición web o simplemente un editor de texto
cualquier, inclusive el bloc de notas.
Este tipo de página tiene las desventajas de las páginas estáticas y son poco
recomendables.
Pueden ser hechas con muy pocos conocimientos, solo es necesario saber
un poco de diseño web para poder realizarlas.
Como herramientas de marketing y ventas son muy pobres y es muy poco lo
que pueden ofrecerle.
Páginas Web en algún lenguaje de programación de
servidor:
Son páginas dinámicas y están desarrolladas en algún lenguaje de
programación de servidor como: PHP, ASP, ColdFusion, Ruby, etc.
Usan además una base de datos para almacenar los contenidos de la página
en sí.
Para su desarrollo se requiere el uso de estos lenguajes y una serie de
conocimientos anexos.
7. Característica de página web.
Una página web está compuesta principalmente por información de un tema
factible (sólo texto y/o módulos multimedia) así como por hiperenlaces;
además puede contener o asociar hoja de estilo, datos de estilo para
especificar cómo debe visualizarse, y también aplicaciones embebidas para
así permitir interacción.
Las páginas web son escritas en un lenguaje de marcado que provee la
capacidad de manejar e insertar hiperenlaces, generalmente HTML.
Respecto a la estructura de las páginas web, algunos organismos, en
especial el World Wide Web Consortium (W3C), suelen establecer directivas
con la intención de normalizar el diseño, y para así facilitar y simplificar la
visualización e interpretación del contenido.
Una página web es en esencia una tarjeta de presentación digital, ya sea
para empresas, organizaciones, o personas, así como una manera de
comunicar ideas, pensamientos, conocimientos, informaciones o teorías. Así
mismo, la nueva tendencia orienta a que las páginas web no sean sólo
atractivas para los internautas, sino también optimizadas (preparadas), para
los buscadores a través del código fuente. Forzar esta doble función puede,
sin embargo, crear conflictos respecto de la calidad del contenido.
Que es una web quest.
La estructura básica de la WebQuest incluye cinco apartados: introducción,
tarea, proceso (en este apartado se incluyen los recursos, es decir, la lista de
sitios web que el alumno deberá consultar para poder realizar las
actividades, y el andamiaje, el cual brinda al estudiante una estructura de
trabajo que le sirva de guía durante el desarrollo de las actividades),
evaluación y conclusión.
Las WebQuest son utilizadas como recurso didáctico por los profesores,
basado en los recursos que proporciona Internet que estimulan a los
alumnos a través de la investigación a desarrollar el pensamiento crítico, la
creatividad, la toma de decisiones,2
como así también el desarrollo de
habilidades de manejo de información, como su recepción, transformación y
producción,3
y el desarrollo de competencias relacionadas con la sociedad de
información.
8. Que es una wiki
es el nombre que recibe un sitio web, cuyas páginas pueden ser editadas
directamente desde el navegador, donde los usuarios crean, modifican o
eliminan contenidos que, generalmente, comparten. No tiene por qué ser
necesariamente un sitio en la web, puesto que hay wikis instalables para uso
en el escritorio de un computador personal, o portables en un llavero USB
que llevan un entorno LAMP, como por ejemplo XAMPP.
Los textos o «páginas wiki» tienen títulos únicos. Si se escribe el título de
una página wiki en algún sitio del wiki entre dobles corchetes ([[Título de la
página]]) esta palabra se convierte en un «enlace web» a la página
correspondiente. De este modo, en una página sobre «alpinismo» puede
haber una palabra como «piolet» o «brújula» que esté marcada como
palabra perteneciente a un título de página wiki. La mayor parte de las
implementaciones de wikis indican en el localizador de recursos
uniforme (URL) de la página el propio título de la
página wiki (en Wikipedia ocurre así: <https://es.wikipedia.org/wiki/Alpinismo>
es el URL de la página wikiAlpinismo), facilitando el uso y comprensibilidad
del enlace fuera del propio sitio web. Además, esto permite formar en
muchas ocasiones una coherencia terminológica, generando una
ordenación natural del contenido.
Las aplicaciones de mayor peso y a la que le debe su mayor fama hasta el
momento ha sido la creación de enciclopedias colectivas, género al que
pertenece Wikipedia. Existen muchas otras aplicaciones más cercanas a la
coordinación de informaciones y acciones, o la puesta en común de
conocimientos o textos dentro de grupos.
La mayor parte de los wikis actuales conservan un historial de cambios que
permite recuperar fácilmente cualquier estado anterior y ver qué usuario hizo
cada cambio, lo cual facilita el mantenimiento conjunto y el control de
usuarios nocivos. Habitualmente, sin necesidad de una revisión previa, se
actualiza el contenido que muestra la página wiki editada.
9. Portafolio digital.
El portafolio digital se aplica sobre todo al ámbito educativo y hace referencia
al conjunto de evidencias en soporte digital que muestran el desarrollo,
evolución y logros de los estudiantes en su proceso de aprendizaje. La
práctica del portafolio digital en los ámbitos educativos entronca de manera
directa por un lado, con la teoría del aprendizaje constructivista
(Constructivismo), que afirma que el conocimiento es elaborado por el propio
aprendiz a partir de una secuencia de aprendizaje en la que a través del
cambio conceptual reestructura su modelo mental, y por otro con el
llamado aprendizaje significativo defendido por Ausubel, quien defiende que
las tareas o actividades propuestas al alumnado debe partir de los intereses,
aptitudes y actitudes del alumnado y estar relacionadas con los contenidos
previos que posee el alumnado.
Barrett (2009)3
propone un interesante esquema que sintetiza la relación
entre los distintos elementos del portafolio digital.
Mª Paz Prendes Espinosa y Mª del Mar Sánchez Vera (2009) opinan que
“...en educación el portafolio adquiere otra dimensión, no se limita a la mera
recopilación de trabajos, sino que incluye una narrativa reflexiva que permite
la comprensión del proceso de enseñanza o de aprendizaje, según el caso, y
además puede facilitar la evaluación”.
Para Bullock y Hawk (2000),4
lo que define un portafolio son los siguientes
cuatro componentes básicos:
Tiene unos objetivos determinados
Se desarrollan para una audiencia en particular
Contienen trabajos realizados, comúnmente conocidos como evidencias
Incluyen reflexiones personales acerca de las evidencias incorporadas
Según el uso
Jones (Citado por Ernesto Rey Sánchez y Águeda Mª Escalera Gámiz (2011)
establece la siguiente clasificación:
a) E-Portafolio de Evaluación. Permite valorar la consecución de criterios
específicos para obtener una titulación o trabajo
b) E-Portafolio de Aprendizaje. Permite ofrecer información sobre los
objetivos de aprendizaje de tal manera que el estudiante pueda tener
una visión de su proceso educativo.
10. Como hacer una página web en Microsoft
Pasos:
1.- Crea un nuevo documento. Ve al menú Archivo y elige Nuevo. Puedes
escoger Nuevo Documento o Nueva Página Web. Si escoges Nuevo
Documento tendrás la opción de guardarlo como una página web cuando lo
guardes por primera vez.
2.- Guarda tu nuevo documento. Antes de comenzar a construir tu sitio web
asegúrate de guardar el archivo por si pasa cualquier cosa antes de que
termines. Para guardar, ver a Archivo y escoge Guardar como Página Web.
Cuando nombres tu archivo, no uses espacios en el nombre.
3.- Modifica el texto de tu página web. Una vez hayas escrito algún texto,
puedes cambiar la fuente y color usando la barra de herramientas para texto
o abriendo el menú Formato y seleccionando Fuente para abrir la ventana de
selección de fuentes. Es mejor usar fuentes comunes que vienen pre-
instaladas en las computadoras. Si tu usas una fuente que tu visitante no
tiene instalada en su computadora, se le mostrará una fuente por defecto
como Courier, por ejemplo.
4.- Inserta fotos o imágenes mientras construyes tu página web. Para
insertar imágenes, ve al menú Insertar que se muestra en la parte superior
de la pantalla y escoge Imagen para seleccionar un archivo de imagen.
Cuando guardes tu sitio web, Office automáticamente guardará una copia de
tus imágenes en un archivo.
5.- Añade elementos web. La mayoría de versiones de Microsoft Office
Word ofrecen elementos web como sonido de fondo. Puedes crear formas
básicas como casillas de verificación y botones de opción. Acceso a estas
herramientas yendo al menú Insertar y abriendo Objeto HTML.
6.- Sube tu sitio web. Completa el diseño de tu sitio web y sigues las
instrucciones de tu sitio de hospedaje web para subir tu página. Office
guardará un archivo .HTML además de una carpeta con todas tus imágenes.
Tienes que subir tanto tu archivo .HTML y la carpeta para que tu página web
funcione apropiadamente.
11. Como hacer una página web en HTML
Pasos:
1-Comprende lo que es el HTML. Este es el lenguaje de codificación con el
cual se hacen las páginas web. Para ver cómo luce, ve a Internet Explorer y
haz clic derecho para seleccionar "Ver código fuente de la página". Verás
una página con códigos: eso es el HTML. El código es lo que ve el
navegador para interpretarlo y armar una página web.
En Google Chrome, presiona "F12".
En Mozilla Firefox, presiona "Ctrl+U" para ver el código fuente de la página.
En Safari, selecciona Ver > Ver fuente (u "Opción+Comando+U").
En Internet Explorer, la opción del menú "Ver" que deberás elegir es
"Origen".
.
2-Comienza con una página lo más sencilla posible, sino te verás
abrumado por la sintaxis y los lenguajes de script.
Es importante recordar que estarás escribiendo la información entre una
etiqueta de apertura y una de clausura, ambas de HTML. Una etiqueta de
apertura se verá así: <____>. Una etiqueta de clausura se verá así:
</____>. Al final, reemplazarás el "____" por un código.
3-Ve a Inicio > Programas > Accesorios > Bloc de Notas. Será mucho
más fácil si usas el Bloc de Notas++ (lo puedes descargar gratis por Internet).
Cuando hayas elegido el lenguaje HTML, todo lo que escribas estará
automáticamente conectado con diversos colores, de esta manera será
muchísimo más fácil corregir posibles errores.
4-Dile al navegador qué lenguaje vas a usar. Escribe <html>. Esta es la
primera etiqueta que deberás escribir, la cual le indicará a la computadora
que empezarás a hacer una página web. También se cerrará al final, así que
al final del documento, ciérralo con <>. Esto finalizará la página web.
12. 5-Añade el encabezado (head) de la página como se muestra en el
gráfico.
6-Ponle un título a la página. El título es importante, porque les dará a los
usuarios una idea del tema de la página. Además, cuando los usuarios le
pongan un marcador al sitio, el título es lo que único que verán en su lista de
marcadores. El código HTML para el título es: <title>. Ciérralo al final del
título escribiendo </title>. El título solo se mostrará en la pestaña, no será el
título de la página en sí.
7-Haz el cuerpo de la página. Escribe <body> para abrir la etiqueta del
cuerpo. Luego ciérrala con la etiqueta </body>. La información para la página
web irá entre <body> y </body>.
Para darle un color de fondo a la página, podrás añadirle un estilo al
cuerpo. En vez de solamente escribir, escribe <body style="background-
color:silver">. Podrás probar con un color distinto o incluso con un código
hexadecimal. Las palabras entre comillas se conocen como "atributos".
¡Deberán estar rodeados por comilla.
8-Escribe unas cuantas líneas de texto entre las etiquetas de cuerpo.
Para que el texto siga en la línea siguiente (como si presionaras "Enter"
en el teclado), escribe: <br>.
¿Quieres añadir alguna marquesina, es decir, una palabra que se mueve
de lado a lado de la pantalla? Solo tendrás que escribir
<marquee>TEXTO</marquee>.
9-Añade algunas imágenes. Si quieres colocar alguna imagen de Internet a
tu página web, el código HTML para las imágenes será: <img src="URL">. La
etiqueta de clausura es: </img>, pero es opcional.
13. 10-Revisa todo para asegurarte de que todas tus etiquetas estén
cerradas. Tu página web deberá verse algo así:
11-Guarda tu trabajo. Ve a "Guardar como", ingresa un nombre de archivo
que termine en la extensión .HTML (por ejemplo: "archivodeprueba.html") y
escoge "Todos los archivos" o "text" en Tipo de archivo. No funcionará si no
se siguen estos pasos. Ahora ve adonde lo hayas guardado y haz doble clic
para abrirlo. Tu navegador predeterminado se abrirá con tu propia página
web.
Que es un blog.
Un blog o bitácora es un sitio web que incluye, a modo de diario personal de
su autor o autores, contenidos de su interés, actualizados con frecuencia y a
menudo comentados por los lectores.
Sirve como publicación en línea de historias con una periodicidad muy alta,
que son presentadas en orden cronológico inverso, es decir, lo más reciente
que se ha publicado es lo primero que aparece en la pantalla. Antes era
frecuente que los blogs mostraran una lista de enlaces a otros blogs u otras
páginas para ampliar información, citar fuentes o hacer notar que se continúa
con un tema que empezó otro blog.
Actualmente un blog puede tener diversas finalidades3
según el tipo de blog,
su taxonomía o incluso su autoría, como por ejemplo para reforzar la marca
personal del autor, generar información para comunidades temáticas
concretas o incluso servir como medio para buscar oportunidades laborales.
14. Conclusión.
El presente trabajo hemos analizado el objetivo que tienen la introducción a
la informática el cual es: mostrar al estudiante lo que será en adelante la
pieza fundamental de su estudio como es el computador. Su historia como
nace y como va evolucionando a través del tiempo, y como se va aplicando
tecnológicamente a nivel de redes y computadores individuales.
La informática está presente prácticamente en toda actividad humana,
directa o indirectamente. Por eso, ha adquirido tanta relevancia que es
imprescindible la preparación de los niños y jóvenes, no sólo en el uso de la
computadora y en el desarrollo de ciertas habilidades prácticas en este
campo, sino en la comprensión de su funcionamiento y en la valoración de su
potencial, así como en el conocimiento de sus limitaciones y los riesgos que
le acompañan.
El mundo de la alta tecnología nunca hubiera existido de no ser por el
desarrollo del ordenador o computadora. Toda la sociedad utiliza estas
máquinas, en distintos tipos y tamaños, para el almacenamiento y
manipulación de datos. Los equipos informáticos han abierto una nueva era
en la fabricación gracias a las técnicas de automatización, y han permitido
mejorar los sistemas modernos de comunicación. Son herramientas
esenciales prácticamente en todos los campos de investigación y en
tecnología aplicada.