El documento describe la creación de una página web sobre la técnica en sistemas utilizando JavaScript. Explica las diferentes estructuras necesarias como la estructura principal, tildes, colores, títulos, imágenes, párrafos y tablas. También incluye un saludo con el nombre del usuario. El objetivo es analizar la información más importante sobre la técnica e institución y desarrollar una página web aplicando lo aprendido sobre programación.
2. INTRODUCCION
Creación de una pagina web por medio de
JavaScript donde se de a conocer la
institución y la técnica, el desarrollo
de las distintas actividades vistas en
periodos anteriores y el conocimiento más
afonde de programación
3. OBJETIVO
-Análisis de información más importante sobre
la técnica e institución
-Desarrollo de una pagina web sobre un tema
teniendo encuentra lo que lo representa
-Aprender a desarrollar nuevas formas de
programación
4. CONTENIDO
1)Estructura principal
2)Estructura para las tildes
3)Estructura de colores
4)Estructura de títulos
5)Estructura de imágenes
6)Estructura de párrafos
7)Estructura de tablas
8)Estructura de saludo
5. Para la elaboración de la página web que se pide elaborar usando JavaScript en la cual se le
va a aplicar el color, la
información correspondiente, los títulos, un saludo con el nombre correspondiente, las
tablas, los logos que representan
la institución y la técnica
1)Empecé escribiendo la estructura principal:
<!DOCTIPE html>
<html>
<head>
<title>EL TITULO</title>
</head>
<body>
<script>
</body>
</html>
6. 2)Para la utilización de las tildes se le anexa a la
estructura,<meta charset="utf-8"> de la siguiente
manera
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
7. 3)El diseño de los colores institucionales se utiliza su estructura la cual es:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Técnica en sistemas</title>
</head>
<body bgcolor="#FFFF00" text="black">
8. Para encontrar el código del color que deseamos se
busca en internet como(colores de HTML)allí
seleccionamos una de las
opciones que aparecen, al seleccionarla aparecerá un
cuadro lleno de diferentes colores, allí escogemos el se
desea el
color escogido junto con su código aparecerá en la
parte de abajo lo copiamos y pegamos en la estructura
y
automáticamente la pagina web aparece con el color.
9. 4)A la hora de introducir los titulos se utiliza la siguiente estructura:
!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Técnica en sistemas</title>
</head>
<body bgcolor="#FFFF00" text="black">
<center><h1>TÉCNICA EN SISTEMAS</h1></center>
En este caso se utiliza h1 ya que queremos que el titulo sea grande al utilizar h2 el titulo se
reducira
10. 5)La estructura que se utilizara para añadir las imagenes correspondientes de la página sera:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Técnica en sistemas</title>
</head>
<body bgcolor="#FFFF00" text="black">
<center><h1>TÉCNICA EN SISTEMAS</h1></center>
<center><img src="sena.png" width="256" height="256"> <img
src="logo.jpg"width="256" height="256"> <img src="colibri.png" width="256"
height="256">
<img src="ESCUDO.png" width="256" height="256"></center>
11. 6)En el caso de los parrafos que llevara la página se le añade el respectivo titulo con su
estructura y
luego la estructura del parrafo.
<p><h2>JUSTIFICACIÓN</h2></p>
<p>El programa Técnico en Sistemas se creo para brindar al sector productivo nacional
general la posibilidad de incorporar personal con altas calidades laborares y profesionales
que contribuyan al desarrollo económico, social y tecnológico de su entorno y del país, así
mismo ofrecer a los aprendices formación en mantenimiento preventivo y predictivo de
equipos de cómputo e implementación y configuración de redes de datos, factores muy
importantes para una aplicación efectiva de éstas tecnologías por parte del sector
productivo, incrementando su nivel de competitividad y productividad requerido en el
entorno globalizado actual.</p>
12. 7)La presentación de las tablas lleva la siguiente estrutura:
<center><table BORDER="3" width="70%">
<tr>
<td><center>CÓDIGO:</center></td>
<td colspan="2"><center>DENOMINACIÓN DEL PROGRAMA</center></td>
</tr>
<tr>
<td><center>228185</center></td>
<td colspan="2"><center>SISTEMAS</center></td>
</tr>
<tr>
<td rowspan="4"><center>DURACIÓN MAXIMA DEL APRENDIZAJE</center></td>
<td><center>LECTIVA</center></td>
<td><center>TOTAL</center></td>
</tr>
14. 8)Para la creación del saludo con el nombre se utiliza la siguiente estructura
<script>
var nom;
nom=prompt("Ingresa tu nombre","");
alert("hola n" +nom)
alert("A continuación encontrara información relacionada con la técnica en sistemas")
</script>
</body>
</html>
15. CONCLUSION
Hacer este trabajo fue muy interesante debido ah
que cuando empecé la investigación, las
estructuras me di cuenta de su gran desarrollo y
composición es muy sencilla.