-
egypt-code ايجيبت كود
2024/05/04
تصميم موقع html css javascript
تصميم موقع html css javascript
HTML: أساس الموقع
HTML (لغة ترميز النص الفائق) هي أساس كل موقع ويب. تُستخدم هذه اللغة لوضع الهيكل الأساسي للموقع. يُمكن تشبيه HTML بالأساس الذي تُبنى عليه بقية أجزاء المنزل.
تُستخدم عناصر HTML لتحديد أجزاء مختلفة من الصفحة مثل العناوين والفقرات والروابط والصور والقوائم. على سبيل المثال:
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>My Website</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph.</p>
</body>
</html>
في هذا المثال البسيط، لدينا عنوان رئيسي وفقرة، وهما جزءان أساسيان من أي صفحة ويب.
CSS: تحسين مظهر الموقع
CSS (أوراق الأنماط المتتالية) هي اللغة المستخدمة لتحسين مظهر HTML. باستخدام CSS، يمكن التحكم في الألوان والخطوط والتخطيطات والمسافات والعديد من العناصر المرئية الأخرى.
يتم ربط CSS بـ HTML من خلال العنصر <style> في رأس المستند أو من خلال ملف CSS منفصل. مثال على استخدام CSS:
css
Copy code
body {
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}
تُستخدم هذه الأنماط البسيطة لتغيير لون خلفية الصفحة إلى لون فاتح وتغيير خط النص إلى Arial.
JavaScript: تفاعلية الموقع
JavaScript هي لغة برمجة تُستخدم لإضافة تفاعلية للموقع. باستخدام JavaScript، يمكن إنشاء ميزات مثل القوائم المنسدلة، وألبومات الصور، والنماذج التفاعلية، وغيرها الكثير.
يمكن تضمين JavaScript في HTML باستخدام العنصر <script>:
html
Copy code
<script>
function showAlert() {
alert("Hello, World!");
}
</script>
<button onclick="showAlert()">Click Me</button>
في هذا المثال، عندما ينقر المستخدم على الزر، يتم عرض نافذة منبثقة تحتوي على رسالة.
التعليقات