Los últimos tutoriales de desarrollo web
 

Edificio Web - Agregar código (JavaScript)


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>&copy;  " + 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 .