Está en la página 1de 13

ACTIVIDADES DE TECNOLOGIA III

Indicaciones: Una vez terminando todas las actividades deberá de guardar en


una carpeta comprimida con las actividades teóricas y otra carpeta con las
practicas, deberá de guardar los materiales(como imágenes) en la misma
carpeta y entregar por correo electrónico a su docente para su revisión.

Realiza un cuadro sinóptico de los atributos para trabajar con los frames o marcos
en html, apóyate del siguiente link:
http://platea.pntic.mec.es/lherranz/b-html/html_marcos.htm#:~:text=Se%20definen
%20tres%20frames%20horizontales,tama%C3%B1o%20de%20las%20dos
%20%C3%BAltimas

-Realiza un folleto con los atributos de un frames con la ayuda del siguiente

enlace: https://aprende-web.net/html/html9_2.php

-Realiza una infografía de los eventos globales de html:


https://www.htmlquick.com/es/reference/events.html

-Realiza un mapa conceptual del tema: tipos de atributos específicos y globales:


https://www.htmlquick.com/es/reference/tags/video.html
EJERCICIO 1

Encabezado.html

<Html>

<head>

<title>Encabezado</title>

</head>

<Body>

<H1><img src="LOGO.Jpg" width=80 height=80 align= "middle">

UNIVERSIDAD DEL GOLFO DE MEXICO, CAMPUS TUXPAN</H1>

</Body>

</html>

Menu2.html

<html>
<head>

<title>pagina4</title>

</head>

<body bgcolor="#AED6F1 ">

<h4 align="center">Menu principal:</h4>

<p><a href="http://www.ugm.edu.mx/" target="menulateral">

Historia</a></p>

<p><a href="http://www.ugm.edu.mx/" target="menulateral">

Vision y mision</a></p>

<p><a href="http://www.ugm.edu.mx/" target="menulateral">

Modelo educativo</a></p>

</body>

</html>

menulateral.html

<html>

<head>

<title>Contenido</title>

</head>

<body bgcolor="#85C1E9 ">

<img src="campus.jpg" width="1000" height="200" align="center">

</body>

</html>

Datos.html
<html>

<head>

<tile>Creador:</title>

</head>

<marquee bgcolor="blue"><h1> nombre del alumno </marquee></h1>

</body>

</html>

MENU PRINCIPAL.HTML

<html>

<head>

<title>Frame colores</title>

</head>

<frameset rows="15%, 70%, *">

<frame src="encabezado.html">

<frameset cols="20%, *">

<frame src="menu.html">

<frame src="menulateral.html"> name="principal">

</frameset>

<frame src="datos.html">

</frameset>

</html>
EJERCICIO 2

Nota: para este ejercicio deberá de descargar 5 imágenes de películas de su agrado y realizar el
ejercicio como se muestra en el ejemplo:

Index.html

<html>

<head><title>Frame_como_indice</title></head>

<img src="cine.jpg" width="900" height="100" align="center">

</html>

Izquierda.html

<html>

<head> <title>Izquierda</title> </head>

<body style="color: rgb(0, 0, 0); background-color: rgb(0, 0, 0);"

alink="#ff0000" link="#ffffff" vlink="#ffffcc">

<div style="text-align: left; color: rgb(255, 255, 255);">

<a target="Derecha" href="Batman.html"><span style="font-family: Times New

Roman; font-weight: bold; text-decoration: underline;">


<p><a href="https://www.youtube.com/watch?v=fWQrd6cwJ0A="derecha">

BATMAN</a></p>

<a target="Derecha" href="Spiderman.html"><span style="font-family: Times

New Roman; font-weight: bold; text-decoration: underline;">

<p><a href="https://www.youtube.com/watch?v=tISYeexsaK4="derecha">

SPIDERMAN</a></p>

<a target="Derecha" href="Superman.html"><span style="font-family: Times

New Roman; font-weight: bold; text-decoration: underline;">

<p><a href="https://www.youtube.com/watch?v=T6DJcgm3wNY="derecha">

SUPERMAN</a></p>

<a target="Derecha" href="Hulk.html"><span style="font-family: Times New

Roman; font-weight: bold; text-decoration: underline;">

<p><a href="https://www.youtube.com/watch?v=xbqNb2PFKKA="derecha">

HULK</a></p>

<a target="Derecha" href="4Fantasticos.html"><span style="font-family:

Times New Roman; font-weight: bold; text-decoration: underline;">

<p><a href="https://www.youtube.com/watch?v=xN012XAV2w8="derecha">

