منتديات بلاد ثمالة - −ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ

منتديات بلاد ثمالة (http://www.thomala.com/vb/index.php)

- منتدى التصاميم والجرافيكس (http://www.thomala.com/vb/forumdisplay.php?f=50)

−ـ‗_ღ...{الدرس الثالث : لغة Html ( اساسيات )}...ღ_‗ـ−

http://www.geocities.com/m.althomali/benar/B-S-T.gif

http://www.geocities.com/m.althomali.../fsael-nmm.gif

نستكمل اليوم الدرس الثالث ونبدا بشرح مُبسط عن لُغة الـ Html وتم تجزئته
إلى عدة أجزاء لكي يتم تسهيله بشكل أكبر

http://www.geocities.com/m.althomali.../fsael-nmm.gif

هذا الدرس الثالث وأعتبره الاهم في الدورة لانه يشرح لغة html وانشاء صفحات الويب
اخواني الاعضاء المهتمين بالدورة هذا الدرس يحتاج الى تطبيق عملي على اجهزتكم ارجو ان تجهزوا متصفح الانترنت و برنامج المفكرة
نفتح برنامج المفكرة الان
ثم نضع هذا الكود

كود:

<html>

صفحتي الاولى  

</html>

http://www.geocities.com/m.althomali.../fsael-nmm.gif

مثل ما هو واضح بالصورة
http://www.thomala.com/upp/upfiles/ptb24360.jpg

http://www.geocities.com/m.althomali.../fsael-nmm.gif

ثم نحفظ الملف بهذا الامتداد htm لاحظ الصورة
http://www.thomala.com/upp/upfiles/sXQ24360.jpg

http://www.geocities.com/m.althomali.../fsael-nmm.gif

بعد الحفظ نذهب الأن للملف الذي حفظناه ونقوم بفتحه من خلال برنامج المتصفح
سوف تجد هذه الصفحه
http://www.thomala.com/upp/upfiles/xQp24360.jpg

http://www.geocities.com/m.althomali.../fsael-nmm.gif

شرح للكود السابق
اولا بدئنا ووضعنا

كود:

<html>

هذا الكود معناه ان هذه الصفحه هي عبارة عن صفحة html

ثم كتبنا

كود:

صفحتي الاولى

وهذا ليظهر في المتصفح كما واضح في الصورة
http://www.thomala.com/vb/../upp/upfiles/xQp24360.jpg

http://www.geocities.com/m.althomali.../fsael-nmm.gif

الان نريد ان نضع بالعنوان اسم الصفحه مثل ما هو ظاهر بالأعلى منتديات بلاد ثمالة
نضع هذا الكود

كود:



<html>  

<title>صفحتي الاولى </title>  

صفحتي الاولى    

</html>

شرح الزيادة في الكود السابق

كود:

<title>

وهذا معناه عنوان الصفحه

ثم وضعنا

كود:

صفحتي الاولى

وهذا لنخبر ان عنوان الصفحه هو صفحتي الاولى ويمكن اختيار الإسم الذي يعجبك ..

ثم اغلاقنا الكود

كود:

</title>

http://fwt.txdnl.com/6-30/a/l/alreda.../fsael-nmm.gif

وليظهر لنا الناتج كما في الصورة
http://www.thomala.com/upp/upfiles/5nP24360.jpg

http://www.geocities.com/m.althomali.../fsael-nmm.gif

وبكذه انتهى الجزء الأول من لغة الـ HTML اتمنى ان يكون الدرس قد نال رضائكم وإستحسانكم

(ملاحظة : سيتم العمل على شرح مفصل للغة الـ Html بعد الدورة وسيتم عمل كتاب الكتروني لذلك)

http://www.geocities.com/m.althomali.../fsael-nmm.gif

مع تحـيات
مـاجـد الثمالي