منتديات شباب الاردن و فلـــــسطين
هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 10
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا أو التسجيل ان لم تكن عضو وترغب في الانضمام الي أسرة منتديات شباب الأردن وفلسطين
سنتشرف بتسجيلك
شكرا هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Star3
ادارة المنتدى هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Herz
منتديات شباب الاردن و فلـــــسطين
هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 10
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا أو التسجيل ان لم تكن عضو وترغب في الانضمام الي أسرة منتديات شباب الأردن وفلسطين
سنتشرف بتسجيلك
شكرا هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Star3
ادارة المنتدى هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Herz
منتديات شباب الاردن و فلـــــسطين
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات شباب الاردن و فلـــــسطين


 
الرئيسيةالتسجيلدخولgoogleأحدث الصور

 

 هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض

اذهب الى الأسفل 
كاتب الموضوعرسالة





هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 2pyyg1xou5dl
البلد: : هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Male_j11
تاريخ التسجيل : 01/01/1970
نقاط : 200500

هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Empty
مُساهمةموضوع: هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض   هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض I_icon_minitime21/2/2010, 12:17 pm

ملاحظة (1) هامة :
بمواضيع دروس الدورة تطرح فقط مشاركات تخص الدرس سواء تطبيق أو استفسار عما طرح فى الدرس

والجديد بخصوص التنظيم أو أى استفسار خارج الدورة كإضافة اقتراح مثلا أو تحية أو تشجيع أو ....
فكل هذا يتم طرحه بالموضوع الذى تم طرحه بالقسم العام لتبقى مواضيع الدروس عملية 100%

ملاحظة (2) هامة :
ممكن واحد ناصح زى freethink مثلا يأتى ويقول أنك الآن لا تحتاج لتعلم HTML
فهناك برامج تصنع الجداول والألوان و ...وتخرج بالنهاية بتصميم كامل
دون أن تضع وسم واحد فهذه البرامج تجمع الوسوم
وتضعها كل بمكانه لتخرج بالشىء المطلوب
ومن أشهر هذه البرامج الفرونت بيج

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

لا أقول لك لا تستخدم البرامج ولكن استخدمها على أساس
والأساس هنا ليس صعبا بل فى غاية السهولة

وما رأيك أن تكون من هؤلاء الذين ينشئون موقعا من خلال النوت باد المرفق مع النظام
لاشك سيطلق عليك لقب محترف

ملاحظة (3) هامة :
أستطيع الآن أن أعلنها صريحة وهى : أن بدئى بهذه الدورة ومن خلال المشاغب هو تخطيط لمشروع لو أنجز بأمر الله
سنصل معا لاحتراف الويب ديزاين وسنأكل الشهد كما يقولون

ملاحظة (4) هامة :
لكل قاعدة استثناءات فقد أؤكد على شىء ما ويكون هناك استثناء له

لنبدأ العمل بعون الله .....

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

وهى ليست لغة لف ودوران
يعنى كذا يبقى كذا

كما نعلم أن لكل شىء وحدة معينة يبنى عليها هذا الشىء
كالجزىء مثلا عبارة عن مجموعة من الذرات والحائط عبارة عن صفوف من الطوب

كذا الحال فى لغة HTML فهى عبارة عن وحدات تسمى وسوم
بالأجنبى Tags

لكى نبنى أى جدار _استعارة _ فى لغة HTML تستعمل هذه الوسوم بشكل زوجى
من اليسار لليمين فيسمى اليسارى وسم البداية واليمينى وسم النهاية
ويتميز وسم النهاية عن وسم البداية بعلامة /

يوضع بين الوسمين النص أو الكتابة التى ستتأثر بهما

مثلا .... وسم الوصلة التشعبية يكون هكذا :

كود PHP:
<A> ****** </A>

حيث <A> وسم البداية
<A/> وسم النهاية _لاحظ / _
****** النص أو الرابط الذى سيتأثر


تهنا ولا لسه

