Agregando Código (JavaScript)

La construcción de un sitio web desde cero. Parte III: Agregando Código (JavaScript).

Lo que haremos

En este capítulo vamos a:

Crear codigo JavaScript

En la carpeta DemoWeb, cree un nuevo archivo llamado script.js.

Coloque el siguiente código dentro del archivo script.js

script.js
document.getElementById("foot01").innerHTML =
"<p>©  " + new Date().getFullYear() + " W3Schools. All rights reserved.</p>";

El archivo CSS anterior define los estilos para ser usado cuando se utilizan para:

Edite la página inicial

En la carpeta DemoWeb, edite el archivo index.html.

Cambie el contenido del archivo a la siguiente:

index.html
<!DOCTYPE html>
<html>
<head>
<title>Nuestra empresa</title>
<link href="Site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Bienvenido a nuestra empresa</h1>
<h2>Principales contenidos del sitio web:</h2>
<p>Paginas (HTML)</p>
<p>>Style Sheets (CSS)</p>
<p>Codigo (JavaScript)</p>
<p>Datos (Archivos y bases de datos)</p>
<footer id="foot01"></footer>
</div>
</body>
<script src="Script.js"></script>
</html>

La página de inicio, encima, es una copia de la página de inicio del capítulo anterior.

Edite la página Acerca de

Para completar su trabajo, hacer los mismos cambios en about.html.

  1. Añadir un <footer> elemento.
  2. Incluir el script.

Cambiar el contenido a lo siguiente:

index.html
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<link href="Site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>About Us</h1>
<p>Lorem Ipsum Porem Lorem Ipsum Porem</p>
<footer id="foot01"></footer>
</div>
</body>
<script src="Script.js"></script>
</html>

Privacidad | Legal | Sitemap | Google+