Sıfırdan bir web sitesi oluşturma. Bölüm III: Ekleme bilgisayar kodu (JavaScript) .
Ne yapacağız
biz olacak bu bölümde:
- Bazı bilgisayar kodu oluşturun (JavaScript)
- Komut dosyasına bağlantı sayfalarınıza ekleyin
JavaScript oluştur
Demoweb klasöründe, yeni bir dosya adında script.js oluşturun.
dosyasının içine, aşağıdaki kodu koyun:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";
Ana Sayfa düzenle
Demoweb klasöründe, dosya index.html düzenleyin.
Aşağıdaki içerik değiştirin:
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>
Kendin dene " Yukarıdaki sayfa, ek bir altbilgi ile önceki bölümde sayfanın bir kopyasını ve bir komut dosyasına bir bağlantıdır.
Hakkında Sayfa düzenle
İşinizi tamamlamak için, about.html aynı değişiklikleri yapmak.
1. Bir ekleme <footer> elemanı.
2. senaryoyu ekleyin.
Aşağıdaki içerik değiştirin:
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>
Kendin dene " Daha fazla oku
Bizim JavaScript hakkında daha fazlasını okuyun JavaScript Öğreticisi .