PRIMER PERIODO

PAGINAS WEB Y LENGUAJE DE MARCADO HTML

QUE ES UN SITIO WEB: Es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la World Wide Web dentro de Internet.

Todos los sitios web públicamente accesibles constituyen una gigantesca World Wide Web de información; y un gigantesco entramado de recursos de alcance mundial.

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 tráfico web fluye entre las diferentes partes de los sitios.

IMAGEN 1

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

QUE ES UNA PAGINA WEB: Se conoce como página web al documento que forma parte de un sitio web y que suele contar con enlaces (también conocidos como hipervínculos o links) para facilitar la navegación entre los contenidos.

IMAGEN 2 

https://definicion.de/pagina-web/

QUE ES UNA PAGINA WEB ESTÁTICA: Las páginas web estáticas son básicamente informativas y están enfocadas principalmente a mostrar una información permanente, donde el navegante se limita a obtener dicha información sin poder interactuar con la página visitada. En las páginas web estáticas no se utilizan bases de datos ni se requiere programación.

IMAGEN 3

QUE ES UNA PAGINA WEB DINAMICA: 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.

IMAGEN 4

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

EXTENSIONES DE UNA PAGINA WEB: Las extensiones de dominios es la parte final del nombre de un dominio y revelan la naturaleza del sitio.

Algunos de los que indican el contenido del sitio web son:

.com para uso comercial
.org para asociaciones sin fines de lucro
.edu para instituciones académicas
.net para servicios de Internet
.info para sitios web informativos
.biz para negocios
Algunas extensiones de Internet usado y reservado para un país o territorio dependiente son:

.mx para México
.es para España
.ar para Argentina
.tv para Tuvalu. Es muy popular (y por tanto valioso) ya que coincide al significado de la palabra "televisión".
Se debe escoger la extensión de dominio que más le convenga.
Usted puede verificar la disponibilidad del nombre de su empresa en las diferentes extensiones con newWweb e iniciar el trámite de registro aquí.

IMAGEN 5

WIX

QUE ES WIX: Wix.com 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 HTML5 y sitios móviles a través del uso de herramientas de arrastrar y soltar en línea.​

HISTORIA: La Historia de Wix. Wix fue fundado en el año 2006 por Avishai Abrahami, Nadav Abrahami y Giora (Gig) Kaplan. Los hermanos Abrahami y Kaplan, su amigo, desarrollaron la plataforma de Wix como resultado a la frustración generada por las complejidades que presenta la creación de sitios web.

IMAGEN 6

LENGUAJE DE MARCADO DE HTML

HISTORIA: HTML o lenguaje de marcado de hipertexto, se ha convertido en el lenguaje de marca más importante a día de hoy, gracias al crecimiento de Internet, la necesidad de ofrecer servicios remotamente y en definitiva, la necesidad de poder ofrecer fácilmente información de una forma elegante y sin morir en el intento. HTML es un derivado de SGML y nació en 1991, gracias a Tim Berners-Lee (que trabajaba en el CERN), que ante la necesidad de compartir información entre científicos creó la primera definición del lenguaje.

IMAGEN 7

https://www.genbeta.com/desarrollo/historia-de-html-un-lenguaje-de-marca-que-ha-marcado-historia

QUE SON LOS LENGUAJES DE MARCADO O DE MARCAS: Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. El lenguaje de marcas más extendido es el HTML, fundamento del World Wide Web. 

IMAGEN 8

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)
m3	metro cúbico
ft3	pie cúbico
yd3	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 IMAGEN 9 http://www.fao.org/3/y5720s/y5720s03.htm

QUE ES LENGUAJE DE MARCAS: Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento que, junto con el texto, incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación. El lenguaje de marcas más extendido es el HTML, fundamento del World Wide Web.

Los lenguajes de marcado suelen confundirse con lenguajes de programación. Sin embargo, no son lo mismo, ya que el lenguaje de marcado no tiene funciones aritméticas o variables, como 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.

IMAGEN 10


https://es.wikipedia.org/wiki/Lenguaje_de_marcado

HTML HyperText Markup Lenguage: Hace referencia al lenguaje de marcado para la elaboración de páginas 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.

IMAGEN 11

https://es.wikipedia.org/wiki/HTML

QUE SON LAS ETIQUETAS EN HTMAL: 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.

IMAGEN 12
https://es.wikipedia.org/wiki/Etiqueta_(lenguaje_de_marcado)

EJEMPLOS: 

<HTML> … </HTML>

Delimita y engloba toda la página web, que consta de cabecera y cuerpo.

<HEAD> … </HEAD>

Delimita y engloba la cabecera de una página, que contiene un conjunto de informaciones que no se muestran en la ventana, entre ellas el título de la página, pero que pueden ayudar a los navegadores y a los buscadores para interpretar o a encontrar correctamente la página.

<TITLE> … </TITLE>

Dentro de la cabecera (HEAD), lo que se incluye aquí se muestra en la barra del título de la ventana del navegador.

Metadatos

La cabecera admite otras muchas etiquetas.

<BODY> … </BODY>

Delimita y engloba el cuerpo de la página, que son el conjunto de informaciones (texto e imágenes) que se muestran en la página, así como las indicaciones de cómo deben mostrarse.
Admite atributos.

<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>

IMAGEN 13

Mi primera pagina web

http://ingmayteardila.blogspot.com/
FUENTE: MARIA TERESA ARDILA YAÑEZ

ACTIVIDAD ATRIBUTOS EN HTML

FUENTE: MARIA TERESA ARDILA YAÑES

ATRIBUTOS

Los atributos se usan para darle información adicional a un elemento (etiqueta) y  así modificarlo.

ETIQUETAS DE ESTA GUÍA

<i>Texto</i> Coloca el texto en Cursiva

<em>Texto</em> Cursiva para marcar texto importante, los buscadores lo toman más en

cuenta.

<b>Texto</b> Coloca el texto en Negrilla

<strong>Texto</strong> Negrilla para marcar texto importante, los buscadores lo toman en cuenta

<u>Texto</u> Coloca el texto Subrayado

<ins>Texto</s> Coloca el texto Insertado (Subrayado)

<s>Texto</s> Coloca el texto Tachado

<del>Texto</del> Coloca el texto Eliminado (Tachado)

ATRIBUTOS

Tittle="Nuevo" Atributo que agrega un tooltip al elemento

Color="blue" Atributo que agrega un color al elemento (Los colores son en inglés)

Width="400" Atributo que agrega un ancho al elemento

Size="50" Atributo que agrega una talla al elemento