برامج كمبيوتر - العاب الكمبيوتر - افضل البرامج والالعاب : برامج كمبيوتر - اروع برامج - برامج كاملة - برامج وشروحاتها - اجدد العاب - العاب كاملة - العاب حربية واستراتيجية ورعب ورياضية وسيارات ومغامرات

إضافة رد
#1  
قديم 2012-01-30, 03:29 PM
ملآمح خجل
~ مشرفة منتدى البرامج ~
ملآمح خجل غير متواجد حالياً
Saudi Arabia     Female
لوني المفضل Indigo
 رقم العضوية : 29279
 تـَآريخَ وَجودكَ معـنآ : Nov 2011
 فترة الأقامة : 3313 يوم
 آخ’ـر آطلآلـہ : 2013-07-26 (03:56 AM)
 الإقامة : xمــآورآء الآبـــــــدx
 المشاركات : 4,436 [ + ]
 التقييم : 366608
 معدل التقييم : ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥ ملآمح خجل Ḿ ā ℓ ā Ќ ♥
بيانات اضافيه [ + ]
Drs الدرس الأول لتعلم لغة الـ html



جكرت اللعبة





آخر تعديل ملآمح خجل يوم 2013-07-05 في 09:15 PM.
رد مع اقتباس
قديم 2012-01-30, 04:31 PM   #2
ملآمح خجل
~ مشرفة منتدى البرامج ~


الصورة الرمزية ملآمح خجل
ملآمح خجل غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 29279
 تـَآريخَ وَجودكَ معـنآ :  Nov 2011
 آخ’ـر آطلآلـہ : 2013-07-26 (03:56 AM)
 المشاركات : 4,436 [ + ]
 التقييم :  366608
 الدولهـ
Saudi Arabia
 الجنس ~
Female
لوني المفضل : Indigo
افتراضي رد: الدرس الأول لتعلم لغة الـ html



^
^
^
بآآآكـ
4.ماذا تعني H-T-M-L؟

HTML هي اختصار "HyperText Mark-up Language"، أنت لا تحتاج في هذه المرحلة لمعرفة ماذا تعني هذه المصطلحات، مع ذلك لنشرحها بتفصيل أكبر.
  • Hyper هي عكس "خطي" وهي تعني في هذه الحالة أن تنتقل من أي نقطة إلى أي نقطة بدون أن تسير في خط سير محدد، في الماضي - عندما كانت الفأرة شيء يلحقه القط - كانت الحواسيب تعمل بشكل خطي، تقوم بتنفيذ أمر ما ثم تذهب لما بعده، لكن HTML مختلفة، يمكنك أن تذهب إلى أي مكان في أي وقت، ليس بالضرورة مثلاً أن تزور موقع MSN.com قبل أن تزور HTML.net.
  • Text تعني النص، وهذه تشرح نفسها.
  • Mark-up هو ما تفعله بالنص، فهذه الكلمة تعني توصيف النص، فأنت تقوم بتوصيف النص تماماً كما تفعل مع معالجات الكلمات فتضيف العناوين والنقاط والنص السميك وغيرها.
  • Language تعني اللغة، فتقنية HTML هي لغة توصيف وهي أيضاً تستخدم العديد من كلمات اللغة الإنجليزية.
5.العناصر والوسوم

العناصر تعطي لوثائق HTML هيكلية محددة وتخبر المتصفح عن كيفية عرض الصفحة، بشكل عام العناصر عبارة عن وسم "tag" للبداية ثم بعض المحتويات ثم وسم الإغلاق.
"وسوم"؟


الوسوم هي توصيفات تستخدمها لكي تضعها في بداية العنصر وعند نهايته.
كل الوسوم لها نفس نفس الشكل، تبدأ مع علامة أصغر من "<" وتنتهي مع علامة أكبر من ">".
بشكل عام هناك نوعان من الوسوم، وسم البداية: <html> ثم وسم الإغلاق <html/>. الفرق بين الإثنين هي علامة "/"، توصيف المحتويات يكون بوضعها بين وسم البداية ووسم الإغلاق.
لغة HTML تتكون من هذه العناصر، لكي تتعلم HTML عليك أن تتعلم وتستخدم وسوماً مختلفة.

الوسوم الأساسية
هناك أربعة وسوم رئيسة ستجدها تقريبا في كل صفحة وهي:

1.
<html><html/> وهو بداية صفحة الويب ونهايتها..

2.<head><head/> وهذا الوسم هو رأس الصفحة ، وفيها يكتب بالغالب عنوان الصفحة الذي ترونه فوق بالأعلى ..

3.<title><title/>هذا الأمر لتغيير عنوان الصفحة العلوي في شريط العنوان..

