TECNOLOGÍA, INFORMÁTICA Y SOCIEDAD: PRIMER PERIODO

TEMÁTICA: PÁGINAS WEB Y LENGUAJE DE MARCADO HTML

PÁGINAS WEB:

-Que es un sitio web?: Un sitio web es un conjunto de paginas web relacionadas a un dominio de Internet.

A las páginas de un sitio web se accede frecuentemente a través de un URL raíz común llamado portada, que normalmente reside en el mismo servidor físico. Los URL organizan las páginas en una jerarquía, aunque los hiperenlaces entre ellas controlan más particularmente cómo el lector percibe la estructura general y cómo el trafico web fluye entre las diferentes partes de los sitios.

Algunos sitios web requieren una subscripción para acceder a algunos o todos sus contenidos. Ejemplos de sitios con subscripción incluyen algunos sitios de noticias , sitios de juegos, foros, servicios de correo electrónico basados en web, sitios que proporcionan datos de bolsas de valores e información económica en tiempo real, etc.

Fuente: https://es.wikipedia.org/wiki/Sitio_web

VÍDEO 1. ¿Qué es un sitio web?

Fuente: https://www.youtube.com/watch?time_continue=5&v=NfD6BaxJFjM

-Que es una pagina web?:Una pagina web es una pagina que contiene información que se puede encontrar en forma de texto, sonido,vídeo,programas,enlaces,imágenes,etc..., se puede acceder a ella 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 cascadas, 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).

Fuente: https://es.wikipedia.org/wiki/P%C3%A1gina_web

VÍDEO 2. ¿Qué es una página web?

Fuente: https://www.youtube.com/watch?v=Bu_HIOQkjPw

-Que es una pagina web estática: Una pagina web estática es un sitio que muestra la misma información para todos los usuarios, en vez de ofrecer información personalizada a cada usuario, y que no se actualiza a menudo. Las páginas web estáticas, que algunas veces se conocen como páginas planas, contrastan con las páginas web dinámicas que se actualizan frecuentemente y proporcionan información personalizada para usuarios individuales.

Fuente: https://techlandia.com/pagina-web-estatica-info_314661/

VÍDEO 3. ¿Qué es una página web estática?

Fuente: https://www.youtube.com/watch?v=AGMCYXkYwH4

-Que es una pagina web dinámica: Los sitios web dinámicos son aquellos que permiten crear aplicaciones dentro de la propia web, otorgando una mayor interactividad con el navegante. Aplicaciones dinámicas como encuestas y votaciones, noticiarios, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada donde el administrador dispone la opción de gestionar dichos apartados, agregando, editando o eliminando contenidos.

La gran ventaja de los sitio web dinámicos es la versatilidad, apunta a la personalización de la información mostrada. Permite la toma de decisiones y muestra selectiva de información en función de criterios deseados.

Es útil para mostrar una imagen de empresa más sólida y profesional ya que permite guardar información en la computadora del navegante y mostrar en forma personalizada la página web de la empresa así como la información adecuada al tipo de navegante.

Fuente: https://shareweb.es/es/diseno-web/desarrollo-dinamico

VÍDEO 4. ¿Qué es una página web dinámica?

Fuente: https://www.youtube.com/watch?v=7rpOMwPkzz4

-Extensiones de una pagina web: Cuando navegas por Internet, verás que existen muchas extensiones diferentes en las URLque vayas utilizando. Normalmente, asociamos una extensión un formato html a un archivo de Internet, pero existen otros tipos muy utilizados y que seguramente te sonarán.

*ASP (Active Server Pages), es una tecnología de Microsoft que permite aun más flexibilidad. Una página Web puede contener código Visual Basic que el servidor ejecuta cuando entrega una página desde su disco de almacenamiento. Este código puede hacer prácticamente de todo – leer bases de datos, ejecutar otros programas, personalizar páginas de usuarios, etc. Se tiene una gran flexibilidad.

*Jsp (Java Server Pages) es una de las últimas adiciones al conjunto de aplicaciones Java de APIs, y es efectivamente la respuesta de Java a ASP. El código insertado en la página es Java en lugar de Visual Basic.

*PHP (Personal Home Page) es un lenguaje de scripting que se usa principalmente en linux. Este lenguaje es uno de los más utilizados y dinámicos que existen actualmente, y merece un artículo aparte que pronto publicaré.

*La extensión pl significa que es de PERL, otro lenguaje de scripting. La página contiene solamente el código de este lenguaje, y crea la página por si mismo. El script resultante es también dinámico y puede hacer lo mismo que las otras extensiones asp, php, etc.

*La extensión cgi significa que la página también contiene código ejecutado por el servidor, pero el tipo de código puede ser de cualquier cosa.

Fuente: http://www.ordenadores-y-portatiles.com/extension-pagina-web.html

VÍDEO 5. Extensiones de una página web.

Fuente: https://www.youtube.com/watch?time_continue=1&v=16gIBzqz4OA

