بناء موقع على شبكة الانترنت من الصفر الجزء الثالث: إضافة رمز حاسوبي (جافا سكريبت).
ماذا سنفعل
في هذا الفصل سوف:
- إنشاء بعض رمز الكمبيوتر (جافا سكريبت)
- إضافة رابط للنص في صفحاتك
إنشاء جافا سكريبت
في المجلد demoweb، إنشاء ملف جديد script.js اسمه.
ضع التعليمات البرمجية التالية داخل الملف:
script.js
document.getElementById("foot01").innerHTML =
"<p>© " +
new Date().getFullYear()
+ " w3ii. All rights reserved.</p>";تحرير الصفحة الرئيسية
في المجلد demoweb، تحرير index.html والملفات.
تغيير المحتوى إلى ما يلي:
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>
انها محاولة لنفسك » الصفحة أعلاه، هو نسخة من الصفحة من الفصل السابق، مع تذييل المضافة، وارتباط نصي.
تحرير الصفحة عن
لاستكمال العمل الخاص بك، تفعل نفس التغييرات في about.html.
1. إضافة عنصر <تذييل>.
2. تضمين البرنامج النصي.
تغيير المحتوى إلى ما يلي:
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>
انها محاولة لنفسك » اقرأ أكثر
إقرأ المزيد حول جافا سكريبت في منطقتنا جافا سكريبت تعليمي .