تنبيه هام : بشأن العضويات وتنبيه عن الإسبام والمحافظة على عضويتك Sa3eKa TeAm هام جداااااااا

تنبيه : عند وضع أي طلب الرجاء وضعه بقسم الطلبات بعنوان يوضح طلبك


حالة التسجيل في شبكة الصاعقة العربية: :: مفـتـوح :: الرجاء وضع معلوماتك الصحيحية ::



مواقع المشرفين

أهلا وسهلا بك إلى شبكة الصاعقة العربية الهكرز | تعليم الهكرز | برامج هكرز.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا
نسيت كلمة المرور | التسجيل
العودة   شبكة الصاعقة العربية الهكرز | تعليم الهكرز | برامج هكرز > ::الأقسام الخاصة بالاختراق:: > :: أرشيف الدورات المجانية :: > دورة لغة البرمجة HTML

دورة لغة البرمجة HTML .:: مقدمة من قبل xXJoKeRXx ::.

لتصفح الشبكة بشكل افضل ننصحك بـ Google Chrome للتحميل اضغط هنا


الدرس الثالث :: جمالية الصفحة و أضافة بعض الألوان إليها :: .. !

دورة لغة البرمجة HTML


موضوع مغلق
 
LinkBack أدوات الموضوع
قديم 02-05-2010 رقم المشاركة : 1 (permalink)
xXJoKeRXx
*::. أدآري ســـــــآبق .::*

*:: كلاشيـ الصاعقة ـنكوف ::*

الصورة الرمزية xXJoKeRXx
 
تاريخ التسجيل : 16 - 1 - 2009
رقم العضوية : 23288
الإقامة : أم الدنيا ~ ســـوريآ ~
الهواية : كل ممنوع مرغوب *_^
المواضيع : 1229
الردود : 6069
مجموع المشاركات : 7,298
بمعدل : 13.03 مشاركة في اليوم
العمر : 20
معدل التقييم : 334
معدل تقييم المستوى : xXJoKeRXx عضو فعال xXJoKeRXx عضو فعال xXJoKeRXx عضو فعال xXJoKeRXx عضو فعال
آخر تواجد : 04-17-2010 (10:40 AM)
إرسال رسالة عبر MSN إلى xXJoKeRXx

معلومات إضافية
الجنس: الجنس: male
علم الدولة : علم الدولة Syria
المزاج : المزاج busymind
xXJoKeRXx غير متواجد حالياً

Ylsurprisexo3 الدرس الثالث :: جمالية الصفحة و أضافة بعض الألوان إليها :: .. !



نقرتين لعرض الصورة في صفحة مستقلة

ميحبا ً ... كيفكن اخواني . ؟ ان شاء الله تمام .... شو الاخبار .. ؟

كيف الاوضاع مع صحفاتكن اخواني .. ؟ نقرتين لعرض الصورة في صفحة مستقلة ان شاء الله كلو تمام .. ؟

ايه منيح هادا المطلوب ...

نقرتين لعرض الصورة في صفحة مستقلة

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

طبعا ً بحمد الله تعرفنا بالدرس الماضي على كيفية :: صنع صفحة انترنت بسيطة و بعض الاوسام المهمة :: .. !!

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


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

المهم ...

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

بقلو ايه حبيبي روق عليي .. نحن لسا بالبداية .. و لسا ما دخلنا بالامور الغامضة .. .قريبا ً رح تصنع موقع انترنت مش صفحات و بس :)
نقرتين لعرض الصورة في صفحة مستقلة

هلء كل شغلنا رح يكون من بداخل الوسم <body>

اوكي . ؟
نقرتين لعرض الصورة في صفحة مستقلة

لهيك كل الاوسام يلي رح اكتبها ما رح اكتب بداية ال <html> و ال <head> و هيك شي اوكي ..
نقرتين لعرض الصورة في صفحة مستقلة

فورا ً رح افتح كود ب <body> و ضيف عليه الاوسام يلي بدي اشرحها

فاهمين عليي . ؟
نقرتين لعرض الصورة في صفحة مستقلة

اوكي جيد







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

كيف هالشرح معكن .. ؟
نقرتين لعرض الصورة في صفحة مستقلة

افهمتو شي . ؟

لأ .. ؟
نقرتين لعرض الصورة في صفحة مستقلة تيب اوكي بسيطة حقكن والله نقرتين لعرض الصورة في صفحة مستقلةنقرتين لعرض الصورة في صفحة مستقلة .. تعال لحتى نشرح هالحكي كيف يعني

شوفو هالكود هادا

كود:

<body bgcolor="FFFFFF">
.....

</body> 
شو بتفهمو من هالكود . ؟ نقرتين لعرض الصورة في صفحة مستقلة



اوكي انا رح ئلكن ...
نقرتين لعرض الصورة في صفحة مستقلة

هيدا الكود يعني انا خليت الخلفية تبع الصفحة سوداء من خلال هيدا استخدام هالخاصية Bgcolor لتلوين الخلفية كلها بلون الكود تبعه هو 000000 ... نقرتين لعرض الصورة في صفحة مستقلة

طيب يا يحيى شو هادا الكود 000000 .. !!؟!؟ نقرتين لعرض الصورة في صفحة مستقلة

مممممممممم .. قلكن ولا ما ئلكن ؟

يلا بئلكن ههههههههههه ....
نقرتين لعرض الصورة في صفحة مستقلة

بس مو هلء ...

هلء خلوني نبه ع شغلة لاحظو انو الكود محطوط بين أشارتين
" " ... اوكي ؟


انتبهو .. ؟

طيب يا يحيى من وين بدنا نجيب هالأكواد هي . !؟

مممممممم تابعوني ورح تعرفو










رح احكيلك قصة الالوان و رح خليك متصفحكن يزهزه نقرتين لعرض الصورة في صفحة مستقلة

إذا لاحظتو الكود يلي حطيناه مكون من ست خانات .. :)
نقرتين لعرض الصورة في صفحة مستقلة

و هية مرتبة بالشكل التالي


نقرتين لعرض الصورة في صفحة مستقلة


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

فهمتوا .!؟
لأ .!!!!؟

تيب شوفو كيف



* إن أي لون هو مزيج -وبنسبة معينة من الدرجات- من هذه الألوان الثلاثة *




نقرتين لعرض الصورة في صفحة مستقلة


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


فهمتوا حبيباتي . !؟

إيه احسن هههههههههه

نقرتين لعرض الصورة في صفحة مستقلة


وبعملية حسابية بسيطة
نقرتين لعرض الصورة في صفحة مستقلة
بحب الرياضيات كتير ههههههههه

تنبيه :
تابعو منيح هالفقرة مهمة كتييــــر .. شرحتها مو مشان نحفظها بس مشان نعرف آلية تسمية الألوان معلومة زيادة يعني نقرتين لعرض الصورة في صفحة مستقلة



256×256×256
نقرتين لعرض الصورة في صفحة مستقلة ينتج لدينا أن عدد الألوان التي يمكن الحصول عليها بمزج الألوان الثلاثة السابقة هو 16777216 بالضبط. نقرتين لعرض الصورة في صفحة مستقلة


معي انتو لهون .. ؟ فهمانين تمام يعني . ؟

تيب جيد ههههههه


نقرتين لعرض الصورة في صفحة مستقلة



لكن من أي جاءت الرموز
نقرتين لعرض الصورة في صفحة مستقلة FFFFFF والتي عبرت عن اللون الأبيض بها.
إنها ببساطة أرقام… مكتوبة بالنظام السداس عشري
نقرتين لعرض الصورة في صفحة مستقلة

ما هو النظام السداس عشري .؟
نقرتين لعرض الصورة في صفحة مستقلة
(نظام عددي أساسه الرقم 16 ويعبر عنه باستخدام الأرقام العادية من 0 إلى 9 والرموز A,B,C,D,E,F ).

نقرتين لعرض الصورة في صفحة مستقلة


فالرقم 255 بالنظام العشري العادي يكافئه الرقم
FF بالنظام السداس عشري.
نقرتين لعرض الصورة في صفحة مستقلة .. ؟

منرجع للصورة هون تابعوني :)

نقرتين لعرض الصورة في صفحة مستقلة


إذن فالرقم السداس عشري FF على اليسار يمثل الدرجة 255 للون الأحمر.
والرقم
FF في الوسط يمثل الدرجة 255 من اللون الأخضر.
والرقم
FF على اليمين يمثل الدرجة 255 من اللون الأزرق.
نقرتين لعرض الصورة في صفحة مستقلة


وعلى هذا المنوال يعبر عن اللون الأزرق الفاتح بالرقم السداس عشري: 6699CC أما اللون الأسود فرقمه هو 000000.






طيب يا يحيى نحنا من وين بدنا نجيب هالاكواد هي تبع الالوان .!؟
نقرتين لعرض الصورة في صفحة مستقلة

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

نقرتين لعرض الصورة في صفحة مستقلة

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

HTML color codes

تمام هيك ؟ نقرتين لعرض الصورة في صفحة مستقلة نقرتين لعرض الصورة في صفحة مستقلة لا حدا يقلي مو تمااام ...


طيب هلء بدي نبه ع شغلة ... أغلبكن فتح الموقع و شافه ..
نقرتين لعرض الصورة في صفحة مستقلة
و يمكن لاحظتو وجود أشارة ال # قبل كل لون او كل رقم .... :) صحيح هالحكي ؟ حدا بيعرف هالاشارة مشان شو . ؟ نقرتين لعرض الصورة في صفحة مستقلة

يا سلآم عليكم .. ههههههههه
نقرتين لعرض الصورة في صفحة مستقلة

اوكي هلء هي في بعض المتصفحات ما رح يعترف على الكود السادس عشري
نقرتين لعرض الصورة في صفحة مستقلة إلا إذا وضعت معه هالعلامة هي # ..نقرتين لعرض الصورة في صفحة مستقلةنقرتين لعرض الصورة في صفحة مستقلة . لهيك نحن لازم نحطها مشان لما نفتح الصفحة تبعنا على جميع المتصفحات تكون بتعطينا نتيجة وحدة ..نقرتين لعرض الصورة في صفحة مستقلة . :)

طبعا ً بدي احكي ع شغلة هون بخصوص هالموضوع هو انو إذا نحن منعرف اسم اي لون من الالوان ممكن انو تكبه مثلا ً ..

شوفو هالكود

كود:
<body bgcolor="red">


فهمتوا عليي .. ؟ نقرتين لعرض الصورة في صفحة مستقلة

طيب اوكي .. هلء يا يحيى شو الوسم يلي رح نستخدمو مشان نلون كلمة مثلا ً . ؟
نقرتين لعرض الصورة في صفحة مستقلة

لأ قبل هيك تعالو معي لحتى نللون الخلفية تبع الصفحة عنا ..
نقرتين لعرض الصورة في صفحة مستقلة شو رأيكن .. ؟

يلا تفضلو معي كلكن اكتبو هالكود هادا عندكن بالصفحة

كود:
<body  bgcolor="#1589FF">
شفتو النتيجة اخواني .. !؟

نقرتين لعرض الصورة في صفحة مستقلة

يا سلااااااام تماام صحيح ..؟
نقرتين لعرض الصورة في صفحة مستقلة

هلء طبعا ً إذا بدك نغيير لون الخلفية بس منعدل على الرقم
1589FF و منحط الرقم يلي بدنا ياه نقرتين لعرض الصورة في صفحة مستقلة

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

نقرتين لعرض الصورة في صفحة مستقلة هئ ما رح ئلكن .. ههههههههه نقرتين لعرض الصورة في صفحة مستقلة





يلا معلش كرمال xXJoKeRXx
نقرتين لعرض الصورة في صفحة مستقلة بس الله وكيلكن .. :) نقرتين لعرض الصورة في صفحة مستقلة

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

