SlideShare una empresa de Scribd logo
1 de 8
TRABAJO REALIZADO POR:
SNEIDER GUACARAPARE
Proceso De La
Elaboración de una
pagina web Con
JavaScript
Empezando:
 Tenemos que conocer algunos datos sobre html,
css, para finalmente llegar al javascript, el formato
html es una especie de comando que abre
nuestros archivos en un navegador, el lleva una
estructura que es:
 <!DOCTYPE html>
 <html>
 <head>
 <title></title>
 </head>
 <body>
 </body>
 </html>
Las etiquetas:
 En este programador se realizan
las acciones por medios de
etiquetas que se identifican con
un “<>” algunas de las mas
usadas son:
 <title>,<a>,<img>,<p>,<h1>,<h6
>,<ol>,<ul>,<li>,<html>,<head>,
<body>,<link
rel>,<div>,<script>,<form>,<imp
ut>,
El Diseño:
 Como pudimos analizar las etiquetas y este resto
HTML es para darle la programación a la pagina
algo que es muy importante pero no por ello
otras cosas dejan de serlo como por ejemplo el
diseño, Si bien para programar se necesita el
HTML Para crear el diseño de nuestra pagina
usamos algo llamado los (CSS) o HOJAS DE
ESTILO EN CASCADA, estas traen reglas para darle
un diseño a nuestra pagina completamente
personalizable.
Los Estilos:
 Para lograr hacer un diseño a la
pagina tenemos que agregar una
etiqueta llamada “<style>” en ella
podremos modificar
absolutamente todo de nuestra
pagina, si el tipo de letra el
tamaño, si queremos que tenga
un relleno, podemos modificar de
que tamaño veremos el titulo la
pantalla principal y todo gracias a
unos comandos ya veremos
algunos de ellos.
Comandos CSS
 Algunos de los comando son:
 Color, background, text, margin,
width, height, border, clear,
display, entre otros
JavaScript:
 Para javascript finalmente la función
de este elemento es programar
algunos comandos que recibe
información ya sea para guardarla o
mostrarla en pantalla como puede
ser un saludo o cálculos
matemáticos que la maquia nos
puede dar, esto también tiene la
capacidad de distinguir un falso o
verdadero también puede identificar
contraseñas puntuaciones de juegos
entre otras mas acciones que lleva
javascript
Proceso de desarrollo java script

Más contenido relacionado

La actualidad más candente

2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5hjxbfajds
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerrafinitosa
 
Periodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicaPeriodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicagabo17
 
diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujoDiego Gomez
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina WebJoshi Tüsa
 
Paginas web
Paginas webPaginas web
Paginas webRobi22
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibellosantiagomez903
 
Clase 6 twig
Clase 6 twigClase 6 twig
Clase 6 twighydras_cs
 

La actualidad más candente (18)

Trabajando con css
Trabajando con cssTrabajando con css
Trabajando con css
 
Pagina a html
Pagina a htmlPagina a html
Pagina a html
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
2° pagina web html5
2° pagina web html52° pagina web html5
2° pagina web html5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Periodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTicaPeriodo De IntegracióN De InformáTica
Periodo De IntegracióN De InformáTica
 
Actividad 10º
Actividad 10ºActividad 10º
Actividad 10º
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 
diagrama de flujo
diagrama de flujodiagrama de flujo
diagrama de flujo
 
CSS Hoja de estilo en cascada
CSS   Hoja de estilo en cascadaCSS   Hoja de estilo en cascada
CSS Hoja de estilo en cascada
 
Estructura.html 1
Estructura.html 1Estructura.html 1
Estructura.html 1
 
HTML
HTMLHTML
HTML
 
Codigos html y como crear una pagina Web
Codigos html y como crear una pagina WebCodigos html y como crear una pagina Web
Codigos html y como crear una pagina Web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Documento nicolas garibello
Documento nicolas garibelloDocumento nicolas garibello
Documento nicolas garibello
 
Clase 6 twig
Clase 6 twigClase 6 twig
Clase 6 twig
 
Como hacer una página web
Como hacer una página webComo hacer una página web
Como hacer una página web
 
2 pagina web
2 pagina web2 pagina web
2 pagina web
 

Similar a Proceso de desarrollo java script

Similar a Proceso de desarrollo java script (20)

Html
HtmlHtml
Html
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Sitio Web / Introducción a HTML
Sitio Web / Introducción a HTMLSitio Web / Introducción a HTML
Sitio Web / Introducción a HTML
 
Html 5 y css
Html 5 y cssHtml 5 y css
Html 5 y css
 