4.<body><body/> وهذا الوسم هو جسم الصفحة ، وفيها كل ماترونه في صفحات النت من صور وتصاميم وكتابات وجداول ورسوم وغيره .. ودروسنا بالموضوع هذا ستكون فيه .. يعني وسوم الخط والالوان والتنسيقات كلها تكتب داخل الـbody


ويكون ترتيب هذه الأوامر في الصفحة بالشكل التالي:




من الشكل السابق نلاحظ أن ترتيب فتح وغلق الوسوم للأوامر ترتيب خاص حيث أن الأمر الذي يفتح أولا يغلق آخرا..

كيف تبدأ؟
قبل أن تبدأ في تصميم الموقع هناك بعض الخطوات التي يجب أن تقوم بها أولا:
1- أولا قم بتخصيص مجلد مستقل يكون هذا المجلد خاص بمحتويات الموقع وسمه أي اسم وليكن "موقعي الجديد" مثلا.

2- بعد ذلك قم بفتح برنامج الدفتر عن طريق:
start >> programs >> accessories >> notepad.
بعد ذلك قم باختيار القائمة file ثم save as وسوف يظهر لك مربع حواري..قم بتحديد مكان المجلد الذي خصصته من قبل كمجلد لموقعك. بعد ذلك أمام خانة file name اكتب اسم الملف index.html .
وبذلك تكون قد أنشأت الصفحة الأولى لموقعك والتي ستجري عليها التغييرات فيما بعد.

لماذا اخترت الاسم index.html للصفحة الأولى؟؟
اخترت index لأن الصفحة الأولى لأي موقع يجب أن تكون بهذا الاسم لما له من أهمية عند تحميل الموقع على النت.أما بقية الصفحات التي سوف تنشئها فيما بعد فيمكنك تسميتها كما تريد.
أما بالنسبة للإمتداد html فهو الإمتداد الخاص بصفحات الويب.

3- بعد ذلك قم بكتابة الوسوم الأساسية في الصفحة كما شرحناها سابقا.

وووبث حبايبيـ بكذا اكون انتهيت من اول درسـ..
بانتظآآر طلتكم الحلوة...




 

التعديل الأخير تم بواسطة ملآمح خجل ; 2012-01-30 الساعة 06:54 PM

رد مع اقتباس
قديم 2012-01-30, 06:49 PM   #3
Yaser Al-Rahbi
~ آلمدير آلعآم ~


الصورة الرمزية Yaser Al-Rahbi
Yaser Al-Rahbi غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 1
 تـَآريخَ وَجودكَ معـنآ :  Aug 2009
 آخ’ـر آطلآلـہ : يوم أمس (10:43 PM)
 المشاركات : 16,781 [ + ]
 التقييم :  402109
 الدولهـ
Oman
 الجنس ~
Male
لوني المفضل : Brown
افتراضي رد: الدرس الأول لتعلم لغة الـ html



آشكرك غلا 2012 على الدرس المهم جدآ في عالم المواقع والمنتديآت ||

لك ودي وآحترآمي ||

الله يعطيك الصحه والعافيه ||

آستفدت من الموضوع {معلومات جديدة علي}

لك فآيف ستآرز + آروع تقييم + تم التثبيت

تحيآتي القلبية لك/
kING cOBRA


 
 توقيع : Yaser Al-Rahbi


رد مع اقتباس
قديم 2012-01-30, 07:30 PM   #4
ملآمح خجل
~ مشرفة منتدى البرامج ~


الصورة الرمزية ملآمح خجل
ملآمح خجل غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 29279
 تـَآريخَ وَجودكَ معـنآ :  Nov 2011
 آخ’ـر آطلآلـہ : 2013-07-26 (03:56 AM)
 المشاركات : 4,436 [ + ]
 التقييم :  366608
 الدولهـ
Saudi Arabia
 الجنس ~
Female
لوني المفضل : Indigo
افتراضي رد: الدرس الأول لتعلم لغة الـ html



تسسسلمـ موديرنآآ..
ماانحرمـ هيكـ طلـاتـ ..
اللهـ يعاافيكـ .. اهم شي اننآ نستفيد..
ميرسيـ علىـ التقييمـ + الستارز + التثبيتـ..
لكـ منيـ تحيهـ معطرة بعبقـ الياسمينـ..



 


رد مع اقتباس
قديم 2012-02-02, 12:41 AM   #5
عكس التيار
غاليه بحلاتي


الصورة الرمزية عكس التيار
عكس التيار غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 32571
 تـَآريخَ وَجودكَ معـنآ :  Feb 2012
 آخ’ـر آطلآلـہ : 2012-05-11 (08:13 PM)
 المشاركات : 152 [ + ]
 التقييم :  469
 الدولهـ
