REPÚBLICA BOLIVARIANA DE VENEZUELA.
MINISTERIO DEL PODER POPULAR PARA LA
EDUCACIÓN.
I. U. P. “SANTIAGO MARIÑO”.
MATURÍN – EDO. MONAGAS.
TECNOLOGIA WEB
(ELECTIVA IV)
Asesor: Autor:
Ing. Oscar Coa Br. Romero, Brianna.
CI: 30.117.350
Ing. de Sistemas
Maturín, Octubre de 2022.
Introducción
Las tecnologías Web sirven para entrar a los recursos de entendimiento
accesibles en Internet o en las intranets usando un navegador. Permanecen
bastante extendidas por muchas causas: facilitan el desarrollo de sistemas
de Administración del Entendimiento (en lo adelante GC), su flexibilidad en
términos de escalabilidad, o sea, en el momento de ampliar el sistema; su
sencillez de uso y que imitan la manera de tener relación de los individuos, al
situar a disposición de todos el razonamiento de los otros, por arriba de
jerarquías, barreras formales u otras preguntas.
Tecnología web
La Tecnología Web es aquella que hace uso de todas aquellas
tecnologías para la interconexión de ordenadores y las tecnologías de
presentación y configuración e implementación de páginas Web,
presentando su funcionamiento tan intuitivo y sencillo al usuario.
Programación web
La programación web sirve para crear páginas y sitios en Internet.
Para poder hacerlo, se utilizan distintos lenguajes específicos que permiten
desarrollar la creatividad humana. Estos lenguajes se fundamentan en la
posibilidad de enlazar a través de hipervínculos distintas páginas web, lo
que genera la interconexión que conocemos hoy como Internet.
Gracias a la programación web en Internet, los servidores
comenzaron a adaptarse a estas nuevas tecnologías y lenguajes y mejorar
sus servicios. Esto ha permitido la generación de un diálogo online con los
usuarios, de manera que estos puedan recibir la información más rápido y
eficientemente.
HTTP
El Protocolo de transferencia de hipertexto (HTTP) es la base de la
World Wide Web, y se utiliza para cargar páginas web con enlaces de
hipertexto. HTTP es un protocolo de la capa de aplicación diseñado para
transferir información entre dispositivos en red, y se ejecuta sobre otras
capas de la pila de protocolos de red. Un flujo típico a través de HTTP implica
que una máquina cliente realice una solicitud a un servidor, que luego envía
un mensaje de respuesta.
Lenguaje HTML
HTML no es un lenguaje de programación; es un lenguaje de
marcado que define la estructura de tu contenido. HTML consiste en una
serie de elementos que usarás para encerrar diferentes partes del contenido
para que se vean o comporten de una determinada manera. Las etiquetas de
encierre pueden hacer de una palabra o una imagen un hipervínculo a otro
sitio, se pueden cambiar palabras a cursiva, agrandar o achicar la letra, etc.
Elementos html
Elemento Descripción breve
<html> Contenedor principal
<head> Sección de encabezado del documento
<title> Título del documento
<base> URI base para resolver URIs relativos
<link> Información relacional para el documento
<meta> Variable para el documento
<style> Atributos presentacionales
<body> El cuerpo del documento
<article
Contenido redistribuible
>
<sectio
Define una sección
n>
<nav> Sección de navegación
<aside
Contenido sólo ligeramente relacionado
>
<h1> Encabezado de nivel 1
<h2> Encabezado de nivel 2
<h3> Encabezado de nivel 3
<h4> Encabezado de nivel 4
<h5> Encabezado de nivel 5
<h6> Encabezado de nivel 6
<hgrou
Agrupa encabezados consecutivos
p>
<heade
El encabezado de una sección
r>
<footer
El pie de una sección
>
<addre
Información de contacto del autor
ss>
<p> Párrafo
<hr> Separador de contenido
<pre> Bloque de texto preformateado
<block
Cita en forma de bloque
quote>
<ol> Lista ordenada
<ul> Lista no ordenada
<menu
Inserta una barra de menú
>
<li> Ítem de una lista
<dl> Lista de descripciones
<dt> Término en una lista de descripciones
<dd> Descripción en una lista de descripciones
<figure
Información autocontenida
>
<figcap
Título para una figura
tion>
<main> Contenido principal de una sección
<div> Contenedor genérico para bloques de texto
<a> Hypervínculo
<em> Texto con énfasis
<strong
Texto con énfasis fuerte
>
<small
Comentario secundario
>
<s> Contenido que ya no es preciso o relevante
<cite> Cita o referencia
<q> Cita en forma de línea
<dfn> Término definifo en el texto circundante
<abbr> Término abreviado
<ruby> Texto con anotaciones Ruby
<rt> Anotación Ruby
<rp> Texto a ser ignorado por anotaciones Ruby
<data> Información apta para programas
<time> Fecha y/u hora
<code> Código de computadora
<var> Instancia de una variable
<samp
Ejemplo de la salida de un programa
>
<kbd> Texto ingresado por el usuario
<sub> Texto en subíndice
<sup> Texto en superíndice
<i> Texto desplazado de la prosa normal
<b> Texto desplazado del contenido circundante
<u> Anotaciones no textuales
<mark> Marca texto en otro documento
<bdi> Aisla texto para el formateo bidireccional
<bdo> Anula el algoritmo bidireccional
<span> Contenedor genérico para líneas de texto
<br> Quiebre de línea
<wbr> Oportunidad de quiebre de línea
<ins> Texto agregado
<del> Texto eliminado
<pictur
Imagen con mútiples orígenes
e>
<sourc
Recurso de medios alternativo
e>
<img> Imagen
<iframe
Contexto de navegación anidado
>
<embe
Inserta aplicaciones externas
d>
<object
Inserta aplicaciones externas
>
<para
Parámetro para una aplicación externa
m>
<video
Video
>
<audio
Audio
>
<track> Pista de texto para videos
<map> Mapa de imagen del lado cliente
<area> Sector en un mapa de imagen
<table> Tabla
<captio
El título de una tabla
n>
<colgro
Groupo de columnas
up>
<col> Establece atributos para columnas
<tbody
Cuerpo de la tabla
>
<thead
Encabezado de la tabla
>
<tfoot> Pie de la tabla
<tr> Fila
<td> Celda común
<th> Celda de encabezado
<form> Formulario
<label> Etiqueta de un control
<input> Control de entrada
<button
Botón
>
<select
Lista de opciones
>
<datali
Sugerencias para los controles
st>
<optgr
Grupo de opciones en una lista
oup>
<option
Una opción en una lista
>
<textar
Campo de texto multilínea
ea>
<output
La salida de un proceso
>
<progr
El progreso de una tarea
ess>
<meter
Una medida
>
<fields
Grupo de controles
et>
<legen
El título de un grupo de controles
d>
<detail
Contenido desplegable
s>
<summ
Un resumen del contenido desplegable
ary>
<dialog
Cuadro de diálogo
>
<script
Incrusta programas
>
<noscri
Contenido alternativo para programas
pt>
<templ
Plantilla para contenido a ser agregado
ate>
Espacio en componentes para insertar
<slot>
contenido
<canva
Contenedor para gráficos dinámicos
s>
Hiperenlaces
La característica principal de una página Web es que podemos incluir
Hiperenlaces. Un Hiperenlace es un elemento de la página que hace que el
navegador acceda a otro recurso, otra página Web, un archivo, etc...
Para incluir un Hiperenlace se utiliza la directiva <A></A>. El texto o
imagen que se encuentre dentro de los límites de esta directiva será
sensible, esto quiere decir que si pulsamos con el ratón sobre él, se realzará
la función de hiperenlace indicada por la directiva <A></A>. Si el Hiperenlace
está indicado por un texto, este aparecerá subrayado y en distinto color, si se
trata de una imagen, esta aparecerá con un borde rodeándola. Esta directiva
tiene el parámetro href que indica el lugar a donde nos llevará el Hiperenlace
si lo pulsamos.
Editor de código fuente
Un editor de código fuente es un programa de edición
de texto diseñado específicamente para editar el código fuente de programas
informáticos . Puede ser una aplicación independiente o puede estar
integrado en un entorno de desarrollo integrado (IDE) o navegador web . Los
editores de código fuente son una herramienta de programación fundamental
, ya que el trabajo fundamental de los programadores es escribir y editar el
código fuente.
Los editores de código fuente tienen características diseñadas
específicamente para simplificar y acelerar la escritura del código fuente,
como el resaltado de sintaxis , sangría , autocompletado y funcionalidad de
coincidencia de llaves. Estos editores también brindan una manera
conveniente de ejecutar un compilador , intérprete , depurador u otro
programa relevante para el proceso de desarrollo de software . Por lo tanto,
si bien muchos editores de texto como el Bloc de notas se pueden usar para
editar el código fuente, si no mejoran, automatizan o facilitan la edición del
código, no son editores de código fuente .
Lenguaje css
El lenguaje CSS es un lenguaje que determina el estilo de los
documentos HTML. Abarca opciones relativas a fuentes, colores, márgenes,
líneas, altura, anchura, imágenes de fondo, entre otros.
En la actualidad es posible utilizar lenguaje HTML para desarrollar el
formato de páginas web. Sin embargo, el lenguaje CSS ofrece más opciones
y es más preciso, además de que es compatible con todos los navegadores
actuales.
CSS viene de las iniciales de "Cascading Style Sheets", que
traducimos por "Hojas de estilo en cascada". Es el segundo lenguaje más
esencial para crear páginas web. El primero sería HTML, con el que se
define el contenido de la página. El segundo CSS, con el que se define la
parte de la presentación, es decir, cómo deben mostrarse los elementos de
la página, su posición, forma, espaciados, colores y en resumen, toda la
parte estética.
¿Qué es JavaScript?
JavaScript® (a menudo abreviado como JS) es un lenguaje ligero,
interpretado y orientado a objetos con funciones de primera clase, y mejor
conocido como el lenguaje de programación para las páginas Web,
pero también se utiliza en muchos entornos que no son de navegador. Es un
lenguaje de scripts que es dinámico, multiparadigma, basado en prototipos y
admite estilos de programación orientados a objetos, imperativos y
funcionales.
JavaScript se ejecuta en el lado del cliente de la web, y se puede utilizar para
estilizar/programar cómo se comportan las páginas web cuando ocurre un
evento. JavaScript es un potente lenguaje de scripts y fácil de aprender,
ampliamente utilizado para controlar el comportamiento de las páginas web.
¿En que consiste la programación orientada a objetos?
La programación Orientada a objetos se define como un paradigma de
la programación, una manera de programar específica, donde se organiza el
código en unidades denominadas clases, de las cuales se crean objetos que
se relacionan entre sí para conseguir los objetivos de las aplicaciones.
Podemos entender la programación Orientada a objetos (POO) como
una forma especial de programar, más cercana a como expresaríamos las
cosas en la vida real que otros tipos de programación, que permite diseñar
mejor las aplicaciones, llegando a mayores cotas de complejidad, sin que el
código se vuelva inmanejable.
Conclusión
Estas tecnologías tienen la posibilidad de llegar a dar recursos estratégicos,
sin embargo, visiblemente, no por la tecnología en sí misma, que está
disponible extensamente, sino por lo simple que es personalizarla y edificar
con ella sistemas de GC propietarios de la compañía. Internet, Intranet o
extranet permiten a los usuarios la entrada a una gigantesca proporción de
información: leer publicaciones periódicas, buscar referencias en bibliotecas,
hacer paseos virtuales por museos, compras electrónicas y otras muchas
funcionalidades. Debido a la manera en que está estructurada la World Wide
Web (WWW), los usuarios tienen la posibilidad de brincar de un recurso a
otro con facilidad.
Bibliografía
[Link]
5778008#:~:text=La%20Tecnolog%C3%ADa%20Web%20es%20aque
lla,intuitivo%20y%20sencillo%20al%20usuario.
[Link]
web/#:~:text=%C2%BFQu%C3%A9%20es%20la%20programaci%C3
%B3n%20web,permiten%20desarrollar%20la%20creatividad%20hum
ana.
[Link]
transfer-protocol-http/
[Link]
web/HTML_basics
[Link]
[Link]
[Link]
[Link]
[Link]
