الرئيسية
دورة تعليم لغة html
صفحة 1 من اصل 1
دورة تعليم لغة html
من طرف ???? الخميس نوفمبر 05, 2009 1:49 am
الدرس الأول : خطوات إنشاء الصفحه وحفظها
دورة تعليم لغة html
بسم الله الرحمن الرحيم
سنبدأ اليوم بإذن الله إفتتاح منهجنا الذي نسأل الله تعالى أن يوفقنا ويعيننا فيه .
سنشرح اليوم خطوات عمل الصفحه وحفظها
نبدأ على بركة الله
تتكون أكواد لغة HTML من قسم واحد رئيسي وهو :
- القسم الكبير :
ويتكون هذا القسم من فرعين أو وسمين وهما :
1 - الوسم
ويكتب بداخله عنوان الصفحه ويكون الوسم الخاص به كالتالي
2 - الوسم
والذي يتم كتابة نصوص صفحة الويب ضمنه، بالإضافة إلى إدراج الصور والجداول
وباقي محتويات الصفحة. وهو أيضاً يحتاج إلى وسم الإنهاء
دعونا الآن نكتب مثالأ على هذه الأوسام
س / قم بعمل صفحه خاصه بك ويكون عنوان الصفحه هو (موقع ومنتديات نقطة التطوير) ويكون ما بداخل الصفحه
رسالة ترحيب للزائر وهي (مرحباً بك عزيزي الزائر .. نتمنى لك قضاء أسعد الأوقات في موقعنا) مع ملاحظة إستخدام
مايلي في نص رسالة الترحيب بالصفحه :
1 - أن يكون خط الكتابه عريضاً
2 - أن يكون الخط مائلاً
3 - توسيط الكلام بالصفحه
مع ملاحظة : الإجابه عن السؤال عن طريق المفكره txt .
ج / أولاً سنقوم بإنشاء مستند نصي جديد كما يلي
إذهب إلى سطح المكتب ثم بأي منطقه خاليه قم بالضغط بزر الماوس الأيمن
ثم جديد ثم مستند نصي كما هو موضح بالصوره :
ثم نقوم بكتابة القسم الرئيسي أو الوسم الرئيسي وهو
من دون اغلاقه بالكود سنقوم بإغلاقه لاحقاً
ثم نقوم بكتابة الوسم من دون إغلاقه أيضا
لينتج لدينا ما يأتي
ثم نأتي لكتابة العنوان داخل الرأس head
ويكون كالتالي
كود:
كما هو موضح بالصوره
الآن سنقوم بإغلاق وسم الرأس head كالتالي
لتصبح المعادله كاملة كما يأتي
كود:
هكذا إنتهينا من القسم الأول من السؤال وهو العنوان
مع ملاحظة إلى الآن لم نغلق الوسم
لأن الكود لم ينتهي أو السؤال لم ينتهي
سنأتي الآن لتكملة بقية السؤال وهو
اقتباس:
| ويكون ما بداخل الصفحه رسالة ترحيب للزائر وهي (مرحباً بك عزيزي الزائر .. نتمنى لك قضاء أسعد الأوقات في موقعنا) مع ملاحظة إستخدام مايلي في نص رسالة الترحيب بالصفحه : 1 - أن يكون خط الكتابه عريضاً 2 - أن يكون الخط مائلاً 3 - توسيط الكلام بالصفحه |
ممتاز الآن يطلب أن نقوم بعمل رسالة للزائر , سنستخدم الوسم
لانه المطلوب داخل الصفحه ويظهر للزائر . فهذا هو الوسم الذي يطلبه بالسؤال
سنقوم الآن بكتابة الوسم وما يطلبه بالسؤال
ولكن أرجوا التركيز هنا في هذه المنطقه المهم وقد تجد فيها صعوبه إذا لم تفهمها جيداً
في أي نص داخل وسم الجسم body سنستخدم الوسم ولكن ركز كيف
سيكتب الكود . لتعريض الخط سنستخدم الوسم
وللميلان سنستخدم الوسم
ولاتجاهات النصوص سواءاً إلى اليمين او اليسار او التوسيط
right , center , left
نأتي الآن الى كود الأوسام السابقه
ملاحظه هامه جداً
هناك عدة طرق لكتابة الكود
ولكن حالياً عن طريق المفركه سنكتب الكود السهل
وسأضع الكودين الآن
للمفكره والطريقه السهله
كود:
للفرونت بيج وسنستخدمها بإذن الله بعد الإنتهاء من المفكره والإنتقال للفرونت بيج
وغير هامه الآن ولكن للتوضيح
كود:
مرحباً بك عزيزي الزائر .. نتمنى لك قضاء أسعد الأوقات في موقعنا
سأترك لكم الخيار في كتابة أي الكودين
ولكن سأشرح حالياً الكود الأول السهل
لاحظ الصوره
ليصبح الكود بالكامل كما يلي :
كود:
نلاحظ بالأخير أغلقنا