قولوا لا إله إلا الله
وصلوا على رسول الله صلى الله عليه وسلم

هذه كانت المقدمة
لا تتجهم فالمقدمة أصعب درس فى هذه الدورة

إن وصل كلامى السابق إليكم كما هو مختمر فى ذهنى

فبفضل الله تخطينا مرحلة كبيرة فى هذه الدورة
وستنجح على خير إن شاء الله


أدواتنا التى سنحتاجها فى هذه الدورة بسيطة جدا (Very Simple)

سنحتاج أداتين عمليتين : *متصفح انترنت _ وأكيد أنت تملك واحدا وإلا لما رأت عينك هذا الكلام
* برنامج النوت باد (المفكرة) والتى تكون مرفقة مع النظام ولكن لنعمل بشكل صحيح
ومتوافق دون مشاكل سنحمل إصدار أفضل من هذا البرنامج _اقتنصته من سيموبيم _
مرفوع خصيصا لهذه الدورة لحاجة فى نفس أخيكم :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

مثلا موقع إسلامى
تريد أن يكون اسم أو عنوان الصفحة : الإسلام دين السلام
تريد أن تضع باليمين هنا جدولا بلون معين وتضع فيه آية قرآنية
تريد أن تضع بأعلى اليسار حديثا نبويا بخط معين
بالأسفل وسطا جدولا لتضع به مقالا معينا

سيكون شكل هذه الصفحة فى رأسك

كلما تعلمت شيئا معينا تقول آآآآآآآه
هذا سأستخدمه وقت كذا وبشكل كذا وهذا سأستخدمه هنا أو هناك



نفذت المطلوب منى تقريبا لليوم بفضل الله وعونه
والكيبورد ويدى ومخيخى

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





هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 2pyyg1xou5dl
البلد: : هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Male_j11
تاريخ التسجيل : 01/01/1970
نقاط : 200500

هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Empty
مُساهمةموضوع: رد: هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض   هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض I_icon_minitime21/2/2010, 12:19 pm

والآن مع الدرس التطبيقى الأول وهو سهل جدا بمشيئة الله
------------------------------
طبعا وضحنا أن ما ينتج من لغة HTML هى صفحة متكاملة لموقع ويب
وكل صفحة لابد لها من رأس وجسم وممكن ذيل
-----------------------------------
لذا فهذا الدرس سيتكلم عن الوسوم الأساسية (Main Tags) لأى صفحة .

تقريبا هذه الأربعة وسوم هى الوسوم الأساسية التى لابد أن تستعمل فى إنشاء أى صفحة ويب

كود PHP:
<HTML> </HTML>
<HُِEAD> </HEAD>
<TITLE> </TITLE>
<BODY> </BODY>


وإليك التفاصيل :
قاعدة (1) : أى ملف HTML لابد أن يبدأ بوسم <HTML> وينتهى بوسم <HTML/>
ومساحة العمل بينهما هى مسرح كل الأحداث

إذن سنفتح صفحة النوت باد (المفكرة) :
ونكتب فى أولها <HTML>
ونترك مساحة للعمل ونكتب فى آخرها <HTML/>


لننشىء صفحة لويب لابد لها من معلومات توضع فى الرأس فالمعلومات توضع فى العقل الموجود فى الرأس .... صح

إذن نضيف وسم الرأس (HEAD)


أهم هذه المعلومات هو اسم الشخص وهو بالنسبة للصفحة عنوانها

المشاغب مثلا عنوانه الظاهر فى أعلى المتصفح :


إذن نضيف العنوان (TITLE) وبالطبع سيكون فى الرأس لذا سيوضع بين وسمى الرأس (HEAD)


نيجى بقى لوسم الشغل كله
وسم (BODY)

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

البطن بقى وما أدراك ما الموجود بالبطن
دكتور بقى وشاف عملى

نضيف وسم (BODY)


نطبق الآن على أرض الواقع :

هل تتذكرون هذه الجملة :

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

مثلا موقع إسلامى

