Beruflich Dokumente
Kultur Dokumente
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
CONCEPTO
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
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
VICERRECTORADO MATUTINA
Video 3: Introduccin a HTML
.
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>
VICERRECTORADO MATUTINA
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
VICERRECTORADO MATUTINA
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
VICERRECTORADO MATUTINA
</ol>
<h1 align="center">LISTAS NO NUMERADAS</h1>
Listas definidas con crculos negros:
<ul TYPE=disc>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ul>
Listas definidas con crculos blancos:
<ul TYPE=circle>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ul>
Listas definidas con cuadrados:
<ul TYPE=square>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ul>
TRABAJO:
.
<html>
<head>
<title> REALICE LA SIGUIENTE LISTA EN HTML
Listas
</title>
</head>
<body bgcolor="blue">
<h1 align="center">LISTAS DESORDENADAS</h1>
<ul TYPE=disc>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ul>
El atributo circle imposta circunferencias:
<ul TYPE=circle>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
5
VICERRECTORADO MATUTINA
</ul>
El atributo square imposta listas definidas por cuadrados slidos:
<ul TYPE=square>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ul>
<br><br>
<h1 align="center">LISTAS NUMERADAS</h1>
Ordenacin con Nmeros:
<ol>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ol>
Ordenacin con letras maysculas:
<ol TYPE=A>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ol>
Ordenacin con letras minsculas:
<ol TYPE=a>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ol>
Ordenacin con nmeros romanos en mayscula:
<ol TYPE=I>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
</ol>
Ordenacin con nmeros romanos en minscula (romanitos):
<ol TYPE=i>
<li> Primera voz del men
<li> Segunda voz del men
<li> Tercera voz del men
6
VICERRECTORADO MATUTINA
</ol>
</body>
ETIQUETA <P> .
</P>
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
VICERRECTORADO MATUTINA
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>
Trabajo:
Escribir tres prrafos sobre la red social Facebook
8
VICERRECTORADO MATUTINA
<P>
....
...
</P>
1.
de
Escriba el
botones de las
LibreCad:
nombre de los
siguientes barras
Barra de Dibujo
seleccin o de
Men Lneas:
puntos
.
.
de
Barra
2.
Escriba
las opciones de la barra de Men Dibujar y realice una
breve descripcin
de cada uno de ellos:
VICERRECTORADO MATUTINA
10