Introducción Web Guía 1 III P

INSTITUCIÓN EDUCATIVA INTEGRADO “JOAQUÍN GONZÁLEZ
CAMARGO” Resolución Aprobación de Estudios No. 033- 04 de Noviembre de 2008

Código DANE No. 115759000279
Nit: 891855041-4
TECNOLOGÍA E INFORMÁTICA 8º
DOCENTE: Astrith Edilsa Sierra Monroy
FECHA: Agosto 2021
INTENSIDAD HORARIA 2 Horas
TEMAS:
● INTRODUCCIÓN A LA PROGRAMACIÓN WEB
OBJETIVO
Conocer la estructura de programación web y aplicarla en el diseño y solución de problemas del
entorno..
¿QUÉ PROGRAMACIÓN WEB?
Permite la creación de sitios dinámicos en Internet. Esto se consigue generando los contenidos
del sitio a través de una base de datos mediante lenguajes de programación Web.
LENGUAJE DE PROGRAMACIÓN HTML?
El más conocido de los lenguajes de programación Web es el HTML (Hiper Text Markup
Language). Se puede traducir como lenguaje de marcas hipertextuales, es el lenguaje usado para
crear páginas Web en Internet. Este lenguaje de programación Web, el HTML, codifica un
documento y junto con el texto incluye unas etiquetas o marcas que le aportan información
adicional sobre la forma y presentación de ese texto.
Las páginas web están compuestas por:
● La información que el usuario ve en la pantalla cuando accede a un página. ● Códigos (tag o

etiquetas), transparentes para el usuario, que son interpretados por el programa (navegador o
browser) y que controlan la manera como la información es mostrada en la pantalla.
NOTA: Podemos usar cualquier navegador ejemplo: Mozilla, Firefox, Google, etc.
.
HISTORIA
Este lenguaje de programación Web fue inventado por Tim Berners-Lee en 1986. El HTML
combina el concepto de Hipertexto, que permite conectar dos elementos entre si, y el SGML
(Lenguaje Estándar de Marcación General) que permite colocar etiquetas o marcas en un texto
para indicar como queremos que ese documento se visualice.
QUE SE NECESITA PARA CREAR PÁGINAS WEB:

Las páginas web son documentos planos, lo único que se requiere para su creación es:
● Un editor de texto, aunque también existen muchas y potentes herramientas para la creación
y edición gráfica de documentos HTML, el Block de Notas (NotePad), el editor (EDIT), o
cualquier otro editor de texto sirve para estos propósitos.
Carrera 10 Nº 21-52, Barrio Los Alisos, Telefax (+8) 7702118 Sede Uriel Armando Bravo Ruge
integrado-educacion@sogamoso-boyaca.gov.co
Sogamoso – Boyacá – Colombia
COPIA CONTROLADA
INSTITUCIÓN EDUCATIVA INTEGRADO “JOAQUÍN GONZÁLEZ FT-EA-01

Código DANE No. 115759000279 Nit: 891855041-4
FORMATO EVALUACIÓN 11/08/08-V01
Página 2 de
4
● Para visualizar documentos HTML, debemos disponer de un explorador Mozilla, Firefox,

Google, etc.
ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML
Un documento HTML comienza con la etiqueta <html>, y termina con </html>. Dentro del
documento (entre las etiquetas de principio y fin de html), hay dos zonas bien diferenciadas: el
encabezamiento, delimitado por <head> y </head>, que sirve para definir diversos valores válidos
en todo el documento; y el cuerpo, delimitado por <body> y </body>, donde reside la información
del documento.
● <title>, permite especificar el título de un documento HTML. Este título no forma parte del
documento en sí: no aparece, por ejemplo, al principio del documento una vez que este se
presenta con un programa adecuado, sino que suele servir como título de la ventana del
programa que nos la muestra.
Etiquetas de párrafo y encabezados HTML

Las etiquetas que siempre indican texto y son:
● Indica que el elemento es un párrafo.

● <h1> Señala que se trata de un titulo principal.
● <h2>, <h3>, <h4>, <h5>, <h6>: indica niveles de encabezado, subtítulos.
Ejemplo de etiquetas de texto HTML

Lista de formatos y etiquetas de texto HTML
● : Para texto en negrita.
● : Para enfatizar texto.
● : Para texto en cursiva.
Carrera 10 Nº 21-52, Barrio Los Alisos, Telefax (+8) 7702118
Sede Uriel Armando Bravo Ruge
COPIA CONTROLADA

Página 3 de
4
● : Para texto subrayado.

● : Para textos importantes.
● <big>: Texto grande.
● : Para texto pequeño.
● : Para texto subíndice.
● : Para texto superíndice.
● <ins>: Para texto insertado.
● <del>: Para texto borrado.
● : Para texto marcado.
Diferencia entre / y /
Las etiquetas y se muestran visualmente iguales en los navegadores,

