42
Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática Trabajo: Paginas web «Semestre» «Grupo» «5» «c»

C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

  • Upload
    anitra

  • View
    36

  • Download
    0

Embed Size (px)

DESCRIPTION

C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática Trabajo: Paginas web «Semestre» «Grupo» «5» «c». El origen de las paginas web. - PowerPoint PPT Presentation

Citation preview

Page 1: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Colegio de bachilleres de Chiapas plantel 56

Catedrático:Lic. Jorge Roberto Nery González

Alumno:Enrique Morales Lorenzo

Materia:Informática

Trabajo:Paginas web

«Semestre» «Grupo» «5» «c»

Page 3: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

ORIGEN DE LA PAGINA WEB

a Web se remonta a la propuesta de Vannevar Bush en los años 40 sobre un sistema similar: a grandes rasgos, un entramado de información distribuida con una interfaz operativa que permitía el acceso tanto a la misma como a otros artículos relevantes determinados por claves. Este proyecto nunca fue materializado, quedando relegado al plano teórico bajo el nombre de Memex. Es en los años 50 cuando Ted Nelson realiza la primera referencia a un sistema de hipertexto, donde la información es enlazada de forma libre.

Page 4: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

¿QUÉ SIGNIFICA LA PALABRA WEB?

World Wide Web (la "telaraña" o "maraña mundial") es tal vez el punto más visible de Internet y hoy en día el más usado junto con el correo electrónico, aunque también es de los más recientes. Originalmente denominado Proyecto WWW y desarrollado en el CERN suizo a principio de los 90, partió de la idea de definir un "sistema de hipermedios distribuidos."

Page 5: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

PRIMER GENERACIÓN:

Poco trabajo de diseño. Pocas imágenes. Todo se trabaja

manualmente. Diseño lineal. Limitada tecnología de los

navegadores. Poca capacidad de

transferencia de información grafica.

Page 6: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

SEGUNDA GENERACIÓN:

Utilización de iconos. Imágenes de fondo. Aparece el diseño y uso de

botones con relieve. Uso de banners. Estructuración de texto de forma

jerárquica. Propiedades del código HTML

estándar definido. Aparición de monitores y tarjetas

graficas con mayores resoluciones y definición de color.

Page 7: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

TERCER GENERACIÓN:

El diseño web sigue teniendo muchas restricciones para el uso del lenguaje de los 2 navegadores web.

mas dinamismo con la aparición de Macromedia flash.

paginas de publicidad ventana de productos y servicios.

Page 8: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

CUARTA GENERACIÓN:

El diseño web ya esta totalmente enfocado a la multimedia integrando en las paginas web los elementos multimedia de ultima generación.

Gran variedad de diseño debido a todas las posibilidades que ofrece las ultimas tecnologías para los programadores.

Las ultimas versiones de los navegadores soportan muchas mas prestaciones y elementos en las paginas web.

Page 9: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

QUINTA GENERACIÓN:

La integración de televisión en la web.

Auge de las paginas de televisión lp o televisión online.

Page 10: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

QUÉ ES UNA PÁGINA

WEB

Page 11: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

¿QUE ES UNA PAGINA WEB?

Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene algún tipo de información como texto, imagen, video, animación u otros.

Page 12: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

¡PRINCIPALES CARACTERÍSTICAS!

Hipervínculos — también conocidos como links o enlaces — y su función es la de vincular una página con otra.

Page 13: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

EN LA ACTUALIDAD LAS PÁGINAS WEB SE PUEDEN VER EN MÚLTIPLES DISPOSITIVOS COMO COMPUTADORAS, SMARTPHONE, NETBOOKS, CONSOLAS DE VIDEOJUEGOS, INCLUSO EN REFRIGERADORES DE ÚLTIMA GENERACIÓN Y UN SIN FIN DE DISPOSITIVOS MÁS.

Es por ello que a Internet se le conoce como la telaraña (Web) mundial,

porque una página web se vincula con otra y así sucesivamente hasta ir formando una enorme telaraña de documentos entrelazados entre sí.

Page 14: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

GESTORES DE BASE DE

DATO O PAGINA WEB.

Page 15: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

es un conjunto de datos pertenecientes a un mismo contexto y almacenados sistemáticamente para su posterior uso.

En este sentido; una biblioteca puede considerarse una base de datos compuesta en su mayoría por documentos y textos impresos en papel e indexados para su consulta. Actualmente, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos están en formato digital (electrónico), y por ende se ha desarrollado y se ofrece un amplio rango de soluciones al problema del almacenamiento de datos.

Page 16: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

TIPOS DE BASE DE DATO.

Las bases de datos pueden clasificarse de varias maneras, de acuerdo al contexto que se esté manejando, la utilidad de las mismas o las necesidades que satisfagan.

Page 17: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Son bases de datos de solo lectura, utilizadas primordialmente para almacenar datos históricos que posteriormente se pueden utilizar para estudiar el comportamiento de un conjunto de datos a través del tiempo, realizar proyecciones, tomar decisiones y realizar análisis de datos para inteligencia empresarial.

Bases de datos estáticas

Page 18: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

BASES DE DATOS DINÁMICAS

Éstas son bases de datos donde la información almacenada se modifica con el tiempo, permitiendo operaciones como actualización, borrado y edición de datos, además de las operaciones fundamentales de consulta. Un ejemplo de esto puede ser la base de datos utilizada en un sistema de información de un supermercado, una farmacia, un videoclub o una empresa.

Page 19: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

SEGÚN EL CONTENIDOBASES DE DATOS BIBLIOGRÁFICAS

