Taller

VICERRECTORADO MATUTINA
SECCIN MATUTINA
TALLER DE CIENCIA Y TECNOLOGA: INTRODUCCIN A PGINAS WEB
Estudiante:
Fecha:
Docente: Tlgo. Mario G. Balarezo V.
Ao y paralelo:
Calificacin:
/ 10 puntos
Video 1: Pgina web, sitio web, portal web

1. Seale la respuesta correcta segn corresponda a los conceptos de los
siguientes tems.
TEMS
CONCEPTO
a. Coleccin de muchas pginas

web conectadas a travs de
enlaces.
b. Contiene ofertas de contenido o
de servicios.
c. Pgina de inicio.
1. Portal web
2. Pgina web
3. Sitio web
RESPUESTA:
A) 1c, 2b, 3a
B) 1b , 2c, 3a
C) 1a, 2b, 3c
Video 2: Pginas web
2. Que es internet
a) Limitado nmero de computadoras intercomunicadas.

b) Una telaraa de computadoras intercomunicadas.
c) Negocios intercomunicados entre s.
d) Permite acceder a algunos sitios, limitada a algunos servicios, que no tiene
alcance mundial.
e) Ninguna de las anteriores
3. Indique el orden que se debe seguir para tener una pgina web
(3
Un diseador web
(2
Un dominio
(4
Programador
(5
Publicar el contenido
(1
Un hosting o alojamiento
Video 3: Introduccin a HTML
4. Subraye todos los conceptos correctos que corresponde al lenguaje

HTML
a) Sirve para crear pginas web, darles estructura y contenido.
b) Es un lenguaje de programacin.
c) Es un lenguaje de marcado o de etiquetas.
d) Lenguaje que se emplea para el desarrollo de pginas de internet.
e) Ninguna de las anteriores.
f) Todos los anteriores
5. Subraye el literal que corresponda a la estructura correcta de HTML

a)
.
Tlgo. Mario G. Balarezo V.
<body>
<head> c)
<title></title>
</head>
b)
.
MSc. William Mejia
<html>
<head>
<title></title>
</head>
.
MSc. Ada Hermoza
<html>
<title>
head></head>
</title>
<html >
<body >
<body >
</html>
</body>
</body>
</html>
</body>
</html>
PRCTICA N1
PARTE 1:
OBJETIVOS: Conocer la estructura de HTML para la creacin de pginas Web.
1. Abrir el editor de textos Sublime Text 2
2. Grabar como Prctica1.html
3. Escribir el siguiente texto html:
<html>
<head>
<title></title>
</head>
<body >
</body>
</html>
PARTE 2:
OBJETIVOS: Conocer y aplicar la etiqueta bgcolor, h1, h2, h3, h4, h5, center, font para la
creacin de pginas Web.
4. Aadir el siguiente texto html donde corresponda:
<html>
<head>
<title>Pgina web</title>
</head>
<body bgcolor="blue">
<h1 align="center">
<font face="Courier" color="red">
Institucin Educativa Fiscal Benito Jurez
</font>
</h1>
<h2 align="center">
<font face="Courier" color="red">
Bachillerato General Unificado
</font>
</h2>
<hr>
3
<h1> EJEMPLOS DE USO DE ETIQUETAS h</h1>

<h2> PRCTICA 1</h2>
<h3> CREACIN DE PGINAS WEB</h3>
<h4> CIENCIA Y TECNOLOGA</h4>
<h5> SEGUNDO E</h5>
<h6> NIVEL 6</h6>
</body>
</html>
5. Ejecutar
PRCTICA N2
TEMA: Listas Numeradas y no numeradas.
OBJETIVOS: Crear Listas Numeradas y no numeradas para la creacin de pginas Web.
1. Abrir el editor de textos Sublime Text 2
2. Grabar como Prctica2.html.
3. Crear la estructura bsica de HTML.
4. Dentro de la etiqueta body escribir el siguiente texto HTML.
Etiquetas HTML
Resultado
<h1 align="center">LISTAS NUMERADAS</h1>

