PERIODO I

   

                      PAGINAS WEB Y LENGUAJE DE MARCADO HTML

• PAGINAS WEB

➤¿Que es un sitio web? 
Un sitio web es una colección o conjunto de paginas web(documentos). Es decir, un sitio web es un conjunto organizado de numerosas paginas web. Las paginas web, o documentos, están desarrolladas por un código llamado HTML y estar establecidas en un dominio, es decir, el dominio sera el lugar donde podremos ver el sitio web en cualquier tipo de navegador.
 https://co.godaddy.com/blog/que-es-un-sitio-web/

           IMAGEN 1: Representación de un sitio web

   

FUENTE: La web

➤¿Que es una pagina web?  
Una pagina web es un documento disponible en Internet, y esta escrito por un código llamado HTML . Para entrar a una pagina web, podemos acceder a través de los navegadores de Internet, aquellos reciben la información del documento.
Una pagina web ofrece visualizar imágenes, vídeos, enlaces de otros sitios, etc...

En otros conceptos muy parecidos, una pagina web es como una carta o tipo de documento con la capacidad de tener un texto, vídeo, imágenes y otras herramientas . Y este puede ser buscado por medio de un navegador web( Google). Este texto se puede evidenciar e formato HTML  o XHTML.
https://www.aboutespanol.com/que-es-una-pagina-web-3202308
                                                             

                                    IMAGEN 2: Representación de una pagina web

            

FUENTE: La web

➤¿Que es una pagina web estática?  
     Una pagina web estática se enfoca principalmente en mostrar información fija, el investigados o         persona esta limitado a tener dicha información , y aquella persona no puede interactuar con la           pagina web vista.

➤¿Que es una pagina web dinámica?  
 Para diferencias de la estática a la dinámica, esque lo interesante de esta pagina web dinámica             es que tienes aplicaciones dentro de la propia pagina web. En la pagina web dinámica se pueden         encontrar aplicaciones de tipo encuesta o votación, pedidos, atención al cliente, etc.
https://brandmedia.es/diferencias-pagina-web-estatica-dinamica-mejor/

IMAGEN 3: Representación de paginas estáticas y dinámicas

FUENTE: La web

➤Extensiones de una pagina web
   Las extensiones de una pagina web son las partes finales de un dominio, un dominio es la dirección de una pagina web.

 UNAS DE ESTAS EXTENSIONES SON...
    .COM para uso comercial
    .ORG para asociaciones
    .EDU para instituciones académicas ( colegios, universidades)
    .NET para servicios de Internet
    .INFO para sitios web informativos
    .BIZ especialmente para negocios

HAY OTRAS EXTENSIONES, PERO ESTAS SE USAN Y SE RESERVAN PARA UN PAIS O TERRITORIO DEPENDIENTE, ESTAS SON
     .MX para México
     .ES para España
     .AR para Argentina
     .TV para Tuvalu
http://newwweb.com.mx/extensiones-de-dominios

IMAGEN 4: Representación de las Extensiones de una pagina web

FUENTE: la web


VÍDEO 1

FUENTE: La web

➤TODO SOBRE WIX 
    WIX fue fundada en el 2006 por los israeles Avishai Abrahami, Navad Abrahami y Giora Kaplan. Esta empresa esta respaldada por los inversores de "Capital"
En Abril 2010, comenzaron a crecer como empresa, tenia 3.5 millones de usuarios y recaudado 10 millones de financiación Serie C proporcionado por Benchmark Capital y los inversores existentes eran Besmer Venture Partners y Mangrove Capitl Partners.
Después de muchos años, En octubre 2014, WIX anuncio su adquisicion de OpenRest, un desarrollador de sistemas de pedidos en linea para restaurantes.

¿QUE ES WIX?
WIX es una pagina web diseñada especialmente para crear sitios web HTML5 y sitios móviles.Los usuarios pueden llegar hacer muchas actividades a través de esta pagina web, pueden agregar funcionalidades  como formularios, marketing por correo electrónico, y foros comunicativos.
WIX es muy popular, tiene mas de 60 millones de usuarios, ademas , wix es muy fácil de usar, ofrece alojamiento gratuito básico.

