PERIODO 1


en este periodo veremos todo lo que abarca ,las paginas web(Que es una pag web,Que es una web estética,Que es una pagina web dinámica,extensión  de una pag web) y también veremos el lenguaje marcado de HTML  que abarca...(que son lenguajes en marcas)....

PAGINAS WEB Y LENGUAJE MARCADO HTML


Una pagina web es un documento de texto con marcas que les permite cambiar la información de forma ilimitada y a las marcas se le llama etiquetas.


Las páginas web están pensadas para ser vistas mediante los programas llamados navegadores web. Los navegadores son capaces de interpretar las marcas y presentar el documento tal y como lo diseñó el autor.


Los navegadores no muestran en principio las marcas, aunque se puede pedir que las enseñen en una ventana o pestaña aparte. El atajo de teclado correspondiente suele ser Ctrl+u y las opciones de menú son:


En Firefox, Ver > Código fuente de la página.

En Chrome, Herramientas > Ver código fuente
En Edge, primero hay que abrir la página about:flags y marcar la casilla "Mostrar código fuente". A partir de ese momento, al hacer clic derecho sobre cualquier página, el menú contextual mostrará la opción Ver origen. El código fuente se muestra en la ventana de desarrolladores.
En Internet Explorer, Ver > Origen.


Las marcas se escriben entre desigualdades (<p>, <h1>, <div>, etc.) y suelen ir por parejas, rodeando porciones de texto. La marca de apertura contiene como mínimo el nombre de la marca y la marca de cierre empieza por el carácter barra (/) y contiene únicamente el nombre de la marca (</p>, </h1>, </div>, etc.).



CÓDIGO FUENTE DE LA PAGINA WEB



<p>Esto es un párrafo de texto.</p>




<p>Esto es otro párrafo.</p>




COMO SE VE EN EL NAVEGADOR


Esto es un párrafo de texto.



Esto es otro párrafo.



Algunas marcas (imágenes, saltos de líneas, separadores, etc.) no necesitan marca de cierre y sólo es necesario escribir la marca de apertura. A estas marcas se las llama marcas vacías (void). Las marcas vacías de HTML son <area>, <base>, <br>, <col>, <embed>, <hr>, <img>, <input>, <link>, <meta>, <param>, <source>, <track> y <wbr>.




CÓDIGO FUENTE DE LA PAGINA WEB




<p>Esto es un párrafo de texto.</p>




<hr>




<p>Esto es otro párrafo. Entre los dos párrafos hay una línea horizontal.</p>




COMO SE VE EN EL NAVEGADOR




Esto es un párrafo de texto.




Esto es otro párrafo. Entre los dos párrafos hay una línea horizontal.


QUE ES UNA PÁGINA 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.


Página web