Listas Ordenadas con Nmeros:
<ol>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ol>
Listas Ordenadas con Letras Maysculas:
<ol TYPE=A>
li> Primera voz del men
</ol>
Listas Ordenadas con Letras Minsculas:
<ol TYPE=a>
</ol>
Listas Ordenadas con Nmeros Romanos en Maysculas:
<ol TYPE=I>
</ol>
Listas Ordenadas con Nmeros Romanos en Minsculas:
<ol TYPE=i>
4
</ol>
<h1 align="center">LISTAS NO NUMERADAS</h1>
Listas definidas con crculos negros:
<ul TYPE=disc>
</ul>
Listas definidas con crculos blancos:
<ul TYPE=circle>
</ul>
Listas definidas con cuadrados:
<ul TYPE=square>
</ul>
TRABAJO:
.
MSc. William Mejia
MSc. Ada Hermoza
<html>
<head>
<title> REALICE LA SIGUIENTE LISTA EN HTML
Listas
</title>
</head>
<body bgcolor="blue">
<h1 align="center">LISTAS DESORDENADAS</h1>
<ul TYPE=disc>
</ul>
El atributo circle imposta circunferencias:
<ul TYPE=circle>
5
</ul>
El atributo square imposta listas definidas por cuadrados slidos:
<ul TYPE=square>
</ul>
<br><br>
<h1 align="center">LISTAS NUMERADAS</h1>
Ordenacin con Nmeros:
<ol>
</ol>
Ordenacin con letras maysculas:
<ol TYPE=A>
</ol>
Ordenacin con letras minsculas:
<ol TYPE=a>
</ol>
Ordenacin con nmeros romanos en mayscula:
<ol TYPE=I>
</ol>
Ordenacin con nmeros romanos en minscula (romanitos):
<ol TYPE=i>
6
</ol>
</body>
MSc. William Mejia
MSc. Ada Hermoza
TEMA: PARRAFOS DE TEXTO EN HTML
ETIQUETA <P> .
</P>
Agrupa un prrafo de texto.
Dentro de <P> se puede incluir la etiqueta ALIGN para la alineacin del prrafo como:
CENTER
Alinea el texto al centro
LEFT
Alinea el texto a la izquierda
RIGHT
Alinea el texto a la derecha
JUSTIFY
Justifica el texto
Adems luego de la etiqueta <P> se pueden aadir otras etiquetas para dar
formato de texto como las siguientes:
ETIQUETA
USO
FORMATO DE
TEXTO
<FONT>
SIZE
COLOR
TAMAO DE
TEXTO
COLOR DE TEXTO
7
OBSERVACION
ES
DENTRO DE
ESTA SE
PUEDEN
INCLUIR LAS
SIGUIENTES:
VA DEL 1 - 7
LOS YA
CONOCIDOS Y
UTILIZADOS
TEXTO EN
NEGRITA
TEXTO EN
CURSIVA
TEXTO EN
SUBRAYADO
TEXTO TACHADO
TIPO DE LETRA
TEXTO MAS
GRANDE
TEXTO MS
PEQUEO
<B></B>
<i></i>
<U></U>
<S></S>
<FACE>.</FACE>
<BIG></BIG>
<SMALL>
</SMALL>
SEPARACION DE
PRRAFOS
<BR>
SIZE
<HR>
SEPARA
PRRAFOS
MEDIANTE UNA
LNEA
LAS VECES
NECESARIAS
VA DEL 1-10
VA DEL 1-10
EJERCICIO DE APLICACIN:
1. Cargar el Sublime Text 2
2. Grabar como Practica3.html
3. Crear la estructura de html
4. Dentro de la etiqueta <BODY> escribir el siguiente cdigo html
<P ALIGN= CENTER>

<B>
<i>
<U>
<S>
<FONT COLOR =GREEN SIZE = 7 FACE =ARIAL >
ESCRIBIR UN PARRAFO DE 4 LNEAS SOBRE LAS REDES SOCIALES..
</FONT>
</B>
</i>
</U>
</S>
</P>
Trabajo:
Escribir tres prrafos sobre la red social Facebook
8
<P>
....
...
</P>
1.
de
Escriba el
botones de las
LibreCad:
nombre de los
siguientes barras
Barra de Dibujo
seleccin o de
Men Lneas:
puntos
.
.
MSc. William Mejia

MSc. Ada Hermoza
de
Barra
2.
Escriba
las opciones de la barra de Men Dibujar y realice una
breve descripcin
de cada uno de ellos:
MSc. William Mejia
MSc. Ada Hermoza
10

Taller

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Taller

Uploaded by

Copyright:

Available Formats

VICERRECTORADO MATUTINA

Video 1: Pgina web, sitio web, portal web

a. Coleccin de muchas pginas

a) Limitado nmero de computadoras intercomunicadas.

4. Subraye todos los conceptos correctos que corresponde al lenguaje

5. Subraye el literal que corresponda a la estructura correcta de HTML

<h1> EJEMPLOS DE USO DE ETIQUETAS h</h1>

<h1 align="center">LISTAS NUMERADAS</h1>

Tlgo. Mario G. Balarezo V.

MSc. William Mejia

MSc. Ada Hermoza

Tlgo. Mario G. Balarezo V.

MSc. William Mejia

MSc. Ada Hermoza

TEMA: PARRAFOS DE TEXTO EN HTML

Agrupa un prrafo de texto.

<P ALIGN= CENTER>

Tlgo. Mario G. Balarezo V.

MSc. William Mejia

Tlgo. Mario G. Balarezo V.

MSc. William Mejia

MSc. Ada Hermoza

You might also like