La construcción de un sitio web desde cero Parte III:. Adición de código informático (JavaScript).
Lo que haremos
En este capítulo vamos a:
- Crear un código de ordenador (JavaScript)
- Añadir un enlace al script en sus páginas
crear JavaScript
En la carpeta demoweb, crear un nuevo archivo script.js con nombre.
Coloque el código siguiente en el archivo:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";
Editar la página inicial
En la carpeta demoweb, editar el archivo index.html.
Cambiar el contenido a lo siguiente:
index.html
<!DOCTYPE html>
<html>
<head>
<title>Our Company</title>
<link href="site.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1>Welcome to Our Company</h1>
<h2>Web Site Main Ingredients:</h2>
<p>Pages (HTML)</p>
<p>Style Sheets (CSS)</p>
<p>Computer Code (JavaScript)</p>
<p>Live Data (Files and Databases)</p>
<footer id="foot01"></footer>
</div>
<script src="script.js"></script>
</body>
</html>
Inténtalo tú mismo "La página de arriba, es una copia de la página del capítulo anterior, con un pie de página añadida, y un enlace a una secuencia de comandos.
Editar Sobre la página
Para completar su trabajo, hacer los mismos cambios en about.html.
1. Añadir un elemento <pie de página>.
2. Incluir el guión.
Cambiar el contenido a lo siguiente:
about.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>
<script src="script.js"></script>
</body>
</html>
Inténtalo tú mismo "Lee mas
Más información acerca de JavaScript en nuestro Tutorial de JavaScript .