-Wix: Es una plataforma para el desarrollo web basada en la nube que fue desarrollada y popularizada por la compañía Wix. Permite a los usuarios crear sitios web HTML y sitios móviles a través del uso de herramientas de arrastrar y soltar en línea. Los usuarios pueden agregar funcionalidades como plug-ins, e-commerce, formularios de contacto, marketing por correo electrónico, y foros comunitarios con sus sitios web utilizando una variedad de aplicaciones desarrolladas por Wix y de terceros.

*HISTORIA: Wix fue fundado en el 2006 por los israelíes Avishai Abrahami, Navad Abrahami y Giora Kaplan. La compañía, con sede en Tel Aviv, con oficinas en San Francisco, Nueva york, Dnipropetrovsk, y Vilnius, está respaldada por los inversores de "Capital".

La compañía entró en una fase beta abierta en 2007 usando una plataforma basada en Adobe Flash.

En abril de 2010 Wix tenía 3.5 millones de usuarios y recaudado $10 millones en financiación Serie C proporcionado por Benchmark Capital y los inversores existentes Besemer Venture Partners y Mangrove Capital Partners. En marzo de 2011, Wix tenía 8.5 millones de usuarios y recaudado $40 millones en financiación en Serie D, con lo que su financiación total a esa fecha ascendió a $61 millones. En abril de 2014, Wix anunció su adquisición de Appixia, una startup israelí para la creación de aplicaciones nativas de comercio móvil (M-Commerce). En octubre de 2014, Wix anunció su adquisición de Open Rest, un desarrollador de sistemas de pedidos en línea para restaurantes.

Fuente: https://es.wikipedia.org/wiki/Wix.com

VÍDEO 6. ¿Qué es Wix?

Fuente: https://www.youtube.com/watch?v=Fueho8FMaZ8

LENGUAJE DE MARCADO HTML

-HISTORIA: En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos o enlaces (hiperlinks o links) y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces,Tim Berners-Lee, quien trabajaba en el Centro Europeo de Investigaciones Nucleares CERN da a conocer a la prensa que estaba trabajando en un sistema que va a permitir acceder a ficheros en línea que funcionaba sobre redes de computadoras o máquinas electrónicas basadas en el protocolo TCP/IP. Inicialmente fue desarrollado para que se pudiera compartir fácilmente información entre científicos de distintas universidades e institutos de investigación de todo el mundo.

A principios de 1990, define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso incluso, el World Wide Web.

Tim Berners-Lee creó el proyecto World Wide Web (Tejido o Telaraña Mundial), así como un sistema que facilitaba la lectura de información, mediante un programa de navegación. Sería el primer navegador web, llamado WorldWideWeb, y desarrollado durante la segunda mitad del año 1990; siendo tiempo después rebautizado como Nexus, para evitar confusiones por su nombre que era igual al de la tecnología que representaba. Le siguieron otros dos navegadores: el Line Mode Browser y el ViolaWWW. Este último, desarrollado en 1992, fue el primer navegador en popularizarse entre los primeros usuarios de la World Wide Web.

Fuente: https://es.wikipedia.org/wiki/HTML#Historia_del_est%C3%A1ndar

VÍDEO 1. La historia del lenguaje de marcado HTML

Fuente: https://www.youtube.com/watch?v=mmretO1Gg1k

-Que son los lenguajes de marcado o de marcas: Suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritmeticas o variables, como sí poseen los lenguajes de programación. Históricamente, el marcado se usaba y se usa en la industria editorial y de la comunicación, así como entre autores, editores e impresores. Para cada lenguaje de marcado, los desarrolladores de software pueden construir una aplicación para leer los documentos escrito en ese lenguaje. Los navegadores de Web leerán los documentos HTML y Microsoft Office leerá los documentos de Office. Los documentos escritos en XML pueden leerse por medio de aplicaciones personalizadas utilizando diferentes objetos de análisis gramatical o pueden combinarse con el lenguaje de estilo extensible (XLS- Extensible Stylesheet Language) para poder mostrarse en un navegador.

Fuente:https://www.ecured.cu/Lenguaje_de_marcado

VIDEO 2.Que son los lenguajes de marcados

Fuente:https://www.youtube.com/watch?v=nO9KycWFClM

-Que son las abreviaturas con "ML":

*BBSR*	Bermuda Biological Station for Research [Estación de Investigación Biológica de Bermudas]
*DHA*	Ácido docosahexaenoico
*DOPA*	Dihidroxifenilalanina
*EDTA*	Ácido etilendiaminotetraacético
*EPA*	Ácido eicosapentaenoico
*FAO*	Organización de las Naciones Unidas para la Agricultura y la Alimentación
*FLUPSY*	Sistema flotante de circulación ascendente
*FSW*	Agua de mar filtrada
GI	Índice de crecimiento
*GRP*	Plástico reforzado con vidrio
*HUFA*	Ácido graso muy insaturado
*LDR*	Fotorresistores
*MAFF*	Ministry of Agriculture, Food and Fisheries [Ministerio de Agricultura, Pesca y Alimentación del Reino Unido]
*NTM*	Mortalidad Neta por Tratamiento
*PHCD*	Densidad celular poscosecha
*PUFA*	Ácido graso poliinsaturado
*PVC*	Cloruro de polivinilo
*RSR*	Relé sensor de resistencias
SI	Sistema Internacional
*TBT*	Tributilestaño
*TCBS*	Tiosulfato-citrato-sales biliares-sacarosa
UV	Ultravioleta

