Construire un site web à partir de zéro Partie III:. Code informatique Ajout (JavaScript).
Qu'allons nous faire
Dans ce chapitre, nous allons:
- Créer un code informatique (JavaScript)
- Ajouter un lien vers le script dans vos pages
Créer JavaScript
Dans le dossier Demoweb, créer un nouveau fichier script.js nommé.
Placez le code suivant dans le fichier:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";Modifier la page d'accueil
Dans le dossier Demoweb, modifiez le fichier index.html.
Modifier le contenu de ce qui suit:
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>
Essayez - le vous - même »La page ci-dessus, est une copie de la page du chapitre précédent, avec un pied de page ajoutée, et un lien vers un script.
Modifier la page A propos
Pour terminer votre travail, faire les mêmes changements dans about.html.
1. Ajouter un élément <footer>.
2. Inclure le script.
Modifier le contenu de ce qui suit:
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>
Essayez - le vous - même »Lire la suite
En savoir plus sur JavaScript dans notre Tutoriel JavaScript .