c olegio de bachilleres de chiapas plantel 56 catedrático: lic. jorge roberto nery gonzález
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 PresentationTRANSCRIPT
![Page 1: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/1.jpg)
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 2: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/2.jpg)
EL ORIGEN DE LAS PAGINAS WEB
![Page 3: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/3.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/4.jpg)
¿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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/7.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/9.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/10.jpg)
QUÉ ES UNA PÁGINA
WEB
![Page 11: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/11.jpg)
¿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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/12.jpg)
¡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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/14.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/19.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/21.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/22.jpg)
PASOS PARA CREAR UNA
PAGIAN WEB.
![Page 23: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/26.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/27.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/28.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/29.jpg)
¿QUÉ ES UN URL?
![Page 30: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/30.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/32.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/33.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/34.jpg)
¿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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/35.jpg)
¿QUE ES UN HIPERTEXTO?
![Page 36: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/36.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/37.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/38.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/39.jpg)
HIPERVÍNCULOS
![Page 40: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/40.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/41.jpg)
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.
![Page 42: C olegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González](https://reader035.vdocuments.pub/reader035/viewer/2022081513/568148f3550346895db6108a/html5/thumbnails/42.jpg)
VIDEOS TUTORIALES DE PAGINA WEB. http://www.youtube.com/watch?feature
=player_detailpage&v=PwWCnhhoY2k http://www.youtube.com/watch?feature
=player_detailpage&v=eDoTI7rVla8 http://www.youtube.com/watch?v=tYn-
OucD0hA http://www.youtube.com/watch?v=cFa
Gvvtee70 http://www.youtube.com/watch?v=WeK
7O33-Q7U http://www.youtube.com/watch?v=zdgL
VYVF6fQ