انشاء صفحة ويب - الملخص - الصف التاسع - الحاسوب فصل ثاني - مدرسة جواكاديمي

خطوات انشاء صفحة ويب:

انشاء المجلدات التي تنظم العمل
انشاء ملفات HTML التي تحتوي على الوسوم ومنها: وسم عنوان الصفحة، وسم الفقرة؛ اضافة الى خصائص الصفحة

انشاء المجلدات، وترتيب الملفات:

اتبع الخطوات التالية لانشاء مجلدات صفحة الويب:

انشاء ملف HTML

لانشاء HTML يجب علينا اتباع الخطوات التالية بالترتيب:

أنقر على زر ابدأ.
اختر كافة البرامج.
انقر على البرامج الملحقة واختر مفكرة (Notepad).
ابدأ بكتابة عناصر HTML المكونة من مجموعة الوسوم والخصائص، كما وردت في الدرس الاول.
اختر من قائمة ملف امر حفظ.
اكتب اسم الملف بين علامتي تنصيص وبامتداد html، او امتداد htm، لكن الامتداد الاكثر شهرة هو html، كالتالي: "hello.html".
حدد موقع التخزين (المجلد الرئيس الذي سبق وانشاته).
افتح المجلد الرئيس وتأكد من وجود الملف، ولاحظ ان صورة الايقونة هي برنامج المتصفح.
انقر نقرا مزدوجا على اسم الملف فتظهر لك صفحة الويب على المتصفح

الوسوم والخصائص

من اشهر وسوم لغة HTML:

ومن اشهر الخصائص في لغة HTML:

الوسم المسؤول عن تحديد عنوان صفحة الويب في شريط العنوان، ولا يمكن اضافة اي خاصية من الخصائص اليه.

اظهار المحتويات على شكل فقرات، حيث نضع وسم البداية في اول الفقرة ، ونهاية الفقرة نضع وسم النهاية .

تعمل هذه الخاصية على تغيير اتجاه النص في الوسم الذي تستخدم به، ويمكن استخدامها مع وسوم عديدة منها: <body>،.

تاخذ القيم التالية:

وهي خاصية مسؤولة عن العديد من التاثيرات (الانماط) كما في الجدول التالي:

النمط style	الاستخدام / الوظيفة
Background-color	لون الخلفية: اذا تم استخدامها داخل وسم <BODY> فان لون الصفحة سيختلف، اما اذا استخدمت داخل وسم <P>، فان اللون خلف النص سيختلف عن اللون الافتراض لصفحة الويب (الابيض)
Color	لون الخط (لون النص)
Font-family	نوع الخط
Font-size	حجم الخط
Text-align	محاذاة النص ( وقد تكون الى اليمين، الى اليسار، او توسيط)

تكتب الصيغة العامة لخاصية style على النحو الاتي:

"Style= "style1: value1; style2: value2; style3: value3; style4: value4

حيث style1، ......، styleN، هي احدى الانماط المبينه في الجدول السابق.
Value1، .........، valueN، قيمة الخاصية المذكورة اعلاه.

يراعى عند كتابة الخاصية style الاتي:

تحديد قيمة النمط بعد النقطتين الراسيتين، مع مراعاة كتابة النمط وقيمته داخل علامتي التنصيص.
اذا اردنا اضافة اكثر من نمط، فيجب الفصل بينها بفاصلة منقوطة، كالتالي:

"style =" text-align: center; font-size: 10

5. الالوان في لغة HTML:

تستخدم الالوان لاضافة طابع جمالي وللفت النظر في صفحات الويب.

وقد تستخدم الالوان في صفحات الويب اما في لون الخلفية ان كان للصفحة او النص، او لون النص وغيرها.

وهناك طريقتان لاختيار الالوان في HTML:

ويمكن استخدام الجدول التالي لتحديد رمز اللون او اسمه:

الحاسوب فصل ثاني