colegio de bachilleres de chiapas plantel 56 catedrático: lic. jorge roberto nery gonzález ...
TRANSCRIPT
![Page 1: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/html5/thumbnails/2.jpg)
EL ORIGEN DE LAS PAGINAS WEB
![Page 3: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/html5/thumbnails/10.jpg)
QUÉ ES UNA PÁGINA
WEB
![Page 11: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/html5/thumbnails/14.jpg)
GESTORES DE BASE DE
DATO O PAGINA WEB.
![Page 15: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/html5/thumbnails/22.jpg)
PASOS PARA CREAR UNA
PAGIAN WEB.
![Page 23: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/html5/thumbnails/29.jpg)
¿QUÉ ES UN URL?
![Page 30: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/html5/thumbnails/35.jpg)
¿QUE ES UN HIPERTEXTO?
![Page 36: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/html5/thumbnails/39.jpg)
HIPERVÍNCULOS
![Page 40: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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: Colegio de bachilleres de Chiapas plantel 56 Catedrático: Lic. Jorge Roberto Nery González Alumno: Enrique Morales Lorenzo Materia: Informática](https://reader031.vdocumento.com/reader031/viewer/2022012922/5665b4921a28abb57c924aac/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