Oman
 الجنس ~
Female
لوني المفضل : Darkmagenta
افتراضي رد: الدرس الأول لتعلم لغة الـ html



راق لي الموضوع .. صراااحه وااااايد جميل ومفيد .. استفدت واااايد معلومات
يسلمو غلا 2020 .. لا تحرمينا من ابداعاتك الراقيه..


 
 توقيع : عكس التيار

ما همني كلام الناس فيني ...
دام طبعي مخلص ووافي ...
دوووم كوووول


رد مع اقتباس
قديم 2012-02-02, 11:04 AM   #6
ملآمح خجل
~ مشرفة منتدى البرامج ~


الصورة الرمزية ملآمح خجل
ملآمح خجل غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 29279
 تـَآريخَ وَجودكَ معـنآ :  Nov 2011
 آخ’ـر آطلآلـہ : 2013-07-26 (03:56 AM)
 المشاركات : 4,436 [ + ]
 التقييم :  366608
 الدولهـ
Saudi Arabia
 الجنس ~
Female
لوني المفضل : Indigo
افتراضي رد: الدرس الأول لتعلم لغة الـ html




يسلممكـ ربي..
ميرسيـ على المرور العطر..


دمت ودام عبق وجودكـ..



 


رد مع اقتباس
قديم 2012-02-02, 11:12 AM   #7
ρєяг̵̵єcт
عضو مميز
~| مصممة محترفة |~


الصورة الرمزية ρєяг̵̵єcт
ρєяг̵̵єcт غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 27314
 تـَآريخَ وَجودكَ معـنآ :  Jul 2011
 آخ’ـر آطلآلـہ : 2014-09-03 (11:36 PM)
 المشاركات : 2,374 [ + ]
 التقييم :  115198
 الدولهـ
Oman
 الجنس ~
Female
 SMS ~
ققًد يكونوؤن ف آلبع ـد أججًمل
لوني المفضل : Black
افتراضي رد: الدرس الأول لتعلم لغة الـ html



درس مهم جدآ..~
ومعلومـآت جديدة وقيممةً ..~
لك جزيل الشكككر
+5ستـآرز
دمتي بهذآ التممميز ..$


 
 توقيع : ρєяг̵̵єcт
[sor2]http://www.rooh5.com/up/uploads/13449614792.jpg[/sor2]




يارب توفقيكك


رد مع اقتباس
قديم 2012-02-02, 11:27 AM   #8
ملآمح خجل
~ مشرفة منتدى البرامج ~


الصورة الرمزية ملآمح خجل
ملآمح خجل غير متواجد حالياً

بيانات اضافيه [ + ]
 رقم العضوية : 29279
 تـَآريخَ وَجودكَ معـنآ :  Nov 2011
 آخ’ـر آطلآلـہ : 2013-07-26 (03:56 AM)
 المشاركات : 4,436 [ + ]
 التقييم :  366608
 الدولهـ
Saudi Arabia
 الجنس ~
Female
لوني المفضل : Indigo
افتراضي رد: الدرس الأول لتعلم لغة الـ html




دوما التميز يعود اليكمـ..
لطلتكـ نسيمـ كنسيم الصبااحـ..
تسلمي على المرور والستارز حياتيـ..




 


رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
الدرس الأول : تركيبالجملة في اللغة الإنجليزية فيصل احمد Languages Forum(منتدى الانجليزي) 8 2018-04-17 02:29 PM
الدرس الأول :التحيات الإنجليزية فيصل احمد Languages Forum(منتدى الانجليزي) 2 2018-04-17 02:28 PM
سلسلة دروس المبتدئين - الدرس الأول فيصل احمد مبدعين ومحترفين الفوتوشوب - التصوير الضوئي 1 2011-08-31 07:29 AM
الدرس الأول من دورة الفوتوشوب للمبتدئين: واجهة البرنامج والقوائم 1 « مَمْلۉحـّۃ آلۉصّآيـفْ» مبدعين ومحترفين الفوتوشوب - التصوير الضوئي 18 2011-08-13 02:18 AM
تابع الدرس الأول من دورة الفوتوشوب للمبتدئين: قوائم الفوتوشوب 2 « مَمْلۉحـّۃ آلۉصّآيـفْ» مبدعين ومحترفين الفوتوشوب - التصوير الضوئي 11 2011-08-12 11:54 PM










الساعة الآن 10:37 PM.
Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2020, vBulletin Solutions, Inc.
Adsense Management by Losha

HêĽм √ 3.1 BY: ! ωαнαм ! © 2010