SlideShare una empresa de Scribd logo
1 de 16
JAVASCRIPT
TECNICA EN SISTEMAS.
YUDY SHIRLEY URREA CARDENAS
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
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
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
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>
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">
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">
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.
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
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">&nbsp; <img
src="logo.jpg"width="256" height="256">&nbsp; <img src="colibri.png" width="256"
height="256">&nbsp;
<img src="ESCUDO.png" width="256" height="256"></center>
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>
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>
<tr>
<td><center>6 MESES</center></td>
<td rowspan="3"><center>12 MESES</center></td>
</tr>
<tr>
<td><center>PRÁCTICA</center></td>
</tr>
<tr>
<td><center>6 MESES</center></td>
</tr>
<tr>
<td><center>NIVEL DE FORMULACIÓN</center></td>
<td colspan="2"><center>TÉCNICO</center></td>
</tr>
<tr>
</table></center>
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>
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.
REFERENCIAS
-
-Color tomado de Dixon y moe 2015,2019

Más contenido relacionado

Similar a Javascript (20)

Informe 1
Informe 1Informe 1
Informe 1
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
SEO
SEOSEO
SEO
 
Pagina web con maquetacion
Pagina web con maquetacionPagina web con maquetacion
Pagina web con maquetacion
 
Pagina web con maquetacion
Pagina web con maquetacionPagina web con maquetacion
Pagina web con maquetacion
 
Etilos
Etilos Etilos
Etilos
 
Introduccion css
Introduccion cssIntroduccion css
Introduccion css
 
Estructura semantica Html5.pptx
Estructura semantica Html5.pptxEstructura semantica Html5.pptx
Estructura semantica Html5.pptx
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Introduccion css
Introduccion cssIntroduccion css
Introduccion css
 
Maquetar pagina html con css
Maquetar pagina html con cssMaquetar pagina html con css
Maquetar pagina html con css
 
05 desarrollocss (3)
05 desarrollocss (3)05 desarrollocss (3)
05 desarrollocss (3)
 
MúLtiples ImáGenes De Fondo Con Css
MúLtiples ImáGenes De Fondo Con CssMúLtiples ImáGenes De Fondo Con Css
MúLtiples ImáGenes De Fondo Con Css
 
1. introduccion al desarrollo web php parte 1
1.  introduccion al desarrollo web php parte 11.  introduccion al desarrollo web php parte 1
1. introduccion al desarrollo web php parte 1
 
PAGINA WEB 2.5
PAGINA WEB 2.5PAGINA WEB 2.5
PAGINA WEB 2.5
 
Diseño de paginas con html1
Diseño de paginas con html1Diseño de paginas con html1
Diseño de paginas con html1
 
Pagina web
Pagina webPagina web
Pagina web
 
Smacss. Organizando css
Smacss. Organizando cssSmacss. Organizando css
Smacss. Organizando css
 
Intro html5
Intro html5Intro html5
Intro html5
 
HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 

Javascript

  • 1. JAVASCRIPT TECNICA EN SISTEMAS. YUDY SHIRLEY URREA CARDENAS
  • 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">&nbsp; <img src="logo.jpg"width="256" height="256">&nbsp; <img src="colibri.png" width="256" height="256">&nbsp; <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>
  • 13. <tr> <td><center>6 MESES</center></td> <td rowspan="3"><center>12 MESES</center></td> </tr> <tr> <td><center>PRÁCTICA</center></td> </tr> <tr> <td><center>6 MESES</center></td> </tr> <tr> <td><center>NIVEL DE FORMULACIÓN</center></td> <td colspan="2"><center>TÉCNICO</center></td> </tr> <tr> </table></center>
  • 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.
  • 16. REFERENCIAS - -Color tomado de Dixon y moe 2015,2019