HTML
HTMLHTML
HTML
 
Programación para web
Programación para webProgramación para web
Programación para web
 
Clase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptxClase 1 - Introducción HTML.pptx
Clase 1 - Introducción HTML.pptx
 
Html.pptx
Html.pptxHtml.pptx
Html.pptx
 
Introducción al Desarrollo Web
Introducción al Desarrollo WebIntroducción al Desarrollo Web
Introducción al Desarrollo Web
 
Como crear paginas en html
Como crear paginas en htmlComo crear paginas en html
Como crear paginas en html
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Programación básica de html5
Programación básica de html5Programación básica de html5
Programación básica de html5
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Practicas html
Practicas htmlPracticas html
Practicas html
 
Estructura basica de una pagina web en html
Estructura basica de una pagina web en htmlEstructura basica de una pagina web en html
Estructura basica de una pagina web en html
 
Curso de html
Curso de htmlCurso de html
Curso de html
 
Html actividades 1
Html actividades  1Html actividades  1
Html actividades 1
 
Guia4 html
Guia4 htmlGuia4 html
Guia4 html
 

Último

PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOSelenaCoronadoHuaman
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Opentix
 
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...ITeC Instituto Tecnología Construcción
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTEREMMAFLORESCARMONA
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3AlexysCaytanoMelndez1
 
Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfmasogeis
 
Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionarmando_cardenas
 

Último (7)

PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLOPARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
PARTES DEL TECLADO Y SUS FUNCIONES - EJEMPLO
 
Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200Caso de éxito de Hervian con el ERP Sage 200
Caso de éxito de Hervian con el ERP Sage 200
 
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
BREEAM ES Urbanismo como herramienta para un planeamiento sostenible - Miguel...
 
Introducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTERIntroducción a Funciones LENGUAJE DART FLUTTER
Introducción a Funciones LENGUAJE DART FLUTTER
 
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3Segmentacion Segmantica_Modelos UNET and DEEPLABV3
Segmentacion Segmantica_Modelos UNET and DEEPLABV3
 
Manual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdfManual de Usuario APPs_AppInventor-2023.pdf
Manual de Usuario APPs_AppInventor-2023.pdf
 
Unidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacionUnidad_3_T1_AutomatasFinitos presentacion
Unidad_3_T1_AutomatasFinitos presentacion
 

Proceso de desarrollo java script

  • 1. TRABAJO REALIZADO POR: SNEIDER GUACARAPARE Proceso De La Elaboración de una pagina web Con JavaScript
  • 2. Empezando:  Tenemos que conocer algunos datos sobre html, css, para finalmente llegar al javascript, el formato html es una especie de comando que abre nuestros archivos en un navegador, el lleva una estructura que es:  <!DOCTYPE html>  <html>  <head>  <title></title>  </head>  <body>  </body>  </html>
  • 3. Las etiquetas:  En este programador se realizan las acciones por medios de etiquetas que se identifican con un “<>” algunas de las mas usadas son:  <title>,<a>,<img>,<p>,<h1>,<h6 >,<ol>,<ul>,<li>,<html>,<head>, <body>,<link rel>,<div>,<script>,<form>,<imp ut>,
  • 4. El Diseño:  Como pudimos analizar las etiquetas y este resto HTML es para darle la programación a la pagina algo que es muy importante pero no por ello otras cosas dejan de serlo como por ejemplo el diseño, Si bien para programar se necesita el HTML Para crear el diseño de nuestra pagina usamos algo llamado los (CSS) o HOJAS DE ESTILO EN CASCADA, estas traen reglas para darle un diseño a nuestra pagina completamente personalizable.
  • 5. Los Estilos:  Para lograr hacer un diseño a la pagina tenemos que agregar una etiqueta llamada “<style>” en ella podremos modificar absolutamente todo de nuestra pagina, si el tipo de letra el tamaño, si queremos que tenga un relleno, podemos modificar de que tamaño veremos el titulo la pantalla principal y todo gracias a unos comandos ya veremos algunos de ellos.
  • 6. Comandos CSS  Algunos de los comando son:  Color, background, text, margin, width, height, border, clear, display, entre otros
  • 7. JavaScript:  Para javascript finalmente la función de este elemento es programar algunos comandos que recibe información ya sea para guardarla o mostrarla en pantalla como puede ser un saludo o cálculos matemáticos que la maquia nos puede dar, esto también tiene la capacidad de distinguir un falso o verdadero también puede identificar contraseñas puntuaciones de juegos entre otras mas acciones que lleva javascript