En son web geliştirme öğreticiler
 

Web Bina - Kodu (JavaScript) ekleme


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