عن نفسى اخترت التبرك بإنشاء صفحة اسلامية >> عفريت أنا

عنوان الصفحة : محمد رسول الله (صلى الله عليه وسلم)
محتوى الصفحة طبقا لدرس اليوم : نصف التشهد الثانى

ملأت المحتوى كما ترون :


بقى أن تحفظ الصفحة بامتداد ايه ؟
أكيد HTML

للحفظ نضغط :
file
save as


ثم نختر الامتداد :


وتحفظه بالاسم الذى تريده


كانت هذه نتيجة الحفظ لدى :


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

تفتح الصفحة التى حفظتها لتجد النتيجة هكذا :


هييييييييييييه

أنشأت صفحة ويب
أنشأت صفحة ويب


انتهى الدرس
والحمد لله رب العالمين

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

ولأنى لا أريد الضغط والإثقال
سأترك المشاركة الثانية من الموضوع هنا لشرح هذه الوسوم إن شاء الله

ولكن بعد أن تنتهوا من تطبيق الدرس بالشكل البدائى الذى تم شرحه أعلاه


سأنتظر منكم التطبيق بأمر الله وسيوضع على شكلين :
1:صورة للشكل النهائى بعد حفظ الصفحة >>يتم تصويرها ببرنامج snagit
2:الكود الذى تم استعماله وتضعه فى شكل كود php والموجود فى أدوات صندوق الرد

هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 05
الرجوع الى أعلى الصفحة اذهب الى الأسفل





هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 2pyyg1xou5dl
البلد: : هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Male_j11
تاريخ التسجيل : 01/01/1970
نقاط : 200500

هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Empty
مُساهمةموضوع: رد: هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض   هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض I_icon_minitime21/2/2010, 12:21 pm

لنشرح هذه الجزئية

كانت هذه هى النتيجة التى انتهينا إليها بعد تطبيق الدرس الأول

كود PHP:
<HTML>
<HEAD>
<TITLE>
محمد رسول الله صلى الله عليه وسلم
</TITLE>
</HEAD>
<BODY>
اللهم صل على محمد وعلى آل محمد
كما صليت على إبراهيم وعلى آل إبراهيم وبارك على محمد وعلى آل محمد كما باركت على إبراهيم وعلى آل إبراهيم
فى العالمين
إنك حميد مجيد
</BODY>
</HTML>

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

فمثلا لانهاء سطر معين والبدء بسطر جديد نستخدم هذا الوسم
<BR>

وهو وسم مفرد _استثناء القاعدة _

لنجرب :



نتج بهذا الشكل :


أيضا هناك وسم يقوم بنفس العملية مع اضافة سطر فارغ
هذا هو
<P>

لنجرب :



نتج بهذا الشكل :


تريد أن تترك فراغ بين الكلمات وليس الأسطر
اذن اليك هذا الوسم وهو مفرد وبتكراره يتزايد عدد الفراغات
&nbsp;

وهو اختصار لــ Non Breakable Space

و لكى يعمل هذا الوسم بشكل صحيح لابد من كتابته بأحرف صغيرة (Small) مع العلم أن باقى الوسوم يمكن أن تكتب بأحرف صغيرة (Small) أو كبيرة(Capital)

لنجرب :



نتج بهذا الشكل :


هنا انتهينا
والدرس التالى سيكون سريعا جدا إن شاء الله فهذا الموضوع تكملة وهو بسيط بأمر الله


هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 12


هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 13
الرجوع الى أعلى الصفحة اذهب الى الأسفل





هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 2pyyg1xou5dl
البلد: : هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Male_j11
تاريخ التسجيل : 01/01/1970
نقاط : 200500

هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض Empty
مُساهمةموضوع: رد: هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض   هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض I_icon_minitime21/2/2010, 12:23 pm

درسنا اليوم متعلق بالألوان فى لغة HTML
واللون فى لغة HTML يسمى خاصية (Attribute) وليس وسم (TAG)

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