رح استخدم الوسم هادا


كود:
<FONT color="HEX">

i LoVe Sa3eka 

</FONT>
ملاحظات : ** بدال كلمة HEX منحط اللون يلي بدنا ياه او الرقم السداس عشري نقرتين لعرض الصورة في صفحة مستقلة

** طبعا ما بدي عيد الحكي .. هادا الوسم استخدمتو داخل الوسم الرئيسي يلي هو <body> اوكي ..

** الوسم <FONT> ئله خصائص كتيرة و منها COLOR و رح نعرف خصائص كلها ان شاء الله في الدروس القادمة


================


شوفو كيف هي صورة من الدفتر عندي

نقرتين لعرض الصورة في صفحة مستقلة

تمام هيك الصورة .. !؟ :)

كيفني معكن . ههههههههه نقرتين لعرض الصورة في صفحة مستقلة





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

عموما أخواني .. الدورة بإذن الله مستمرة ..
نقرتين لعرض الصورة في صفحة مستقلة و كما عودتكم دائما .... أي استفسار انا جاهز ... و يا ريت ولو كلمة شكرا ً :) نقرتين لعرض الصورة في صفحة مستقلة

و ربي عم ياخد اقل درس معي اكثر من ساعتين ..
نقرتين لعرض الصورة في صفحة مستقلةنقرتين لعرض الصورة في صفحة مستقلة نقرتين لعرض الصورة في صفحة مستقلة بس كلمة شكرا ً اخواني يرضى عليكن ..

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

بالنهاية أي شي بدكن ياه تفضلو أخواني ضعو ردودكم و استفساراتكن بالضغط هنآ ... !!
نقرتين لعرض الصورة في صفحة مستقلة نقرتين لعرض الصورة في صفحة مستقلة


خيكم يحيى

نقرتين لعرض الصورة في صفحة مستقلة














التوقيع - xXJoKeRXx

Only the Strongest will survive
Lead me to heaven when we DIE
I am a
shAdow on the WALL
I'll be the
ONE
to save us A!l


There's nothing left

So SAVE your breath



نقرتين لعرض الصورة في صفحة مستقلة

Do you know what Linux mean ?
mmm okay , well do you know what GNU\Linux mean ?

mmm okay click here and learn more about it

موضوع مغلق


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

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

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


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[ دورة في أختراق الأجهزة ] تعلم أختراق الأجهزة من الألف إلى الياء .. الدورة مقدمة من اخي black eagle .. ! تم أضافة الدرس التاسع xXJoKeRXx ركـــن اختراق الايميلات والأجهزة 35 02-08-2010 07:53 AM
طرق سحب عضوية الادمن وتغيير الصفحة الدرس الثالث mr.brantook.vbs :: أرشيف الدورات المجانية :: 26 12-30-2009 06:26 PM
أضافة موضوع جديد و أضافة رد داخل المواضيع the-v ركـــن تطوير vBulletin 3 03-22-2009 05:58 PM
الدرس الثاني : الألوان تنسيق الصفحة ... أضف لصفحتك بعض الحيوية باستخدام الألوان والخلفيات الدمـــ عـازف ــــار ركـــن لغات البرمجة 5 02-15-2009 08:15 PM
الدرس الثالث : الخطوط التحكم بالخطوط في الصفحة، إختيار أنواعها وأحجامها وتنسيقاتها الدمـــ عـازف ــــار ركـــن لغات البرمجة 2 02-05-2009 04:14 PM

ضع ايميلك ليصلك احدث مواضيع المنتدى

ستصلك رسالة على إيميلك بها رابط التفعيل يرجى الضغط عليه لتفعيل إشتراكك

شبكة الصاعقة العربية الهكرز | تعليم الهكرز | برامج هكرز


PageRank


Powered by vBulletin® Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
|| ѕє¢υяιту By Sa3eKa TeAm ||

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

تم بواسطة لوس للتصميم