En el manual no se han utilizado todas las abreviaturas que aparecen a continuación, pero se incluyen a modo de referencia para su uso en otros documentos.

<	menor que
>	mayor que
*n.a.*	abreviatura inglesa -también escrita N/A- que tiene dos significados: not analysed (datos sin analizar) o not available (datos no disponibles)
µm	micra
mm	milímetro
cm	centímetro
m	metro
km	kilómetro
*inch*	pulgada
ft	pie
yd	yarda
mi	milla
*ft²*	pie cuadrado
*yd²*	yarda cuadrada
*mi²*	milla cuadrada
m²	metro cuadrado
ha	hectárea
*km²*	kilómetro cuadrado
cc	centímetro cúbico (= ml)
m³	metro cúbico
*ft³*	pie cúbico
*yd³*	yarda cúbica
µl	microlitro
ml	mililitro (= cc)
l	litro
µg	microgramo
mg	miligramo
g	gramo
kg	kilogramo
t	tonelada métrica (1 000 kg)
oz	onza
lb	libra
*cwt*	unidad de peso de los países de habla inglesa que en el Reino Unido y Canadá equivale a 112 libras (50,8 kg) y en EE.UU. a 100 libras (43,36 kg) (consúltese las equivalencias de unidades de peso)
t	tonelada (su valor varía en las unidades del Reino Unido [sistema imperial] y de EE.UU. - Consúltese las equivalencias de unidades de peso)
*psi*	libras por pulgada cuadrada
*psu*	unidades prácticas de salinidad
*gpm*	galones por minuto (sistema imperial = Reino Unido)
*mgd*	millones de galones por día (sistema imperial = Reino Unido)
*cfm*	pies cúbicos por minuto
*ppt*	partes por mil (también escrito ‰)
*ppm*	partes por millón
*ppb*	partes por billón (mil millones)
*min*	minuto
hr	hora
*kWhr*	kilovatio-hora VIDEO 3.Que son las abreviaturas con ML Fuente:https://www.youtube.com/watch?v=Kh9RZ06N_cs -Que es un lenguaje de marcas:Un lenguaje de marcas es una señal colocada en un texto con el fin de delimitar una parte del mismo para darle un formato determinado. Algunas de las marcas más empleadas son "<" y ">". Tenemos que tener en cuenta que el lenguaje de marcas no es un lenguaje de programación como tal pero puede contener partes de códigos de otros lenguajes de programación. VIDEO 4.Que es lenguaje de marcas Fuente:https://www.youtube.com/watch?v=21CP_85ls1g *-HTML HyperText Markup Languaje: HTML, sigla en inglés de HyperText Markup Language* (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de paginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web(WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado. Fuente:https://es.wikipedia.org/wiki/HTML VIDEO 5. HTML Fuente:https://www.youtube.com/watch?v=O0Qc_hqhTAU *-Que son las etiquetas y ejemplos de etiquetas en HTML:* Una etiqueta (términos a veces reemplazados por el anglicismo tag) es una marca con clase que delimita una región en los lenguajes basados en XML. También puede referirse a un conjunto de juegos informáticos interactivos que se añade a un elemento de los datos para identificarlo (Oxford English Dictionary). Esto ocurre, por ejemplo, en los archivos MP3 que guardan información sobre una canción así como sobre el artista que la ha cantado o compuesto. Ejemplos: Si se observa el código de una página web (sencillamente escogiendo en el menú del navegador «Ver -> Código fuente»), se encontrará con los paréntesis angulares < > (los símbolos "menor que" y "mayor que", que enmarcan habitualmente la etiqueta de apertura o inicio, y </ >, que acotan la etiqueta de cierre o final). Lo que hay entre las etiquetas suele ser el texto que se puede ver directamente en pantalla. Las etiquetas simplemente dan las órdenes que indican: Cómo se van a visualizar los elementos destinados a ser visibles en pantalla y cómo se visualizarán* Cómo actuarán en el mismo documento los elementos no destinados a ser visibles en pantalla, así como la manera en que actuarán en relación con otros documentos Véase el siguiente ejemplo: <etiqueta1> <etiqueta2 atributo1="hola" atributo2="mundo"> </etiqueta2> <etiqueta3 atributo1="domin"/> </etiqueta1> En este ejemplo hay tres etiquetas (etiqueta1, etiqueta2 y etiqueta3). La etiqueta1 delimita, o contiene, las etiquetas etiqueta2 y etiqueta3. Las etiquetas también pueden tener atributos, que aportan información específica; por ejemplo, los atributos atributo1 y atributo2 aportan información a la etiqueta2, al igual que hace el atributo1 a la etiqueta3. Ejemplos de balizas html: <html> <head> <title> </title> </head> <body bgcolor=red> <h1> <font color=green><font face=verdana> </font> </h1> <h2> </h2> <p> <a href=destino de imagen> <img src="fuente de imagen"> </a> </p> </body> </html>