PROCESO DE DESARROLLO JAVASCRIPT

PROCESO DE DESARROLLO
DE JAVASCRIPT
TECNICA EN SISTEMAS:
CESAR IVAN BULLA LEGUIZAMÒN

INTRODUCCION:
En el siguiente trabajo buscamos conocer y analizar
algunos formatos como la estructura básica, la
inserción de tablas, dar color e insertar imágenes todo
en el lenguaje de programación de HTML.
Este trabajo se hace con la intensión de dar un idea
clara sobre un formato básico y sencillo sobre HTML.

OBJETIVOS:
Dar a conocer los estructuras básicas sobre el
desarrollo de formatos HTML empleando diferentes
técnicas de aprendizaje
Conocer formatos básicos sobre creación de tablas en
HTML y como dar color al fondo e insertar imágenes.

CONTENIDO
ESTRUCTURA DE UNA PAGINA HTML
CABECERA
CUERPO
BACKGROUND
TABLAS
CHARSET
EJEMPLOS DE ESTRUCTURAS EN HTML

ESTRUCTURA DE UNA PAGINA HTML
Estructura básica:
Cada página comienza con: < HTML > .
A continuación viene la cabecera, delimitada por < HEAD > y < /HEAD >
.
Después, el comando < BODY >, que indica el comienzo del cuerpo de
la página. Las instrucciones HTML se escribirán a continuación, y
finalizarán con < /BODY >.
La página acabará con < /HTML > .
Es decir:
<HTML>
<HEAD>

Definiciones de la cabecera
</HEAD>
<BODY>
Instrucciones HTML
</BODY>
</HTML>

CABECERA
La cabecera de un documento está delimitada por las etiquetas < HEAD
> y </HEAD > Sus componentes son opcionales. El más importante es
<TITLE> , que permite escribir el título del documento. El título no se
muestra en la página, sino en la parte superior de la ventana del
visualizador, como identificador en los bookmarks y en la history list. Se
utiliza de la siguiente forma:
<HEAD>
<TITLE>Título del documento HTML</TITLE>
</HEAD>

CUERPO
Es la parte delimitada por <BODY> y < /BODY > . Puede llevar
los siguientes atributo:
BACKGROUND="imagen": define el fondo. Más adelante
veremos más sobre imágenes.
BGCOLOR="######": color del fondo (sólo si no se define una
imagen de fondo, o si ésta imagen no puede obtenerse.. Más
adelante veremos más sobre colores. Por ahora nos basta
saber que para los colores básicos se puede utilizar su nombre
en inglés: White, blue, red, Green ...

Ejemplos:
<body background=
"fondo.gif">
El documento tendr� como
fondo la imagen indicada.
<body bgcolor="white"
text="blue" link="red"
vlink="red">
El fondo será blanco, el texto
azul, y todos los links (visitados
o no) serán rojos

TABLAS
las tablas son construidas utilizando elementos. En particular, una tabla básica
puede ser declarada usando tres elementos, a saber, table (el contenedor
principal), tr (representando a las filas contenedoras de las celdas) y td
(representando a las celdas). Dejémoslo más claro con un ejemplo:
<table class="egt">
<tr>
<td>Celda 1</td>
<td>Celda 2</td>
<td>Celda 3</td>
</tr>
<tr>
<td>Celda 4</td>
<td>Celda 5</td>
<td>Celda 6</td>
</tr>
</table>

Celda 1 Celda 2 Celda 3
Celda 4 Celda 5 Celda 6

Meta Charset: como y por qué utilizarlo
siempre
El elemento meta con atributo Charset en un documento HTML
está el destinado a indicar la codificación de caracteres utilizada
(Charset). En HTML5 tiene la sintaxis:
<meta Charset="utf-8">

<!DOCTYPE html>
<html>
<head>
<title>RESTA</title>
</head>
<body>
<script>
Var NumerO,Numero;
NumerO=prompt(“Escribe el numero que desees restar”,” ”);
Numero=prompt(“Escribe el numero que desees restar”,” ”);
alert(“El total de la resta es=“+(NumerO-Numero));
</script>
</body>
</html>
Este formato se utiliza para hacer una resta.

<!DOCTYPE html>
<html>
<head>
<title>SALUDO</title>
</head>
<body>
<script>
Var nom;
Nom=prompt(“Escribe tu nombre”,”tu nombre”);
Alert(“mucho gusto n”+nom);
</script>
</body>
</html>
Este formato sive para crear una alerta en la que te pide tu nombre y
posteriormente te enviara un saludo con tu nombre

<!DOCTYPE html>
<html>
<head>
<title>ALERTA</title>
</head>
<body>
<script>
alert(“Hola a todos”);
</script>
</body>
</html>
Este formato es el utilizado para emitir una alerta

<!DOCTYPE html>
<html>
<head>
<title>VARIABLE</title>
</head>
<body>
<script>
Var Dato; var DATO=“Hola que tal”;
Var dato=75.47;
Var dAto=“¿Cómo estas?”;
alert(“DATO es:n”+typeof(DATO));
</script>
</body>
</html>
Esto sirve para los tipos de datos

CONCLUSION:
Las herramientas de programación JavaScript son:
- Muy simples de estructurar.
- Simples de utilizar
- Un lenguaje de programación sencillas
- Con una estructura no muy compleja

REFERENCIAS
Tomado de TUTORIALES Y REFERENCIAS SOBRE HTML, Diego Ponce De
León, Corrientes, argentina.
Tomado de CYBMETA, Juan Padial 21 de julio 2019

PROCESO DE DESARROLLO JAVASCRIPT

Más contenido relacionado

La actualidad más candente

Similar a PROCESO DE DESARROLLO JAVASCRIPT

PROCESO DE DESARROLLO JAVASCRIPT