4 FANTASTICOS</a></p>

<a target="Derecha" href="XMEN.html"><span style="font-family:

Times New Roman; font-weight: bold; text-decoration: underline;">

<p><a href="https://www.youtube.com/watch?v=VNxwlx6etXI="derecha">

XMEN</a></p></div>

</body>

</html>

Derecha.html
<html>

<head>

<title>Contenido</title>

</head>

<body bgcolor="#F7DC6F ">

<img src="Publicidad.jpg" width="900" height="500" align="center">

</body>

</html>

marquesina.html

<html>

<head>

<tile>Funciones:</title>

</head>

<marquee bgcolor="blue"><h1> Lunes a domingo de las 4:00 a 10:00pm, 2x 1 los miercoles y


viernes. </marquee></h1>

</body>

</html>

indice.html

<html>

<head>

<title>CARTELERA</title>

</head>

<frameset rows="15%, 70%, *">

<frame src="Index.html">
<frameset cols="20%, *">

<frame src="Izquierda.html">

<frame src="derecha.html"> name="principal">

</frameset>

<frame src="funciones.html">

</frameset>

</html>

Código

<!DOCTYPE html>

<html>

<head>

<title>Internet</title>

</head>

<body>

<h1>Internet</h1>

<h2>Contenido</h2>

<ol>

<li>Principales protocolos</li>

<li>Formas de conectarse</li>

</ol>

<h2>1. Principales protocolos</h2>

<ul>

<li>Transmisión de ficheros:

<ul>
<li>FTP</li>

</ul>

</li>

<li>Correo electrónico:

<ul>

<li>IMAP</li>

<li>POP</li>

<li>SMTP</li>

</ul>

</li>

</ul>

<h2>2. Formas de conectarse</h2>

<dl>

<dt>Red Telefónica Conmutada (RTC)</dt>

<dd>La línea telefónica de toda la vida. Para acceder a Internet es necesario un


módem.</dd>

<dt>Red Digital de Servicios Integrados (RDSI)</dt>

<dd>Una línea telefónica especial. Para acceder a Internet es necesario un


módem RDSI.</dd>

<dt>Línea de Abonado Digital Asimétrica (ADSL)</dt>

<dd>Se basa en la conversión de una línea RTC en una línea de alta velocidad.
Para acceder a Internet es necesario un módem ADSL.</dd>

<dt>Fibra Óptica</dt>

<dd>Una línea de fibra óptica. Normalmente la fibra óptica no llega hasta el


usuario final, por lo que el término más apropiado es Fibra híbrida coaxial. </dd>

</dl>
</body>

</html>

Código

<!DOCTYPE html>

<html>

<head>

<title>Internet</title>

</head>

<body>

<h1>Internet</h1>

<h2>Contenido</h2>

<ol>

<li>Principales protocolos</li>

<li>Formas de conectarse</li>
</ol>

<h2>1. Principales protocolos</h2>

<ul>

<li>Transmisión de ficheros:

<ul>

<li>FTP</li>

</ul>

</li>

<li>Correo electrónico:

<ul>

<li>IMAP</li>

<li>POP</li>

<li>SMTP</li>

</ul>

</li>

</ul>

<h2>2. Formas de conectarse</h2>

<dl>

<dt>Red Telefónica Conmutada (RTC)</dt>

<dd>La línea telefónica de toda la vida. Para acceder a Internet es necesario un


módem.</dd>

<dt>Red Digital de Servicios Integrados (RDSI)</dt>

<dd>Una línea telefónica especial. Para acceder a Internet es necesario un


módem RDSI.</dd>

<dt>Línea de Abonado Digital Asimétrica (ADSL)</dt>


<dd>Se basa en la conversión de una línea RTC en una línea de alta velocidad.
Para acceder a Internet es necesario un módem ADSL.</dd>

<dt>Fibra Óptica</dt>

<dd>Una línea de fibra óptica. Normalmente la fibra óptica no llega hasta el


usuario final, por lo que el término más apropiado es Fibra híbrida coaxial. </dd>

</dl>

</body>

</html>

Nota: Realizar un ejercicio similar al anterior con el tema de redes sociales, los
tipos, riesgos que hay en ellas.
2.-PRACTICAS DE MARQUESINAS 1

http://html11-02jm.blogspot.com/p/marquesinas.html

3.--PRACTICAS DE MARQUESINAS 2

http://serbal.pntic.mec.es/apan/marque.htm

También podría gustarte