Control 2

La World Wide Web o WWW
Tecnologías de internet
Instituto IACC
13 de Agosto 2018
Instrucciones:
• Presentar y explicar 3 sentencias o instrucciones de JavaScript.

• Crear una página web (index.html) que contenga los datos de contacto del alumno:
1. Nombre
2. Fecha de nacimiento
3. Correo electrónico
Cada ítem corresponderá a un tipo de cabecera, según el número que lo precede, por ejemplo: para
Nombre, será h1.
• Crear un archivo CSS que le asigne atributos al archivo indicado anteriormente.
• Enviar el contenido de ambos archivos en un documento de Word, indicando claramente el

nombre que corresponde a cada archivo, por ejemplo:
Index.html
<head> …………..
…………….. ………….
</head>
PorEjemplo.css
………
………. ………
•
El Reloj Digital en Pantalla:

Esto permite mostrar un reloj digital en la página web, para realizar esta acción se debe realizar una
función que utilice la hora del sistema y la muestre hare uso del objeto Date de JavaScript.
 Today = new Date() creare una nueva instancia del objeto Date, para realizar esto utilizare los
siguientes métodos ya que lo que me interesa es la hora, los minutos y los segundos.
hora = today.getHours()
minuto = today.getMinutes()
segundo = today.getSecons()
Combino los resultados para realizar la hora.
horaImprimible = hora + “ : “ + minuto + “ : “ + segundo
La línea de código para que se llame a sí misma es:
setTimeout(“mueveReloj()”,1000)
Esta función “setTimeout” cumple la función de retardar antes de ejecutar la sentencia, la sentencia
es simplemente llamar a la función el retardo es de 1000 milisegundos.
Para colocar en marcha el reloj lo podemos realizar ya una vez cargada la página con el manejador
de eventos onLoad que se coloca en el <body>.
<body onload=”mueveReloj()”>
Código a Ejecutar:
<html>
<head>
<title>Reloj con Javascript</title>
<script lenguaje="JavaScript">
function mueveReloj(){
today = new Date()
hora = today.getHours()
minuto = today.getMinutes()
segundo = today.getSeconds()
horaImprimible = hora + " : " + minuto + " : " + segundo
document.form_reloj.reloj.value = horaImprimible
setTimeout("mueveReloj()",1000)
}
</script>
</head>
<body onload="mueveReloj()">
RELOJ DIGITAL
<form name="form_reloj">
<input type="text" name="reloj" size="10">
</form>
</body>
</html>
Imagen de impresión de pantalla para respaldo

onLoad:
Esta función, se ejecuta al final de carga de la página Web, es decir cuando todos los sitios han
terminado de descargarse.
Las hojas de estilo no siempre están cargadas al momento de ejecutar este evento por lo mismo es
una excepción.
Precedentemente presento un código con las capturas de pantallas correspondientes con la función
“onLoad”, que se ejecutara 2 veces con alerta al cargar el sitio.
<html>
<head>
<script>
function load() {
alert("Ejemplo onLoad");
alert("Ejemplo onLoad 2");
}
window.onload = load;
</script>
<h1>Función onLoad</h1>
</head>
</html>


Sdv<bnbnntndt
Index.html
Index.html
<html>
<head>
<link rel="stylesheet" type="text/css"
href="index.css" >
<br><br><br>
<title> World Wild Web o www </title>
<h1>Miguel Antonio Navarro Contreras</h1><hr>
<h2>29 de Noviembre de 1987</h2><hr>

<h3>manc1987@cajalosandes.com / Miguelnavarro16809837@gmail.com</h3><hr>
</head>
<body>
</body>
</html>
<head>
<link rel="stylesheet" type="text/css"

href="index.css">
<h1>Nombre </h2>
<h2>Fecha de nacimiento </h2>
<h3>Correo electronico </h3>
h1,h3 {text-align : center}

h2{text-align : justify}
h1 { color : green;font-style : oblique}
h2 { color : blue;font-style : normal}
h3 { color : orange;font-style : italic}head>
</html>

Bibliografía.
IACC (2018).Tecnologías de Internet. (La World Wide Web o WWW) Semana 2.
IACC (2018).Tecnologías de Internet. (Recurso Adicional) Semana 2.

Control 2

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Control 2

Загружено:

Авторское право:

Доступные форматы

La World Wide Web o WWW

• Presentar y explicar 3 sentencias o instrucciones de JavaScript.

• Crear un archivo CSS que le asigne atributos al archivo indicado anteriormente.

• Enviar el contenido de ambos archivos en un documento de Word, indicando claramente el

El Reloj Digital en Pantalla:

Combino los resultados para realizar la hora.

horaImprimible = hora + “ : “ + minuto + “ : “ + segundo

La línea de código para que se llame a sí misma es:

horaImprimible = hora + " : " + minuto + " : " + segundo

Imagen de impresión de pantalla para respaldo

Imagen de impresión de pantalla para respaldo

Imagen de impresión de pantalla para respaldo

Imagen de impresión de pantalla para respaldo

<link rel="stylesheet" type="text/css"

h1,h3 {text-align : center}

Imagen de impresión de pantalla para respaldo

Вам также может понравиться