Las páginas web están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores. De esta forma, las páginas pueden presentar información en distintos formatos (texto, imágenes, sonidos, videos, animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.


FUENTE:


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


QUE ES UNA PAGINA WEB ESTATICA


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.


FUENTE:


http://www.buyto.es/general-diseno-web/que-es-una-pagina-web-estatica-para-que-sirve-una-pagina-web-estatica.html


QUE ES UNA PÁGINA WEB DINÁMICA


Una web dinámica es aquella que contiene aplicaciones dentro de la propia web, otorgando mayor interactividad con el navegante. Ejemplos de aplicaciones dinámicas son encuestas y votaciones, foros de soporte, libros de visita, envío de e-mails inteligentes, reserva de productos, pedidos on-line, atención al cliente personalizada




FUENTE:


http://cefire.edu.gva.es/file.php/1/Comunicacion_y_apertura/B3_PaginaWeb/pgina_web_esttica_vs_dinmica.html


EXTENSIÓN ES 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í.



FUENTE:


http://newwweb.com.mx/extensiones-de-dominios


WIX


Nuestra moderna tecnología hace que estar online de una forma bella y profesional sea simple y accesible para todos. No hay límites de creatividad, no necesitas códigos ni programación, tienes completa libertad para expresarte y manejar tu negocio online.


Nuestra base global de usuarios, SDK libre y posibilidades de diseño sin igual, ofrecen un ecosistema único. Socios, desarrolladores de software, diseñadores web y otros profesionales de la red, pueden publicar sus aplicaciones y servicios a millones de potenciales clientes a través de Wix.


Ofrecemos una avanzada plataforma de creación de páginas web para más de 90 millones de usuarios en 190 países. Wix tiene algo para todos, ya sea que seas un fotógrafo, músico, emprendedor o estudiante, tenemos todas las herramientas y funciones que necesitas para que tengas una presencia online destacable, absolutamente GRATIS.


Imagen 1:linea del tiempo















FUENTE:LA WEP


QUE ES LENGUAJE MARCADO HTML


En el año 1989, el físico nuclear Tim Berners-Lee del CERN (Centro europeo para la investigación nuclear) trabajaba en un sistema que permitiera acceder a archivos en línea sobre el protocolo de comunicaciones TCP/IP. En este año existían dos métodos para enlazar documentos electrónicos entre sí. Por una parte los enlaces o hipervínculos y por otra parte un lenguaje denominado SGML (Standard Generalize Markup Language, "Lenguaje de marcas generalizado"), que consiste en un sistema para la organización y etiquetado de documentos. La ISO normalizó el lenguaje en el año 1986. Sirve para especificar las reglas de etiquetado y no impone ningún conjunto de etiquetas especial, teniendo en cuenta estos métodos Tim Berners-Lee a principios de 1990 definió el lenguaje HTML (Hypertext Markup Language, “Lenguaje de marcas hipertextuales”) como un subconjunto de SGML y creó algo más el World Wide Web (también conocido como la Web, es un sistema de documentos de hipertexto y/o hipermedios enlazados entre si y accesibles desde interne). En 1991 creó el primer navegador de HTML que funcionaba en modo texto y para el sistema UNIX.

¿Qué es un lenguaje de marcas?

Un lenguaje de marcas es un lenguaje que anota el texto de modo que el ordenador puede manipularlo. La mayoría de los lenguajes de marcas son legibles debido a que las anotaciones están escritas de forma tal que se puedan distinguir de los textos. Por ejemplo, con HTML, XML y XHTML, las etiquetas de formato son ‹ y ›. El texto que aparece dentro de uno de esos delimitadores se considera parte del lenguaje de marcado y no parte del texto anotado. Por ejemplo


‹ p › este es un párrafo de texto escrito en HTML ‹ /p ›


Al dar formato al texto que se desea imprimir (o visualizar en un ordenador o TV), es necesario distinguir entre el texto en sí y las instrucciones para imprimir el texto. Las marcas son las instrucciones para mostrar o imprimir el texto.

El marcado no tiene que ser legible por ordenador. Las anotaciones hechas en un texto en papel o en un libro son también marcas. Por ejemplo, muchos estudiantes para poner de relieve algunas frases de sus libros de texto. Esto indica que el texto en negrita es más importante que el texto que lo rodea. El color más destacado es el marcado.

El marcado se convierte en un lenguaje cuando las reglas están codificadas en torno a cómo escribir y usar el marcado. Ese mismo alumno puede tener su propio "lenguaje de marcado al tomar notas" si las reglas codificadas son como por ejemplo "marcador morado es para las definiciones, resaltador amarillo es para los detalles del examen, y notas a lápiz en los márgenes para recursos adicionales." Pero la mayoría de los lenguajes de marcas se definen por una autoridad externa para permitir su uso por muchas personas diferentes.

HTML HyperText Markup Language

HTML o HyperText Markup Language es el lenguaje de la web. Casi todas las páginas web están escritas en HTML. HTML define la forma en que las imágenes, multimedia y texto se muestran en los navegadores web. Incluye elementos para conectar los documentos (hipertexto) y hacer que los documentos web sean interactivos.
HTML es un lenguaje de marcado definido como estándar. Esta norma fue desarrollada por el World Wide Web Consortium (W3C). Se basa en SGML (Standard Generalized Markup Language). Es un lenguaje que utiliza etiquetas para definir la estructura de un texto. Elementos y etiquetas son definidas por los caracteres ‹ y ›.
Pero HTML no es el único estándar para el desarrollo web. Cuando HTML fue desarrollándose se puso más y más complicado y las etiquetas de estilo y contenido se combinaron en un solo lenguaje. Finalmente, el W3C decidió que no había necesidad de una separación entre el estilo de una página web y el contenido. Una etiqueta que define el contenido por sí solo, como H1, se mantendría en HTML, las etiquetas que definen el estilo, como la fuente, han quedado obsoletas a partir de HTML 4.01 a favor de las hojas de estilo.
La nueva versión de HTML es HTML5. HTML5 añade más funciones en HTML y elimina parte de la rigidez que le fue impuesta por XHTML. Sin embargo, HTML5 aún es un lenguaje de marcas.


XML-eXtensible Markup Language


El eXtensible Markup Language es el lenguaje en que se basan otras versiones de HTML. Al igual que HTML, XML está fuera de SGML. Es menos estricto que SGML y más estricto que el HTML plano, y proporciona la capacidad de ampliación para crear varios lenguajes diferentes.
XML es un lenguaje para escribir lenguajes de marcas. Por ejemplo, si se está trabajando en la genealogía, se pueden crear etiquetas usando XML para definir el padre, madre, hija, e hijo en el XML como este: ‹ padre › ‹ madre › ‹ hija › ‹ hijo ›. También hay varios lenguajes estandarizados ya creados con XML: MathML para la definición de las matemáticas, SMIL para trabajar con multimedia, XHTML, y muchos otros.



XHTML-eXtended HyperText Markup Language

XHTML 1.0 es HTML 4.0 redefinido para cumplir con el estándar XML. No hay muchas diferencias importantes entre HTML y XHTML:
XHTML está escrito en minúsculas. Mientras que las etiquetas HTML se puede escribir en MAYÚSCULAS, mezcladas o en minúsculas, para ser correctos, las etiquetas XHTML deben estar todas en minúscula.
Todos los elementos XHTML deben tener una etiqueta final. Los elementos con sólo una etiqueta, como HR y IMG necesita una barra de cierre (/) en el extremo de la etiqueta:


‹ /hr ›


‹ img ›


Todos los atributos deben ser citados en XHTML. Algunas personas eliminan las comillas alrededor de los atributos para ahorrar espacio, pero son necesarias para un XHTML correcto.
XHTML requiere que las etiquetas se aniden correctamente. Si se abre una negrita ‹ b › y luego un elemento de cursiva ‹ i › se debe cerrar el elemento cursiva (‹ i ›) antes que la negrita (‹ b ›).
Los atributos XHTML deben tener un nombre y un valor. Los atributos que son independientes en HTML deben ser declarados con valores, así, por ejemplo, el atributo de noshade de recursos humanos se habrían de escribir noshade = "noshade".

FUENTE:

https://www.um.es/docencia/barzana/DIVULGACION/INFORMATICA/Que-son-lenguajes-marcado.html

VÍDEO 1:¿Que es HTML?

VIDEO 2:¿Que son pagnas wep?


FUENTE:https://www.youtube.com/watch?v=NfD6BaxJFjM

actividad 1: mi primera pagina
fuente: sebastian torres 

actividad 2: atributos de HTML















No hay comentarios.:

Publicar un comentario