lo mismo ocurre con las etiquetas y pero hay diferencias.
● define texto en negrita, sin ninguna importancia adicional.

● define texto fuerte, con importancia semántica aumentada.
● define el texto en cursiva, sin ninguna importancia adicional.
● define el texto enfatizado, con una importancia semántica aumentada.
EJEMPLO:
<big> Este es el primer párrafo y tendrá formato de texto grande y será

cursiva</big>
<big> Este es el segundo párrafo y tendrá formato de texto grande,

será cursiva y también será marcado</big>
COPIA CONTROLADA

Página 4 de
4
NOTA: Revisa el siguiente link para ampliar un poco la información

https://www.bing.com/videos/search?q=etiquetas+html+para+texto&docid=608004525552837527&
mid=E1DDF53D25BBC0959E1BE1DDF53D25BBC0959E1B&view=detail&FORM=VIRE
ACTIVIDAD:
Crea un escrito sobre el tema que dominas con las siguientes indicaciones:
● El título visible sea texto grande, cursivo y subrayado.

● Los subtítulos sean texto en negrita, además marcados.
● Crea unos párrafos, dentro de los párrafos crea textos marcados para resaltar
palabras.
● Utiliza todas las etiquetas aprendidas a distintos textos para ver la diferencia.
FORMAS DE ENVÍO:
1. Crea un archivo y pega las imágenes del mapa mental y envíalo al correo
tecsistemasa@gmail.com
2. Si tienes computador pero no internet, toma una foto a la pantalla de tu trabajo y envíame las
imágenes bien marcadas con la Asignatura, nombre completo y curso por whatsapp. 3. Si estás
trabajando en hojas, tómale igualmente una foto a tu trabajo y envíalo por
whatsapp.
FECHA DE ENTREGA:
RECURSOS:
● Guía de trabajo
● Herramientas online para mapas mentales.
EVALUACIÓN:
● Pulcritud en el desarrollo del trabajo
● Conceptos aplicados en el diseño
“Valor es lo que se necesita para levantarse y hablar, pero también

es lo que se requiere para sentarse y escuchar.”.

COPIA CONTROLADA

Introducción Web Guía 1 III P

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Introducción Web Guía 1 III P

Cargado por

Copyright:

Formatos disponibles

INSTITUCIÓN EDUCATIVA INTEGRADO “JOAQUÍN GONZÁLEZ

CAMARGO” Resolución Aprobación de Estudios No. 033- 04 de Noviembre de 2008

DOCENTE: Astrith Edilsa Sierra Monroy

FECHA: Agosto 2021

INTENSIDAD HORARIA 2 Horas

● INTRODUCCIÓN A LA PROGRAMACIÓN WEB

¿QUÉ PROGRAMACIÓN WEB?

LENGUAJE DE PROGRAMACIÓN HTML?

Las páginas web están compuestas por:

● La información que el usuario ve en la pantalla cuando accede a un página. ● Códigos (tag o

QUE SE NECESITA PARA CREAR PÁGINAS WEB:

INSTITUCIÓN EDUCATIVA INTEGRADO “JOAQUÍN GONZÁLEZ FT-EA-01

FORMATO EVALUACIÓN 11/08/08-V01

● Para visualizar documentos HTML, debemos disponer de un explorador Mozilla, Firefox,

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Etiquetas de párrafo y encabezados HTML

● <p> Indica que el elemento es un párrafo.

Ejemplo de etiquetas de texto HTML

INSTITUCIÓN EDUCATIVA INTEGRADO “JOAQUÍN GONZÁLEZ FT-EA-01

FORMATO EVALUACIÓN 11/08/08-V01

● <u>: Para texto subrayado.

Diferencia entre <strong>/<b> y <em>/<i>

Las etiquetas <strong> y <b> se muestran visualmente iguales en los navegadores,

● <b> define texto en negrita, sin ninguna importancia adicional.

<i><big><p> Este es el primer párrafo y tendrá formato de texto grande y será

<p><mark><i><big> Este es el segundo párrafo y tendrá formato de texto grande,

INSTITUCIÓN EDUCATIVA INTEGRADO “JOAQUÍN GONZÁLEZ FT-EA-01

FORMATO EVALUACIÓN 11/08/08-V01

NOTA: Revisa el siguiente link para ampliar un poco la información

● El título visible sea texto grande, cursivo y subrayado.

“Valor es lo que se necesita para levantarse y hablar, pero también

Carrera 10 Nº 21-52, Barrio Los Alisos, Telefax (+8) 7702118

También podría gustarte