DESVENTAJAS Pero, como toda pagina tiene sus problemas, y el problema mas duro que ha tenido WIX, esque tu web no aparece en la búsqueda de Google.
 Para terminar, hay muchas paginas que nos ofrecen crear nuestra propia pagina web , pero lo sierto esque siempre presentan problemas muy graves. Como estas...

• dificultad para encontrarse en Google
• limitaciones
• falta de libertad para moverse a otro servidor
• cuando quieres hacer algo mas profesional , son cuotas mas altas

VENTAJAS

Pero wix se destaca en muchas cosas que opacan a las desventajas, como estas...

• Tiene uno de los mejores constructores intuitivo
• La opción de crear la cuenta gratis te permite crear y hospedarlo en diferentes sitios web sin ningún costo( algunas cosas)
• Te da mas de 510 motivos de diseño para que crees tu pagina de negocio.
• Sus herramientas interactivas hace que todo sea mas fácil para un principiante.
• Puedes editar tus imágenes fácilmente
• Brinda soporte técnico telefónico

https://www.creatiburon.com/que-es-wix/   
http://expertoencrearsitios.com/wix/

        IMAGEN 5: Representación de wix

FUENTE: La web

IMAGEN 6: Segunda representación de wix

FUENTE: La web

VÍDEO 2

FUENTE: La web

• LENGUAJE DE MARCADO HTML

➤Historia       
Al inicio del HTML se debe a TIM BERNERS-LEE cuando trabajaba en el CERN( Centro Europeo de Investigación Nuclear). El era trabajador del CERN, y un día normal se encontró con la problemática de facilitar el acceso a la información con la que trabajaban desde cualquier ordenador del centro o de otras diferentes instituciones que trabajaban con esta empresa.
Todos los trabajadores comenzaron a buscar una forma simple de acceder a toda la información. Es en ese instante cuando nace el PROTOCOLO HTTP ( hypertext transfer protocol) y las famosisimas paginas HTML.
Ademas idearon que las paginas estarías juntas entres si, estarían enlazadas. Este era el concepto de HIPERTEXTO.
TIM BERNERS-LEE pensaba en una definición del estándar HTML, para esto se baso en el lenguaje de marcado SGML( Standard General Markup Language). Este tipo de lenguaje tiene reglas de etiquetacion y estructuras generales. Empezando con SGML se ha definido lenguajes como HTML, Postscript, RTF,...
Cuando termino el desarrollo del sistema de Hipertexto interno, TIM BERNERS-LEE le presento aquello a una convocatoria para empezar el desarrollo del sistema Hipertexto en Internet con la ayuda de el ingeniero de sistemas ROBERT CAILLIAU. La propuesta que ellos presentaron se llama WORLD WIDE WEB (W3)
http://www.manualweb.net/html/historia-html-inicios/

IMAGEN 7: Diferencia entre HTML y SGML

FUENTE: La web

➤¿Que son los lenguajes de marcado o de marcas?   }
Es una de las tantas formas de codificar o modificar un documento que utiliza un tipo de notación especial para marcar las diferentes secciones de aquel documento, junto con el texto, incorpora etiquetas o marcas que tienen información adicional acerca de la estructura del texto o dicha presentación
https://www.ecured.cu/Lenguaje_de_marcado

IMAGEN 8: Representación de los lenguajes de marcado o de marcas

FUENTE: La web

➤¿Que son las abreviaturas con "Ml"?   
No todas las siglas en la web que tiene un "ML" en ellas, se trata de un " lenguaje de marcado de marcas", esos son los lenguajes que conforman la web.
Hay diferentes tipos de lenguajes de marcado o de marcas. Este articulo se centra en HTML, XML y XHTML, pero hay otros tipos de lenguajes de marcado. Son tres los que se deben tener en cuenta si estas desarrollando el diseño de una pagina web : HTML, XML Y XHTML.
https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html

IMAGEN 9: Representación de las abreviaturas con ML

FUENTE: La web