سنكمل ان شاء الله على نفس الصفحة التى نفذناها من خلال الدروس السابقة وشغلنا كله كما وضحنا يتركز الآن بين وسمى BODY

وخاصية لون خلفية الصفحة والتى يتناولها درسنا اليوم عبارة عن خاصية تثبَّت وقيمة تتغير

لاحظ :

كود PHP:
<BODY BGCOLOR="000000">
***********
</BODY>

الخاصية التى تثبت : BGCOLOR
والقيمة التى تتغير : 000000

هذه القيمة تحدد كل لون فمثلا اللون الأسود كما أشرنا :000000
والأبيض : FFFFFF
و هكذا ...

دعنا نطبق على اللون الأسود ومن ثم نفصل الشرح عن الألوان

كان هذا آخر ما وصلنا اليه

وسنكمل بعده مباشرة



بعد اضافة خاصية اللون وقيمة اللون الأسود بالخصوص :


انظروا ماذا حدث


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






خلونا فى الأبيض أفضل


هكذا يكون الكلام وهكذا يكون النور
بيض الله وجوهنا يوم تبيض وجوه وتسود وجوه


الآن عرفنا كيف ننفذ الخاصية



ولكن اللماح منا سيسأل قيمة الألوان هذى لم هى بهذا النمط ولم هى 6 أرقام أو حروف
ولم ولم ...

سنحاول أن نفصل بحول الله
_(أسير تقريبا بنفس نظام الشرح الذى تعلمت منه فهو ماشاء الله لا يعلى عليه
فى تنسيقه فجزى الله صاحبه وبارك فيه ورزقه من حيث لا يحتسب)_

الألوان الأساسية ثلاثة
أحمر وأخضر وأزرق

ولكل لون منها 256 درجة لونية تحدد كل درجة من 000 إلى 256
بهذا الشكل 000 & 001 & 002 & 003 & ..... & 254 & 255 & 256

ومن خلال المزج والتقليب والعجن نحصل على الألوان الأخرى
فاللون الأبيض مكون من الدرجة 255 للثلاث ألوان والأسود مكون من الدرجة 000 للكل أيضا
والأصفر مكون من درجة لهذا وأخرى لذاك وثالثة للثالث وهكذا ...

ولكن ما علاقة هذه الدرجات بالرموز FFFFFF & 000000


هذا يسمى بالنظام السداس العشرى
ولمن لا يعرفه فهو نظام عددى اساسه العدد 16 وتستخدم فيه الأرقام من 1 إلى 9 والحروف A,B,C,D,E,F

لنأخذ مثلا اللون الأبيض كيف تكون : FFFFFF

الرقم 255 يكافئه فى النظام السداس عشرى FF

FF فى اليسار يمثل الدرجة 255 للون الأحمر
وفى الوسط يمثل الدرجة 255 للون الأخضر
وفى اليمين يمثل الدرجة 255 للون الأزرق

لو أردنا التجميع لنتج FFFFFF


تتمة :
1 : لو حاولنا حساب عدد الألوان التى يمكن أن تنتج من المزج بين الثلاث الأساسية لنتج الآتى:
= 256X256X256
16777216


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

أيضا هناك برامج تفيد فى خلط الألوان ومعرفة الدرجات مثل colormix

وهذه صفحة بها تجميعة لأكواد ألوان كثيرة احتفظ بها على جهازك واستخدمها وقت الحاجة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

هنا انتهينا


هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض 18
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
هنا تعليم برمجة مواقع بلغة html والدوره مقسمه دروس تحت بعض
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» أول لغة برمجة عربية متكاملة
» برمجة سكربت بسيط لرفع الملفات
» برنامج تصميم مواقع انترنت Dreamweaver CS 3
» برنامج تصميم مواقع انترنت فرونت بيج 2003
» تعليم الرخصة الدولية لقيادة الحاسوب

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات شباب الاردن و فلـــــسطين :: منتدى الكمبيوتر :: قسم الشبكات ولغات البرمجة المختلفة-
انتقل الى: