أهلا وسهلا بك إلى شبكة الصاعقة العربية الهكرز | تعليم الهكرز | برامج هكرز.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.
كما يشرفنا أن تقوم بالتسجيل بالضغط هنا
و اليوم بإذن الله رح نتعرف على اوسام جديدة .. و خصائص جديدة بإذن الله .. و هية رح تخلينا نكمل جمالية الصفحة تبعنا .. و نعمل فيها شوية خطوط جميلة
تابعوني اليوم درسنا لا يقل أهمية عن درسنا المآضي
رح ابدأ
هلء إذا رجعنا للصفحة يلي نحن عاملينها منلاحظ انو نحن ما عدلنا شي على خط الكتابة تبعها ... و الصفحة أخدت نوع الكتابة و حجمه افتراضيا ً ..
و هو كلتالي ..
نوع الخط : Time New Roman حجم الخط : 3 ( بمقياس متصفحات الانترنت )
هي اول شغلة .. هلء كلعادة جميع شغلنا رح يكون ضمن الوسم
كود:
<Body>
</Body>
اوكي شباب .. ما بدي نبه على هالشغلة يعني
.. المهم هلء .. رح نستخدم الوسم ..
كود:
<Font>
</Font>
هلء متل ما زكرت سابقا ً حكيت عن شي اسمو خصائص .. و هية يلي منستخدمها مع الوسم حتى نتمكن من أنشاء عملنا بالطريقة المناسبة
و في خصائص كتيرة متعلقة بالوسم Font .. و رح اذكر اهمها و رح يتم التطبيق عليهن ان شاء الله خلوكن معي
طبعا ً انا بالدرس المآضي استخدمت خاصية ال Color من الوسم Font .. لكي اعطي الصفحة لون خاص :) و مميز .. فاهمين عليي لهيك ما رح اتتطرق لشرحها هلء
بسم الله ..
هلء اول الشي رح اشرح هو خاصية نوع الخط Face.. و استخدامها بكون بالطريقة التالية
كود:
<Font face="Tahoma, Traditional Arabic, Arabic Transparent">
i Love Sa3eKa
</Font>
طبعا ً هلء في استفسار رح يجيني انو يا يحيى ليش حطيت تلت انواع من الخطوط .. ؟
انا رح جاوبو و رح يكون جوابي مقنع اله هههههه .. المهم حبيبي .. في بعض الحواسيب اصحابها منزلين عليها برنامج ال Office ومتل ما كلنا منعرف الاوفيس بس ينزل على الجهاز رح ينزل معه عدد من الخطوط .. اوكي . ؟
و إذا انت اخترت نوع خط الكتابة من برنامج الاوفيس لنفرض .. ف يلي ما عندو اوفيس ما رح يقدر يشوف الصفحة بالخط يلي انت كاتب فيه .. فهمت عليي . ؟
لهيك انا حطيت تلت انواع خطوط .. رح يتم التعامل بالشكل التالي
اول الشي رح يتم فتح الصفحة بخط التاهوما المعروف .. Tahoma و طبعا ً الجميع عندهن ياه لأنو هيدا بينزل مع الويندوز .. و لنفرض ما حدا كان عندو نوع هالخط هادا رح يتم فتح الصفحة بخط Traditional Arabic لأنو هو الخط التاني يلي اخترتو انا .. و هكـــذا ... وصلت الفكرة اخواني ؟
طبعا ً ما ضروري دائما نحط اكتر من خط .. خلاص إذا انت بتعرف انو الخط هيدا لنفرض موجود بأنظمة الويندوز .. خليه لحاله
متل ما عملت انا .. خليت خط ال Tahoma لحالو بالصفحة ... بس انا طرحت الكود السابق ك مثال .. يصبح الكود كالتالي
كود:
<Font face="Tahoma">
i Love Sa3eKa
</Font>
إيه هلء المهم .. منرجع للخاصية التانية .. و يلي هية الحجم ... و رح يتم استخدام الوسم كالتالي :)
كود:
<Font Size="5">
i Love Sa3eKa
</Font>
جربوها عندكن بالصفحة :)
لاحظتو النتيجة .. هلء متل ما زكرت باول الدرس انو الحجم الافتراضي لجميع المتصفحات هو 3 .... و نحن فينا نستخدم ارقام من 1 إلى 7 ... و هو أكبر حجم يمكن للمتصفحات استخدامه
و هي نتائج الخطوط :)
خط بحجم 1
خط بحجم 2
خط بحجم 3 (الخط الافتراضي)
خط بحجم 4
خط بحجم 5
خط بحجم 6
خط بحجم 7
و طبعا في طريقة ثانية لاستخدام الخاصية Size و هية الطريقة المستعملة في أغلب الصفحات ... و معظم مبرمجي المواقع بحبوها .. و انا رح ئلكن ليش .. تابعوني هلء
خاصية بسموها النسبية ...
يعني استخدام الرقم من 1 إلى 6 مصحوبا ً بإشارة + او -
مثآل
كود:
<Font Size="+4">
i Love Sa3eKa
</Font>
وفي هذه الطريقة فإن الأرقام 1-6 تمثل درجات التكبير (+) أو التصغير (-) للخط وذلك نسبةً إلى الحجم الافتراضي.
فمثلا الرقم +4 يعني : تكبير الخط أربع درجات عن الحجم الافتراضي وهو 3، أي أنه يصبح بالحجم 7.
بالمقابل فأن الرقم -1 يعني تصغير الخط درجة واحدة أي يصبح بالحجم 2.
ولتوضيح هذا الأسلوب، إليك هذه النماذج:
خط بحجم -3
خط بحجم -2
خط بحجم -1
خط بحجم +0 (أو -0 وهو الافتراضي)
خط بحجم +1
خط بحجم +2
خط بحجم +3
خط بحجم +4
خط بحجم +5
لاحظ أنه حتى في الأسلوب النسبي لا نستطيع الحصول على أكثر من سبعة أحجام للخطوط. حتى وإن حاولنا كتابة أرقام أكبر أو أصغر كما فعلت هنا بكتابة الحجم -3 أو +5.
طيب رح يجيني واحد يسألني انو يا يحيى حجم الخط لما استخدم -2 و +4 نفسه لما استخدم -3 و +5 :) طيب شو استفدت انا منهن . ؟
خليه هادا هو سؤال الدرس ... اوكي ؟
و بدي الجواب عليه .. و يلي ما بجاوب ما رح خليه يكمل معي الدورة
المهم منرجع منكمل .. فكرو منيح بالسؤال ها
ما في داعي نحط امثلة اخواني انتو جربو عندكن و شوفو النتائج كيف بتكون اوكي ..
بس رح حط مثال واحد .. مشان نشوف كيف فينا نستعمل الاوسام بطريقة حلوة :)
كود:
<FONT FACE="Arial" SIZE="5" COLOR="#00FF00"> This
<FONT FACE="Times New Roman" SIZE="7" COLOR="#FF00FF"> is
<FONT FACE="Arial" SIZE="2" COLOR="#FF0000"> multi
<FONT FACE="Impact" SIZE="4" COLOR="#000000"> colors,
<FONT FACE="Courier" SIZE="2" COLOR="#0000FF"> multi
<FONT FACE="Times New Roman" SIZE="3" COLOR="#008080"> faces,
<FONT FACE="Courier" SIZE="6" COLOR="#FFFF00"> and
<FONT FACE="Arial" SIZE="5" COLOR="#808080"> multi
<FONT FACE="Impact" SIZE="2" COLOR="#800000"> sizes
<FONT FACE="Times New Roman" SIZE="7" COLOR="#00FFFF"> text </font>
شفتو النتائج اخواني ...
هلء في شي خفي هون بهالكود هادا بدي تكتشفولي ياه ... شو رأيكن .. ؟ دخلت الاكشن بالدورة صحيح ههههههههههه شوفو كمان مثال تآني
كمان هون في شي خفي .. و بالمثالين الشي الخفي هو واحد :) ... يعني نفس الشي بالمثالين يلا لشوف بدي حمآآس ها
هلء معنا وسم جديد و هو وسم كتـيـــرمهم ... و قلتلكن انا رح اشرحلكن ياه قبل هلء .. و بهالدرس هادا و تم طرح سؤال عليه لهالوسم :)
يلا لشوف زاد الغموض يحيى هههه << يبغى يشوف إذا متابعين ولا لأ .. :)
المهم الوسم يلي معنا ياه هو
كود:
<BASEFONT>
وعمله هو تحديد نوع الخط وخصائصه بالنسبة للصفحة كلها .
أي أنه يقوم بتعريف نوع الخط الأساسي الذي سيستخدم في الصفحة من بدايتها إلى نهايتها و يحدد لونه وحجمه.<<
هل لاحظت انه وسم مفرد ولا يحتوي على وسم للنهاية؟
بالطبع ما الحاجة إلى وسم النهاية طالما أنه يتعامل مع الصفحة ككل ومع الإعدادات الأساسية لها، وليس مع كلمة أو سطر أو فقرة بذاتها.
لذلك فإن هذا الوسم يكتب عادة في أول الملف، ويفضل مباشرة بعد وسم <BODY>.
أما الخصائص المستخدمة معه فهي نفس الخصائص يلي ذكرتها مع <FONT> ، (نستطيع استخدام الخاصية Name معه بدلاً من Face). وبنفس الطريقة وبدون أي اختلافات.
هلء شو لاحظو من الكود هادا . ؟
انا رح خبركن ... انا بصراحة لاحظت انو هالكود هادا قام بجعل الخط الأفتراضي للصفحة كلها هو Arial .. و حجمه كان 5و لونه كان احمر ..
شو رايكن بهالترجمة . ؟ مزبوطة مو هيك ؟
إلى هنا ينتهي بنا المطاف و ينتهي درسنا بحمد لله تعالى ...
و في الدرس القادم رح اطرح بعض الاوسام و الخصائص يلي ممكن تزيد من جمالية الصفحة تبعنا اخواني ... لهيك يا ريت تتابعو معي الدرس القادم لأهميته
و بالنهاية بحب اشكر جميع متابعي الدورة ..
و أهم الشي ما تنسو الأجابة عن الأسئلة المطروحة بهالدرس
و اطلب منهم السماح على تأخري في تقديم الدروس بس والله وقت يلي عم افضى فيه عم ادخل فورا ً و زبط الدروس
و متل مو شايفين درس مو سهل يعني والله بياخد وقت
بس الله يعين و الحمد لله ع كلشي .... اهم الشي صحتنا بألف خير
الدرس الرآبع :: جمالية الصفحة و أضافة بعض الخطوط عليها :) :: ... !
و يلي ما بجاوب ما رح خليه يكمل معي الدورة 