➤¿Que es un lenguaje de marcas?          
Lenguaje que escribe el texto de forma que el ordenador pueda manipularlo. No todos los lenguajes  de marcas son legibles debidamente a que las anotaciones estanescritas de manera al que se pueda evidenciar de los textos.Por ejemplo.
Con HTML, XML y XHTML, las dichas etiquetas de formato son <y> . El texto que se ve dentro de uno de esos delimitadores se conocen parte del lenguaje de marcado y no parte del texto escrito.
Veamos otro ejemplo.
<p> este párrafo esta escrito en HTML < /p>
Al dar formato al texto que se desea imprimir o visualizar , es necesario distinguir entre el texto en si y las indicaciones para imprimir el texto . Las indicaciones son las marcas para mostrar o imprimir dicho texto.
El marcador no necesariamente tiene que ser legible. Las anotaciones hechas en un texto en un papel también se le pueden llamar marcas. Por ejemplo, muchos estudiantes poner de relieve algunas frases de sus libros. Esto deduce o indica que el texto en negrita que mas importante que el texto que lo conforma . El color mas destacado es el marcado .
https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html

IMAGEN 10: Representacion de el lenguaje de marca

FUENTE: La web

➤HTML Hyper text markup language
Este es el lenguaje de la web. La mayoría de las paginas web están escritas en HTML. Este muestra la manera en que las imágenes, multimedia se muestran en los navegadores web. Esto incluye elementos para unir los documentos( hipertexto )y hacer que estos documentos web sean interactivos.
Esta norma fue desarrollada por el WORLD WIDE WEB CONSORTIUM (W3C). Se basa en SGML ( Standard Generalized Markup Language ). Es un lenguaje que utiliza la etiquetacion para definir la estructura del texto. Los elementos y la etiquetacion son conocidas por los caracteres <y>
Algo que no sabias era que , HTML no es el único estándar para el desarrollo web. Cuando este se fue desarrollando se puso mas y mas difícil y la etiquetacion de este estilo y contenido se unieron en un solo lenguaje
Finalizando, la nueva versión que salio de HTML es HTML 5. Este tiene la función de añadir mas funciones en HTML y elimina un poco de la rigidez que le fue impuesta por XHTML. Sin embargo, HTML5 aun es un lenguaje de marcas
https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html

IMAGEN 11: Representacion de el HTML

   
FUENTE: La web

➤¿Que son las etiquetas y ejemplos de etiquetas en HTML? 
Son la base de este lenguaje ( es lo que vemos entre corchetes angulares en el código de nuestra web. Por ejemplo
<H1> ( Encabezado principal)
Veamos las etiquetas HTML mas relevantes

• <html> delimita y engloba toda la pagina web, este cuenta de cabecera y cuerpo
• <title> para definir el titulo de una pagina
• <link> y <style> ambas van dentro del <head>, y sirven para aplicar CSS a nuestro documento 
• <h1>, <h2>, <h3>...<h6> encabezados, numerados del 1 al 6 por orden de relevancia.Es la mejor forma que tiene Google de entender la estructura de nuestro contenido
• <table>, <tr> y <td> son las tablas, las filas y las celdas.
• <div> es el elemento que mas se usa sabiendo manejar metodos
• <a> para añadir enlaces
• <img> esta es la etiquetacion con la que se usa para insertar las imágenes.
• <li>, <ol>, <ul> son la etiquetacion que controlan las listas ordenadas y desordenadas
• <b> o <strong> convierte el texto en negrita
• <i> lo mismo pero este aplica cursiva al texto. Ejemplo...( <b>negrita<b> y este otro texto iria <i>cursiva<i> )   

        <b> negrita

         <i> cursiva

         <u> subrayado

         <tt> teletipo

         <strike> tachado

         <big> grande

         <small> pequeña

         <sup> superindice

         <sub> subindice

• <p> con esta etiquetacion determinamos un texto de párrafo
• <br /> esta etiquetacion hace un salto de linea simple
• <hr> este pone una linea de horizontal de separación

IMAGEN 12: Representacion de un ejemplo de las etiquetas de html

FUENTE: La web

VÍDEO 3

FUENTE: La web

VÍDEO 4

FUENTE: La web

ACTIVIDAD 1: Mi primera pagina web

imagen.atributos