TEMATICA:PÁGINAS WEB Y LENGUAJE DE MARCADO HTML
Este primer periodo academico tendra que ver mas que todo sobre las paginas web, paginas web dinamicas, paginas web estaticas y sitios web. Ademas que veremos lenguaje de marcado de HTML
PAGINAS WEB
¿QUE SON?
VIDEO 1: ¿que es una pagina web?
¿QUE ES UN SITIO WEB?
Un sitio web es un lugar virtual en la red que guarda contenido para que la gente tenga acceso a él, así de simple. Se conforma por varios documentos que se acomodan de manera organizada para que sea atractivo visualmente, dichos documentos se llaman páginas web. Por lo tanto, un sitio web es la compilación organizada y estructurada de un determinado número de páginas web.
Las páginas web de las que se conforma el sitio deben estar desarrolladas bajo un código llamado HTML y estar alojadas a un dominio que, en palabras simples, será el lugar que hará que el sitio web pueda visualizarse en cualquier tipo de navegador web (hosting).
¿QUE ES UNA PAGINA WEB?
Una pagina web es un documento que esta disponible en internet o tambien (WWW) world wide web, este esta codificado con un lenguaje llamado (HTML) Hyper Text Markup Language. Esta puede contener informacion como textos, imagenes, musica, videos. Etc...
Una pagina web necesita un lugar en donde poder alojarse, es por ello que estas se alojan en un servidor web o un host. Este se podria definir como una gran computadora que entrega informacion al usuario cuando este lo soclicita
Existen dos tipos de paginas web que son:
-Pagina web estatica y dinamica
¿QUE ES UNA PAGINA WEB ESTATICA?
Una página web estática es un sitio de Internet que muestra el mismo contenido para todos los usuarios, en vez de proporcionar contenido personalizado a la medida de 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.
¿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.
VIDEO 2: que son las paginas web dinamicas y estaticas
EXTENSIONES DE UNA PAGINA WEB
Cuando navegas por Internet, verás que existen muchas extensiones diferentes en las URL que 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 como:
- 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.
- Un problema que existe con esto, es que al contener este código que hace todo más dinámico, puede haber fallos de diseño y desarrollo, vulgarmente llamados “bugs”, que pueden ocasionar funcionamientos erróneos.
- Ya hace algún tiempo, es bastante común ver extensiones jsp y php también. 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.
WIX
¿QUE ES?
Hoy en día hay cada vez más plataformas que prometen ayudarte a crear una página web de manera fácil y gratuita. Wix, una plataforma de origen Israelí, es una de las más conocidas entre ellas. Su eslogan es “Crea tu increíble página web. Es gratis”, una fórmula muy llamativa que atrae a miles de usuarios. Efectivamente, con Wix puedes crear una página web más o menos atractiva, de manera fácil y “gratis”.
¿Por qué es tan popular?
-Wix es increíblemente popular, tiene más de 60 millones de usuarios y presumen de que cada día 45.000 usuarios nuevos se suman a utilizarla. ¿A qué se debe?
-Es muy fácil de usar. Hasta un niño puede construir una web en Wix en poco tiempo.
-Tiene plantillas muy vistosas, que prometen un diseño muy atractivo.
-De primeras, hacer tu web es gratis si no te importa que esté llena de publicidad y que tu dominio acabe en .wix.com
LA VERDAD DE WIX
La verdad es que Wix, como muchas otras plataformas de este tipo, al final acaban dando muchos dolores de cabeza. Cada semana recibo algún email en mi bandeja de entrada de una persona que ha hecho una página web en Wix y está profundamente decepcionada. ¿Qué es lo que pasa?
Los problemas empiezan cuando ya has montado tu web y pasa el tiempo y te das cuenta de que nadie la visita.
Tu web no aparece en las búsquedas de Google.
Algunas personas te dicen que no pueden abrirla…
Decides que quieres usar tu propio dominio y Wix te empieza a cobrar 4€ al mes por un servicio que cuesta normalmente unos 12€/anuales.
Tu web no se ve bien en dispositivos móviles.
Lo que parecía gratis, resulta no serlo. Al final si quieres una web mínimamente profesional, tendrás que pagar más de lo que cuesta mantener una web realmente profesional pero con la pequeña diferencia de que tu web de Wix, nunca será tuya. Tu web siempre pertenecerá a Wix, nunca podrás llevártela a otro servidor mejor o más barato…Por que simplemente, por más que pagues como si la web fuera tuya, no lo es. Y si Wix decide un buen día cerrar porque ya no le resulta rentable el negocio o porque sus usuarios empiezan a darse cuenta de que no es un buen gestor de contenidos…perderás tu web en un abrir y cerrar de ojos. Por que tu web está alquilada y no te pertenece.
Aunque presumen de utilizar diseño responsive, adaptado a dispositivos móviles, la verdad es que la velocidad de carga es tan lenta que desde un dispositivo móvil es muy difícil que tu web se cargue y la experiencia de los navegantes será una auténtica pesadilla. El diseño responsive no se puede automatizar, hay que tenerlo en cuenta a la hora de hacer el diseño.
Wix tampoco te permite utilizar Google Analytics en su versión gratuita, lo cual te hace perder datos que son esenciales para cualquier campaña de marketing en Internet.
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. Juntos encontraron una manera revolucionaria en la que tanto personas particulares como empresas, pudieran crear y administrar sus propios sitios web.
Once años más tarde Wix sigue ayudando a casi 110 millones de usuarios, entre los cuales muchos no cuentan con habilidades avanzadas para crear una presencia online estética, profesional y funcional. Sin límites de creatividad, sin códigos complicados y con la total libertad para que te expreses y administres tu propio negocio online.
Wix ofrece la única plataforma HTML5 para crear sitios web con la función de arrastrar y soltar; además de cientos de plantillas diseñadas por profesionales, alojamiento de alto nivel, innovadoras aplicaciones y miles de funciones totalmente gratis. En fin, brindamos servicios de primera calidad y nuestro modelo de negocio nos permite proporcionar sitios completamente funcionales para todos de forma gratuita.
La cobertura mundial de Wix, su kit de desarrollo de software abierto y las incomparables capacidades de diseño en su plataforma hacen de Wix un universo único.
Socios, programadores, diseñadores web y otros profesionales online pueden comercializar eficazmente sus aplicaciones y servicios a millones de personas a través de Wix.
Wix siempre está en busca de nuevas maneras de proporcionar a sus usuarios actuales y potenciales, tecnología de punta, el mejor soporte técnico y soluciones únicas para crear y administrar una impresionante presencia online.
VIDEO 3: que es WIX
TEMATICA: LENGUAJE DE MARCADO DE HTML
¿QUÉ ES HTML?
HTML no es un lenguaje de programación, esto debes tenerlo muy en claro desde el principio, HTML es un lenguaje de marcado de hipertexto o “HyperText Markup Language” por el desarrollo de sus iniciales en inglés, básicamente este lenguaje se escribe en su totalidad con elementos, estos elementos están constituidos por etiquetas, contenido y atributos, que explicaremos de una manera más detallada en algunas líneas más abajo.
HTML es un lenguaje que interpreta el navegador web para mostrar los sitios o aplicaciones web tal y como estamos acostumbrados. En la Imagen 1 verás cómo el navegador nos muestra un sitio web y en la Imagen 2 verás cómo se ve en lenguaje HTML
HISTORIA DE HTML
El origen de HTML se remonta a 1980, cuando el físico Tim Berners-Lee, trabajador del CERN (Organización Europea para la Investigación Nuclear) propuso un nuevo sistema de "hipertexto" para compartir documentos.
Los sistemas de "hipertexto" habían sido desarrollados años antes. En el ámbito de la informática, el "hipertexto" permitía que los usuarios accedieran a la información relacionada con los documentos electrónicos que estaban visualizando. De cierta manera, los primitivos sistemas de "hipertexto" podrían asimilarse a los enlaces de las páginas web actuales.
Tras finalizar el desarrollo de su sistema de "hipertexto", Tim Berners-Lee lo presentó a una convocatoria organizada para desarrollar un sistema de "hipertexto" para Internet. Después de unir sus fuerzas con el ingeniero de sistemas Robert Cailliau, presentaron la propuesta ganadora llamada WorldWideWeb (W3).
El primer documento formal con la descripción de HTML se publicó en 1991 bajo el nombre HTML Tags(Etiquetas HTML) y todavía hoy puede ser consultado online a modo de reliquia informática.
La primera propuesta oficial para convertir HTML en un estándar se realizó en 1993 por parte del organismo IETF (Internet Engineering Task Force). Aunque se consiguieron avances significativos (en esta época se definieron las etiquetas para imágenes, tablas y formularios) ninguna de las dos propuestas de estándar, llamadas HTML y HTML+ consiguieron convertirse en estándar oficial.
En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo año, el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML.
A partir de 1996, los estándares de HTML los publica otro organismo de estandarización llamado W3C(World Wide Web Consortium). La versión HTML 3.2 se publicó el 14 de Enero de 1997 y es la primera recomendación de HTML publicada por el W3C. Esta revisión incorpora los últimos avances de las páginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imágenes.
HTML 4.0 se publicó el 24 de Abril de 1998 (siendo una versión corregida de la publicación original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades más destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeños programas o scripts en las páginas web, mejora de la accesibilidad de las páginas diseñadas, tablas complejas y mejoras en los formularios.
La última especificación oficial de HTML se publicó el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisión y actualización de la versión HTML 4.0, por lo que no incluye novedades significativas.
Desde la publicación de HTML 4.01, la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML. Por este motivo, en el año 2004, las empresas Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).
La actividad actual del WHATWG se centra en el futuro estándar HTML 5, cuyo primer borrador oficial se publicó el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicación de los borradores de HTML 5.0, en marzo de 2007 el W3C decidió retomar la actividad estandarizadora de HTML.
De forma paralela a su actividad con HTML, W3C ha continuado con la estandarización de XHTML, una versión avanzada de HTML y basada en XML. La primera versión de XHTML se denomina XHTML 1.0 y se publicó el 26 de Enero de 2000 (y posteriormente se revisó el 1 de Agosto de 2002).
XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.
¿Qué son los lenguajes de marcado o de marcas?
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 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
XML-eXtensible Markup Language
eXtensible Markup Language (XML) es un lenguaje de etiquetas desarrollado por World Wide Web Consortium (W3C) normalizado por la ISO para la representación de datos jerárquicamente estructurados en forma de datos de texto. XML se emplea, entre otras cosas, para el intercambio de datos entre sistemas informáticos multiaplicación, especialmente a través de Internet.
W3C define XML como un metalenguaje sobre cuya base se definen lenguajes específicos de las aplicaciones por medio de restricciones estructurales y de contenido. Entre ellos se encuentran, entre otros, XSL-FO (sobre todo para impresión/archivado), XHTML (aplicaciones basadas en web) y SVG.
En XML todos los elementos se estructuran de forma estricta, de forma comparable a la estructura de árbol de menú, ya conocida del mundo Windows. Los diferentes niveles de la estructura (paréntesis) se definen siempre con una marca de inicio (Start-tag) y una marca de final (End-tag). XML es muy adecuado para la representación estructurada de datos, aunque carece de los datos necesarios para el formato de los documentos. Estos pueden crearse con información de formato adicional. Ya sea con CSS (Cascading Style Sheets), un lenguaje de estilo con el que se define el aspecto de los documentos HTML; o con XSL-FO (eXtensible Stylesheet Language Formatted Objects), que describe cómo se disponen el texto, las imágenes, las líneas y otros elementos gráficos en una página, sobre todo de documentos que se van a imprimir o archivar.
W3C define XML como un metalenguaje sobre cuya base se definen lenguajes específicos de las aplicaciones por medio de restricciones estructurales y de contenido. Entre ellos se encuentran, entre otros, XSL-FO (sobre todo para impresión/archivado), XHTML (aplicaciones basadas en web) y SVG.
En XML todos los elementos se estructuran de forma estricta, de forma comparable a la estructura de árbol de menú, ya conocida del mundo Windows. Los diferentes niveles de la estructura (paréntesis) se definen siempre con una marca de inicio (Start-tag) y una marca de final (End-tag). XML es muy adecuado para la representación estructurada de datos, aunque carece de los datos necesarios para el formato de los documentos. Estos pueden crearse con información de formato adicional. Ya sea con CSS (Cascading Style Sheets), un lenguaje de estilo con el que se define el aspecto de los documentos HTML; o con XSL-FO (eXtensible Stylesheet Language Formatted Objects), que describe cómo se disponen el texto, las imágenes, las líneas y otros elementos gráficos en una página, sobre todo de documentos que se van a imprimir o archivar.
XHTML-eXtended HyperText Markup Language
antes de HTML5 , se definió como una aplicación de Lenguaje de marcado generalizado estándar (SGML), un marco de lenguaje de marcado flexible, XHTML es una aplicación de XML , un subconjunto más restrictivo de SGML. Los documentos XHTML están bien formados y, por lo tanto, pueden analizarse utilizando analizadores XML estándar, a diferencia de HTML, que requiere un analizador indulgente específico de HTML. [1]
XHTML 1.0 se convirtió en una Recomendación del World Wide Web Consortium (W3C) el 26 de enero de 2000. XHTML 1.1 se convirtió en una Recomendación W3C el 31 de mayo de 2001. El estándar conocido como XHTML5 se está desarrollando como una adaptación XML de la especificación HTML5. [2] [3]
¿Que son las etiquetas y ejemplos de etiquetas en HTML?
A grandes rasgos, en un documento HTML existen dos tipos de etiquetas HTML: las etiquetas que contienen fragmentos de texto (se utilizan para dar significado a esas palabras o fragmentos) y las etiquetas que agrupan conjunto de información (fragmentos de texto y/u otras etiquetas).
FUENTE: https://www.google.com.co/url?sa=i&source=images&cd=&cad=rja&uact=8&ved=2ahUKEwim3O2sopThAhXmpVkKHU4ZCAgQjRx6BAgBEAU&url=https%3A%2F%2Fes.slideshare.net%2Fmichelin9820%2Fetiquetas-basicas-html&psig=AOvVaw1Z-jncYzp67evj2QCxpSzJ&ust=1553293212254973
ACTIVIDAD. Mi primera página web
Fuente: Andrés Felipe Ramírez Pacheco
ACTIVIDAD 2. Atributos en html
FUENTE: Andrés Felipe Ramírez Pacheco
En esta actividad aprendimos sobre los atributos, etiquetas que tiene html. Seguramente puede que se vea dificil pero es muy facil ya que "html" es facil de aprender aunque tenga muchos (no tantos) codigos o etiquetas
Los atributos son caracteristicas como decir el color del texto o si debe ir en negrilla o el tamaño. Etc...
ACTIVIDAD 2. Atributos en html
FUENTE: Andrés Felipe Ramírez Pacheco
En esta actividad aprendimos sobre los atributos, etiquetas que tiene html. Seguramente puede que se vea dificil pero es muy facil ya que "html" es facil de aprender aunque tenga muchos (no tantos) codigos o etiquetas
Los atributos son caracteristicas como decir el color del texto o si debe ir en negrilla o el tamaño. Etc...
No hay comentarios:
Publicar un comentario