MICRODISEÑO CURRICULAR
FACULTAD: INGENIERIA
DEPARTAMENTO : INFORMÁTICA
NOMBRE DEL CURSO: HiPi II : HTML , XHTML y HTML dinámico
PRESENTACION RESUMEN DEL CURSO
Al final del curso, el estudiante estará en capacidad de diseñar páginas web utilizando HTML, XHTML y HTML Dinámico.
JUSTIFICACIÓN
El gran desarrollo de Internet ha creado la necesidad de elaborar páginas web con diversos contenidos para ser publicados y lograr un alto impacto en los receptores. Las páginas elaboradas deben respetar los lenguajes y estándares para el diseño básico de páginas WEB
COMPETENCIAS GENERALES
|
COMPETENCIAS GENERALES |
||
|
SABER |
INTERPRETATIVA |
Comprender las características y desarrollar competencias y habilidades en el manejo de los lenguajes HTML, XHTML y HTML dinámico. |
|
ARGUMENTATIVA |
Desarrollar habilidades para sustentar las soluciones a trabajos basados en páginas WEB. |
|
|
PROPOSITIVA |
Propiciar en el estudiante la creación sitios y elaboración de páginas web que sean funcionales y atractivas. |
|
|
HACER |
Desarrollar habilidades en el estudiante para el desarrollo de soluciones mediante páginas WEB básicas. |
|
|
SER |
Ética. Respeto por los derechos de autor en la utilización de software. Cumplimiento. Responsabilidad. |
|
DEFINICIÓN DE UNIDADES TEMÁTICAS Y ASIGNACIÓN DE TIEMPO DE TRABAJO PRESENCIAL E INDEPENDIENTE DEL ESTUDIANTE POR CADA
EJE TEMATICO
No. |
NOMBRE DE LAS UNIDADES TEMÁTICAS |
DEDICACIÓN DEL ESTUDIANTE (horas) |
HORAS TOTALES (a + b) |
|
|
a) Trabajo Presencial |
b) Trabajo Independiente |
|||
|
1 |
HTML y XHTML: nivel básico. |
12 |
24 |
36 |
|
2 |
HTML XHTML: nivel intermedio. |
10 |
20 |
30 |
|
3 |
Hojas de estilo e interactividad.
|
10 |
20 |
30 |
|
TOTAL |
32 |
64 |
96 |
|
VIDEO HMTL
http://www.falconmasters.com/cursos/curso-de-html-basico/curso-html-basico/
PÁGINA DE APRENDIZAJE DE HTML
https://www.codecademy.com
https://www.codecademy.com/articles/glossary-html
<style type="text/css">
* {
margin:0px;
padding:0px;
}
#header {
margin:auto;
width:700px;
font-family:Arial, Helvetica, sans-serif;
}
ul, ol {
list-style:none;
}
.nav > li {
float:left;
}
.nav li a {
background-color:#000;
color:#fff;
text-decoration:none;
padding:10px 12px;
display:block;
}
.nav li a:hover {
background-color:#434343;
}
.nav li ul {
display:none;
position:absolute;
min-width:140px;
}
.nav li:hover > ul {
display:block;
}
.nav li ul li {
position:relative;
}
.nav li ul li ul {
right:-140px;
top:0px;
}
</style>
<div id="header" >
<ul class="nav">
<li><a href="">Inicio</a></li>
<li><a href="">Circuitos</a></li>
<li><a href="">Documentos</a></li>
<li><a href="">Tematicas</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Galeria</a></li>
<li><a href="">Acerca de</a>
<ul>
<li><a href="">Submenu1</a></li>
<li><a href="">Submenu2</a></li>
<li><a href="">Submenu3</a></li>
<li><a href="">Submenu4</a></li>
</ul>
</li>
<li><a href="contacto.html">Contacto</a></li>
</ul>
</div>
<head>
<title>LIDERAZGO</title>
<frameset cols="500,*" framespacing="3" frameborder="yes" border="3" bordercolor="#FF9900">
<frame src="formulariofinal.html" name="marcoizquierdo" noresize>
<frame src="final.html" name="marcoderecho">
</frameset>
</head>
<body>
<EMBED SRC="fondo.mp3" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">
</body>
</html>