Sólo contienen un subrogante (representante) de la fuente primaria, que permite localizarla. Un registro típico de una base de datos bibliográfica contiene información sobre el autor, fecha de publicación, editorial, título, edición, de una determinada publicación, etc. Puede contener un resumen o extracto de la publicación original, pero nunca el texto completo, porque si no, estaríamos en presencia de una base de datos a texto completo (o de fuentes primarias —ver más abajo). Como su nombre lo indica, el contenido son cifras o números. Por ejemplo, una colección de resultados de análisis de laboratorio, entre otras.

Page 20: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

BASES DE DATOS DE TEXTO COMPLETO

Almacenan las fuentes primarias, como por ejemplo, todo el contenido de todas las ediciones de una colección de revistas científicas.

Page 21: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

MODELOS DE BASES DE DATOS

Un modelo de datos es básicamente una "descripción" de algo conocido como contenedor de datos (algo en donde se guarda la información), así como de los métodos para almacenar y recuperar información de esos contenedores. Los modelos de datos no son cosas físicas: son abstracciones que permiten la implementación de un sistema eficiente de base de datos; por lo general se refieren a algoritmos, y conceptos matemáticos.

Page 22: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

PASOS PARA CREAR UNA

PAGIAN WEB.

Page 23: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Es conveniente que dibujemos un organigrama con todas las partes del sitio web, distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes, mediante el cual ir creando la estructura de la página web

En árbol: Esta estructura está compuesta por una página principal que enlaza con otras páginas, las cuales, a su vez, enlazan con otras páginas de nivel inferior.

Page 24: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

En lista: Esta estructura es la opuesta a la anterior. En ella no existe página principal ya que todas están en el mismo nivel. Para llegar a la última página hay que recorrer todas las anteriores. Es una estructuración muy adecuada para la presentación de manuales o aplicaciones donde el usuario deba recorrer forzosamente una serie de páginas web para conseguir su objetivo.

Page 25: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Mixta: Esta estructura es una combinación de las dos anteriores. Las páginas están jerarquizadas en niveles, los cuales a su vez están conectados entre sí en forma de lista. Esta estructura es mucho más navegable y práctica, puesto que permite poder desplazarse de rama en rama sin necesidad de volver a la página principal para hacerlo.

Page 26: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

En red: Esta estructura supone que todas las páginas de la web están conectadas entre sí, por lo que es una estructura más compleja y menos ordenada. Su ventaja es que desde cada página podemos ir a cualquier otra del sitio. No obstante, requiere mucha planificación para evitar ofrecer al visitante un caos de enlaces innecesarios.

Page 27: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Una vez tengas claro lo que quieres hacer y su estructura básica puedes empezar a recopilar información para confeccionar cada sección de tu página web.

Page 28: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

La estructura de la página debe ser lo más lógica posible facilitando la navegación a tus visitantes (es importante en este punto la usabilidad). Ninguna página puede quedar huérfana, es decir, todas las páginas deben de tener enlaces a otras páginas. Si esto ocurre, es probable que el usuario cierre nuestra página y entre en otra en la que le sea más fácil navegar por los contenidos.

Page 29: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

¿QUÉ ES UN URL?

Page 30: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Un localizador de recursos uniforme, más comúnmente denominado URL (sigla en inglés de uniformresourcelocator), es una secuencia de caracteres, de acuerdo a un formato modélico y estándar, que se usa para nombrar recursos en Internet para su localización o identificación, como por ejemplo documentos textuales, imágenes, vídeos, presentaciones digitales, etc.

Page 32: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Un enlace o link es texto o imágenes en un sitio web que un usuario puede pinchar para tener acceso o conectar con otro documento. Los enlaces son como la tecnología que conecta dos sitios web o dos páginas web. En el navegador se ven como palabras subrayadas (como Ir al índice de FAQ's al final de ésta página).

Page 33: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Una traducción muy literal de Link podría ser "acoplamiento", en el sentido práctico de internet este término está referido a un enlace, hipervínculo.

El link crea una conexión con otro documento web por medio de la dirección URL.

Page 34: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

¿Qué relación tiene el link con el posicionamiento en buscadores?

La posición en los resultados de búsqueda de google viene determinada por la tecnología PageRank, esta tecnología cuenta el número de link existentes a su página desde otras, con lo que el link se convierte en la unidad elemental básica para conseguir PageRank

Page 35: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

¿QUE ES UN HIPERTEXTO?

Page 36: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

El hipertexto es una herramienta de software con estructura no secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos

¿Que es un hipertexto?

Page 37: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

El programa que se usa para leer los documentos de hipertexto se llama navegador, browser, visualizador o cliente, y cuando seguimos un enlace decimos que estamos navegando por la web. El hipertexto es una de las formas de la hipermedia, enfocada en diseñar, escribir y redactar texto en una media.

Page 38: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

HISTORIA

El concepto de hipertexto fue creado por Vannevar Bush, un estadounidense que con la invención de Memex, un dispositivo que sirve como base de datos y que posteriormente da la posibilidad de interactuar con los usuarios, permitió mecanizar y conectar la información con el fin de aumentar el desarrollo en aquella época.

Page 39: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

HIPERVÍNCULOS

Page 40: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Un hipervínculo (también llamado enlace, vínculo, o hiperenlace) es un elemento de un documento electrónico que hace referencia a otro recurso, por ejemplo, otro documento o un punto específico del mismo o de otro documento.

Page 41: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González

Combinado con una red de datos y un protocolo de acceso, un hipervínculo permite acceder al recurso referenciado en diferentes formas, como visitarlo con un agente de navegación, mostrarlo como parte del documento reverenciador o guardarlo localmente.